/**
 * Theme Name:     Merida Child
 * Author:         ThemePul
 * Template:       merida
 * Text Domain:	   merida-child
 * Description:    Merida - Restaurant & Food WordPress Theme
 */

/* ===== BASE HEADER ===== */
.sticky-header {
  width: 100%;
  position: relative;
  z-index: 999;
  transition: background 0.35s ease, box-shadow 0.35s ease, padding 0.3s ease;
}

/* sticky active */
.sticky-active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* ===== HOME ONLY ===== */
.home .sticky-header {
  background: transparent;
}

/* when scrolled on homepage */
.home .sticky-header.scrolled {
  background: rgba(93, 61, 24, 0.85);
}

/* glass blur */
.home .sticky-header.scrolled::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(27, 94, 60, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: -1;
}

/* ===== OTHER PAGES ===== */
body:not(.home) .sticky-header {
  background: rgba(93, 61, 24, 0.95);
}

/* ===== MOBILE FIX ===== */
@media (max-width: 1024px) {

  /* prevent transparent header on inner pages */
  body:not(.home) .sticky-header {
    background: rgba(93, 61, 24, 0.98);
  }

  /* mobile menu open fix */
  .sticky-header.menu-open {
    background: rgba(93, 61, 24, 0.98) !important;
  }

  /* optional: smaller header on scroll mobile */
  .sticky-header.scrolled {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.marquee-carousel .swiper-wrapper {
  transition-timing-function: linear !important;
}

.marquee-carousel .swiper-slide {
  width: auto !important;
}

.marquee-carousel .swiper-wrapper {
  animation: marqueeScroll 20s linear infinite;
}

@keyframes marqueeScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.marquee-carousel {
  position: relative;
  overflow: hidden;
}