/**
 * Halloween seasonal header — scoped under body.xx-season-halloween.
 * Revert: set XX_ACTIVE_SEASON to '' in inc/xx-seasonal.php.
 *
 * Assets: ../../images/seasonal/halloween/
 * - logo.png
 * - emptycart.png
 */

body.xx-season-halloween {
  --xx-season-bg: #ff7e27;
  --xx-season-nav: #ffffff;
  --xx-season-nav-hover-bg: rgba(255, 255, 255, 0.14);
  --xx-season-quotation-bg: #633191;
  --xx-season-quotation-text: #ffffff;
  --xx-season-dropdown-bg: #fff7ef;
  --xx-season-banner-bg: #ffffff;
  --xx-season-banner-text: #ff7e27;
  --xx-season-banner-price: #ffffff;
  --xx-season-banner-price-bg: #ff7e27;
  --xx-season-banner-cta-bg: #ff7e27;
}

/* ----- Header skin ----- */
body.xx-season-halloween #header .header-wrapper,
body.xx-season-halloween #masthead,
body.xx-season-halloween #header .header-main {
  background-color: var(--xx-season-bg) !important;
  background-image: none;
  border-bottom: none;
  box-shadow: none;
}

body.xx-season-halloween #header .header-main {
  position: relative;
  overflow: visible;
  z-index: 1;
}

/* ----- Logo swap ----- */
body.xx-season-halloween #logo {
  position: relative;
  z-index: 2;
}

body.xx-season-halloween #logo img,
body.xx-season-halloween #logo .header-logo-dark,
body.xx-season-halloween #logo .header-logo-light {
  content: url("../../images/seasonal/halloween/logo.png");
  height: 52px;
  width: auto;
  max-height: 58px;
  object-fit: contain;
}

/* ----- Nav links (white on orange) ----- */
body.xx-season-halloween .header-nav-main li.menu-item > a.nav-top-link {
  color: var(--xx-season-nav) !important;
  border-color: transparent;
}

body.xx-season-halloween .header-nav-main li.menu-item:hover > a.nav-top-link {
  background: var(--xx-season-nav-hover-bg);
  color: var(--xx-season-nav) !important;
  border-color: rgba(255, 255, 255, 0.35);
}

body.xx-season-halloween #header .header-nav > li > a,
body.xx-season-halloween #header .header-nav > li > a i,
body.xx-season-halloween #header .header-nav .cart-icon strong,
body.xx-season-halloween #header .header-button a,
body.xx-season-halloween #header .icon-menu,
body.xx-season-halloween #header .nav-icon-a {
  color: var(--xx-season-nav) !important;
}

/* Cart img icon → white on orange header */
body.xx-season-halloween #header .header-cart-icon img.cart-img-icon,
body.xx-season-halloween #header .cart-item img.cart-img-icon,
body.xx-season-halloween #header .image-icon.header-cart-icon img {
  filter: brightness(0) invert(1);
}

/* Cart badge: keep readable on orange */
body.xx-season-halloween #header .header-cart-icon::after,
body.xx-season-halloween #header .cart-icon strong {
  background-color: var(--xx-season-quotation-bg) !important;
  color: #fff !important;
}

/* ----- Dropdowns ----- */
body.xx-season-halloween #header .nav-dropdown,
body.xx-season-halloween #header .has-mega-menu > .nav-dropdown,
body.xx-season-halloween #header .ub-menu.nav-dropdown,
body.xx-season-halloween #header .xx-mega,
body.xx-season-halloween #header .xx-mega .xx-mega__panel,
body.xx-season-halloween #header .xx-mega .xx-mega__grid,
body.xx-season-halloween #header .xx-mega .xx-mega__region,
body.xx-season-halloween #header .xx-mega .xx-mega__region--scenes,
body.xx-season-halloween #header .xx-mega .xx-mega__region--regular-items,
body.xx-season-halloween #header .xx-mega.xx-mega--new-layout .xx-mega__region--regular-items,
body.xx-season-halloween #header .xx-mega.xx-mega--cards .xx-mega__card {
  background: var(--xx-season-dropdown-bg) !important;
  background-color: var(--xx-season-dropdown-bg) !important;
}

/* ----- 報價查詢 button ----- */
body.xx-season-halloween #header button.quotation {
  background: var(--xx-season-quotation-bg) !important;
  background-color: var(--xx-season-quotation-bg) !important;
  color: var(--xx-season-quotation-text) !important;
  border: none !important;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.238px;
  cursor: pointer;
  transition: transform 0.2s ease, filter 0.2s ease;
}

body.xx-season-halloween #header button.quotation:hover {
  background: #7340a8 !important;
  color: var(--xx-season-quotation-text) !important;
  filter: brightness(1.05);
}

/* ----- Homepage promo banner strip（人均$98起） ----- */
body.xx-season-halloween .section.top-bar {
  background-color: var(--xx-season-banner-bg) !important;
  background-image: none !important;
}

body.xx-season-halloween .section.top-bar .banner-text,
body.xx-season-halloween .section.top-bar .banner-text .banner-text-strong,
body.xx-season-halloween .section.top-bar .banner-text .banner-text-span {
  color: var(--xx-season-banner-text) !important;
  text-shadow: none;
}

body.xx-season-halloween .section.top-bar .banner-text .banner-price {
  color: var(--xx-season-banner-price) !important;
}

body.xx-season-halloween .section.top-bar .banner-text .banner-price:before {
  background: var(--xx-season-banner-price-bg);
}

body.xx-season-halloween .section.top-bar .banner-cta {
  background: var(--xx-season-banner-cta-bg) !important;
  color: #fff !important;
}

/* ----- Mobile / tablet ----- */
@media screen and (max-width: 849px) {
  body.xx-season-halloween #logo img,
  body.xx-season-halloween #logo .header-logo-dark,
  body.xx-season-halloween #logo .header-logo-light {
    height: 40px;
    max-height: 44px;
  }
}