/*
 * LUXENIVION — final requested overrides
 * Baseline: Luxenivion-Blocksy-Child-v5-Shop-Explore-Discover-Link-Updated
 * No original design rules are replaced; these rules only address the requested fixes.
 */

/* =========================================================
   1. FIXED HEADER — DESKTOP + TABLET ONLY
   ========================================================= */
@media (min-width: 701px) {
  #lx-header-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
  }

  /* Keep page content below the fixed header. */
  body {
    padding-top: 128px !important;
    scroll-padding-top: 128px !important;
  }

  /* Tablet header is slightly shorter in the original CSS. */
  @media (max-width: 900px) {
    body {
      padding-top: 120px !important;
      scroll-padding-top: 120px !important;
    }
  }

  /* WordPress admin bar: keep the fixed header below it while logged in. */
  body.admin-bar #lx-header-wrap {
    top: 32px !important;
  }

  @media (max-width: 782px) {
    body.admin-bar #lx-header-wrap {
      top: 46px !important;
    }
  }
}

/* =========================================================
   2. FOOTER — KEEP THE SAME FULL-WIDTH FOOTER EVERYWHERE
   ========================================================= */
footer.lx-footer {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* If a parent template/container constrains the footer, escape it. */
body footer.lx-footer {
  width: 100vw !important;
  max-width: 100vw !important;
}

/* Preserve the footer's own content width; only the footer background
   itself is full width. */
.lx-footer .lx-footer-inner {
  box-sizing: border-box !important;
}

/* =========================================================
   3. FOOTER BRAND + SOCIAL ICONS — ALWAYS WHITE
   ========================================================= */
.lx-footer .lx-brand,
.lx-footer .lx-brand span,
.lx-footer .lx-social,
.lx-footer .lx-social:hover,
.lx-footer .lx-social:focus,
.lx-footer .lx-social:active {
  color: #ffffff !important;
  opacity: 1 !important;
}

.lx-footer .lx-social svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  opacity: 1 !important;
}

.lx-footer .lx-brand {
  text-shadow: none;
}

/* The copyright brand remains white as requested. */
.lx-footer .lx-copy strong {
  color: #ffffff !important;
}

/* =========================================================
   4. ANNOUNCEMENT / LANGUAGE SELECTOR
   Existing requested changes are retained:
   - PREMIUM QUALITY stays removed
   - LIMITED TIME DEAL remains centered
   - language-selector arrow stays hidden
   ========================================================= */
#lx-header-wrap .lx-badge-gold {
  display: none !important;
}

#lx-header-wrap .lx-announcement-items {
  justify-content: center !important;
}

#lx-header-wrap .lx-badge-deal {
  margin-left: auto !important;
  margin-right: auto !important;
}

#lx-header-wrap .lx-chevron,
#lx-header-wrap .lx-lang-btn .lx-chevron,
#lx-header-wrap .lx-lang-btn .lx-arrow,
#lx-header-wrap .lx-lang-btn .lx-caret {
  display: none !important;
}

/* =========================================================
   5. HEADER CORRECTION — RESTORE ORIGINAL DESKTOP/TABLET NAV
   The footer stylesheet contains generic .lx-links rules. Because
   the header uses the same class name, those rules were forcing the
   header navigation into a vertical column. Keep footer behavior
   intact and explicitly restore the header's original horizontal nav.
   ========================================================= */
#lx-header-wrap .lx-nav-shell,
#lx-header-wrap .lx-nav{
  box-sizing:border-box !important;
}

@media (min-width:901px){
  #lx-header-wrap .lx-nav{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    gap:24px !important;
  }

  #lx-header-wrap .lx-links{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    position:relative !important;
    width:auto !important;
  }

  #lx-header-wrap .lx-links a{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    padding:11px 14px !important;
    margin:0 !important;
  }

  #lx-header-wrap .lx-actions{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:5px !important;
  }
}

@media (min-width:701px) and (max-width:900px){
  #lx-header-wrap .lx-nav{
    display:grid !important;
    grid-template-columns:40px 1fr auto !important;
    align-items:center !important;
    gap:8px !important;
  }

  #lx-header-wrap .lx-links{
    display:none !important;
  }
}

/* The fixed header must reserve only the actual header area, not the
   accidental height created by the old vertical navigation. */
@media (min-width:901px){
  body{padding-top:108px !important;scroll-padding-top:108px !important;}
  body.admin-bar{padding-top:108px !important;}
}
@media (min-width:701px) and (max-width:900px){
  body{padding-top:104px !important;scroll-padding-top:104px !important;}
  body.admin-bar{padding-top:104px !important;}
}

/* =========================================================
   6. MOBILE PRODUCT PAGE — FULL VIEWPORT WIDTH
   The WooCommerce/Blocksy product layout was retaining a
   desktop/narrow container on phones. Reset only the
   single-product mobile layout so the page uses the full
   available viewport.
   ========================================================= */
@media (max-width: 700px) {
  body.single-product {
    --theme-container-width: 100% !important;
    --theme-container-gutter: 16px !important;
  }

  body.single-product #main-container,
  body.single-product .site-main,
  body.single-product .content-area,
  body.single-product .ct-container,
  body.single-product .ct-container-fluid,
  body.single-product .ct-content-container,
  body.single-product .woocommerce,
  body.single-product .woocommerce-page {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-product .ct-container,
  body.single-product .ct-container-fluid,
  body.single-product .ct-content-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.single-product div.product {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-product div.product .woocommerce-product-gallery,
  body.single-product div.product .summary,
  body.single-product div.product .woocommerce-product-gallery__wrapper {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-product div.product .woocommerce-product-gallery img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  body.single-product div.product .summary {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product .woocommerce-tabs,
  body.single-product .related,
  body.single-product .up-sells {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  body.single-product,
  body.single-product #page,
  body.single-product #main-container,
  body.single-product main,
  body.single-product .site-main {
    overflow-x: hidden !important;
  }
}