/* =========================================================
   SRU responsive (scoped)
   Scope root: header[data-sru], footer[data-sru]
   Keep: classic mobile nav only, search overlay sizing, footer spacing
   Drop: modern/full-screen nav variants, left sidebar, hamburger extras
   ========================================================= */

/* ---------- ≥1400px container width (only inside header/footer) ---------- */
@media (min-width: 1400px) {
  :is(header[data-sru], footer[data-sru]) :is(.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl) {
    max-width: 1220px;
  }
}

/* ---------- ≥992px row gutter fix when using .g-lg-0 (inside header/footer) ---------- */
@media (min-width: 992px) {
  :is(header[data-sru], footer[data-sru]) .row.g-lg-0 { margin-right:0; margin-left:0; }
  :is(header[data-sru], footer[data-sru]) .row.g-lg-0 > * { padding-right:0; padding-left:0; }
}

/* ---------- Global section paddings — skipped (content lives outside scope) ---------- */
/* If you ever set data-sru on a page wrapper and want these back, ping me. */

/* ---------- ≤1399px header tweaks ---------- */
@media (max-width: 1399px) {
  header[data-sru] .center-logo .navbar-nav .nav-link,
  header[data-sru].sticky .center-logo .navbar-nav .nav-link {
    padding-left:12px; padding-right:12px;
  }
}

/* ---------- ≤1199px header/navbar spacing ---------- */
@media (max-width: 1199px) {
  header[data-sru] .container-fluid { padding-left:35px; padding-right:35px; }
  header[data-sru].sticky .center-logo .navbar-nav .nav-link { padding:26px 15px; }
  header[data-sru] .navbar > .container-fluid { padding-left:35px; padding-right:35px; }
  header[data-sru] .navbar .navbar-nav .nav-link { padding:10px 15px; }

  header[data-sru] .navbar .navbar-nav .submenu-content .mega-menu { width:100%; padding:0 60px; }
  header[data-sru] .navbar .navbar-nav .submenu-content ul { padding:0 30px 0 0; }
  header[data-sru] .navbar.center-logo .navbar-nav .nav-link { padding:38px 15px; }
  header[data-sru] .navbar.center-logo .navbar-left,
  header[data-sru] .navbar.center-logo .navbar-right { width:40%; }
  header[data-sru] .navbar.top-logo .navbar-nav .nav-link { padding:25px 15px !important; }
  header[data-sru] .navbar.mini-header .navbar-nav .nav-link { padding:20px 15px !important; }

  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu { padding:35px 0 35px; }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu a { padding-bottom:8px; }
  header[data-sru] .navbar .navbar-nav .submenu-content ul .sub-title { margin-bottom:8px; }
  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu li a { padding-bottom:10px; }

  header[data-sru] .header-demo .container-fluid { padding-left:15px; padding-right:15px; }
  header[data-sru] .header-demo.navbar .navbar-nav .nav-link { padding-left:8px; padding-right:8px; }
  header[data-sru] .header-demo.navbar .navbar-nav .submenu-content .mega-menu { padding:0 30px; }

  /* Search overlay width (desktop-ish) */
  header[data-sru] .header-search-popup .search-form { width:60%; }
}

/* =======================================================
   NAVIGATION BREAKPOINT (≤991px) — classic only
   ======================================================= */
@media (max-width: 991px) {
  /* turn off background images in premium element (safe noop if unused) */
  header[data-sru] .header-demo.navbar .navbar-nav .premium-element { background-image:none !important; }
  header[data-sru] .header-demo.navbar .navbar-nav .premium-element .sub-title { font-size:16px; }
  header[data-sru] .header-demo.navbar .navbar-nav .dropdown .dropdown-menu a .label { display:none; }

  /* classic mobile nav */
  [data-mobile-nav-style="classic"] header[data-sru] .navbar-nav { display:block; }

  /* Bootstrap-ish mobile toggler/collapse behaviors (scoped) */
  header[data-sru] .navbar-expand-lg .navbar-toggler { display:flex; align-self:center; }
  header[data-sru] .navbar-expand-lg .navbar-toggler:focus { box-shadow:none; }
  header[data-sru] .navbar-expand-lg .navbar-collapse { display:block !important; }
  header[data-sru] .navbar-expand-lg .navbar-nav .dropdown-menu { position:static; }

  header[data-sru] .navbar-expand-lg > .container-fluid,
  header[data-sru] .navbar-expand-lg .container-lg { padding-right:0; padding-left:0; }

  header[data-sru] .collapse:not(.show) { display:none !important; }

  /* force block layout for items/links */
  header[data-sru] .navbar [class*="col-"] .navbar-nav .nav-item,
  header[data-sru] .navbar [class*="col-"] .navbar-nav .nav-item a { display:block; }

  /* paddings + brand visibility */
  header[data-sru] .container-fluid { padding-left:15px; padding-right:15px; }
  header[data-sru] .navbar-expand-lg { padding-left:15px; padding-right:15px; }
  header[data-sru] .center-logo { padding-top:0; padding-bottom:0; }

  header[data-sru] .navbar-brand { padding:22px 0; }
  header[data-sru] .navbar-brand .default-logo,
  header[data-sru] .navbar-brand .alt-logo { visibility:hidden !important; opacity:0 !important; width:0 !important; }
  header[data-sru] .navbar-brand .mobile-logo { visibility:visible !important; opacity:1 !important; width:auto !important; }
  header[data-sru] .navbar-brand:focus,
  header[data-sru] .navbar-brand .mobile-logo:focus { outline:none; }

  header[data-sru].sticky .navbar-brand { padding:22px 0; }
  header[data-sru].sticky .fixed-header .navbar-brand,
  header[data-sru].sticky .disable-fixed .navbar-brand { padding:22px 0; }

  /* collapse panel container */
  header[data-sru] .navbar-collapse {
    position:absolute; top:100%; left:0; width:100%; background:#fff; overflow:hidden;
    box-shadow:0 20px 15px 0 rgba(23,23,23,.05); max-height:calc(100vh - 72px);
  }

  /* mobile nav list spacing/colors */
  header[data-sru] .navbar .navbar-nav { padding:15px 15px 28px; }
  header[data-sru] .navbar .navbar-nav .nav-link {
    padding:10px 15px !important; color:var(--dark-gray);
  }
  header[data-sru] .navbar .navbar-nav .nav-link .label {
    margin-top:-3px; display:inline-block; padding:1px 11px; font-size:12px; margin-left:8px; line-height:21px;
  }
  header[data-sru] .navbar .navbar-nav .nav-item.active .nav-link { color:var(--dark-gray); opacity:.6; }
  header[data-sru] .navbar .navbar-nav .nav-item.active .dropdown-toggle { color:var(--dark-gray); }
  header[data-sru] .navbar .navbar-nav .nav-item:hover .nav-link { color:var(--dark-gray); opacity:1; }

  /* nested dropdowns */
  header[data-sru] .navbar .navbar-nav .dropdown.submenu { position:relative; }
  header[data-sru] .navbar .navbar-nav .dropdown.open .dropdown-menu { display:none; }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu.show { display:block; }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-toggle.show { transform:rotate(-180deg); }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu {
    top:0; animation:none !important; background-color:transparent; box-shadow:none; border-top:0 !important;
    padding:0 15px 15px; width:100%; display:none; border-radius:0 !important;
  }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu .mega-menu { padding:0; display:block !important; }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu .mega-menu ul { padding:15px 0 0; }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu .mega-menu ul:first-child .sub-title { margin-top:0; }

  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu li { padding:0 15px 0; }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu li.sub-title { margin:10px 0; line-height:16px; }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu li:last-child a { padding-bottom:5px; }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu li.active > a { color:var(--dark-gray); }
  header[data-sru] .navbar .navbar-nav .dropdown .dropdown-menu a { color:var(--medium-gray); padding:6px 0; line-height:16px; }

  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu li { padding:0 15px; }
  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu li a { color:var(--medium-gray); padding:6px 0; margin-bottom:0; }
  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu > .dropdown { margin-bottom:25px; }
  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child { margin-bottom:0; }
  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i { display:none; }
  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a {
    color:var(--dark-gray); padding:0 !important; margin-top:15px; font-weight:500; margin-bottom:6px;
  }
  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu { display:block; position:relative; left:0 !important; padding:0; top:0 !important; }
  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li { padding:0; }
  header[data-sru] .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu > .dropdown > a { margin-top:25px; }

  /* center-logo variant */
  header[data-sru] .navbar.center-logo .navbar-nav { margin:0 !important; }
  header[data-sru] .navbar.center-logo .navbar-nav .nav-link { padding:14px 15px !important; }
  header[data-sru] .navbar.center-logo .navbar-nav:first-child { padding-bottom:0; }
  header[data-sru] .navbar.center-logo .navbar-nav:last-child { padding-top:0; }
  header[data-sru] .navbar.center-logo .navbar-left,
  header[data-sru] .navbar.center-logo .navbar-right { width:100%; }

  /* header icons (search, etc.) */
  header[data-sru] .header-icon .icon > a,
  header[data-sru] .header-icon .icon .header-cart > a,
  header[data-sru] .header-icon .icon .header-language > a { color:var(--dark-gray); padding-left:12px; }
  header[data-sru] .header-icon .icon > a:hover,
  header[data-sru] .header-icon .icon .header-cart > a:hover,
  header[data-sru] .header-icon .icon .header-language > a:hover { color:var(--dark-gray); opacity:1; }

  /* “menu-order” column last */
  header[data-sru] .menu-order { order:5; }

  /* search overlay width (tablet) */
  header[data-sru] .search-form-wrapper .search-form { height:450px !important; }

  /* top-space helpers (if you use them in header) */
  header[data-sru] .top-space-margin,
  header[data-sru] .ipad-top-space-margin { margin-top:76px; }
  header[data-sru] .full-screen.top-space-margin,
  header[data-sru] .full-screen.ipad-top-space-margin { height:calc(100vh - 76px); }

  /* ensure dummy links stay clickable over toggles */
  header[data-sru] .navbar .navbar-nav .nav-link[href="javascript:void(0);"] { z-index:1 !important; }
}

/* ---------- ≤767px header tweaks ---------- */
@media (max-width: 767px) {
  /* Keep utility bar visible — intentionally NOT hiding .header-top-bar here */

  /* tighter navbar gutters */
  header[data-sru] .navbar-expand-lg { padding-left:0; padding-right:0; }
  header[data-sru] .navbar .navbar-nav { padding:15px 0; }

  /* search popup width */
  header[data-sru] .header-search-popup .search-form { width:85%; }
  header[data-sru] .header-search-popup .mb-50px { margin-bottom:30px; }

  /* search overlay common */
  header[data-sru] .search-form-wrapper .search-form { height:450px !important; }
  header[data-sru] .search-form-wrapper .search-form h6 { font-size:18px; line-height:20px; margin-bottom:10px !important; }
  header[data-sru] .search-form-wrapper .search-form .search-input { font-size:15px; height:50px; }
  header[data-sru] .search-form-wrapper .search-form .search-button { bottom:11px; font-size:20px; }

  /* if you ever re-enable “modern” drawer, we can add its widths back */
}

/* ---------- ≤575px header tweaks ---------- */
@media (max-width: 575px) {
  header[data-sru] .search-form-wrapper .search-form { height:380px !important; }
  header[data-sru] .search-form-wrapper .search-form h6 { font-size:18px; line-height:20px; margin-bottom:10px !important; }
  header[data-sru] .search-form-wrapper .search-form .search-input { font-size:15px; height:50px; }
  header[data-sru] .search-form-wrapper .search-form .search-button { bottom:11px; font-size:20px; }
}

/* ---------- ≤380px viewport height (tiny screens) ---------- */
@media (max-height: 380px) {
  header[data-sru] .search-form-wrapper .search-form { height:85vh !important; }
  header[data-sru] .search-form-wrapper .search-form h6 { font-size:18px; line-height:20px; margin-bottom:10px !important; }
  header[data-sru] .search-form-wrapper .search-form .search-input { font-size:14px; height:50px; }
  header[data-sru] .search-form-wrapper .search-form .search-button { bottom:10px; font-size:18px; }
  /* cart mini tweaks if used */
  header[data-sru] .header-cart-icon .header-cart .cart-item-list .cart-item { padding:12px; }
  header[data-sru] .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total .mb-15px { margin-bottom:0 !important; }
  header[data-sru] .header-cart-icon .header-cart .cart-item-list .cart-item .product-image { max-width:40px; }
}

/* =======================================================
   FOOTER responsive spacings
   ======================================================= */
@media (max-width: 1600px) {
  footer[data-sru] { padding-top:90px; padding-bottom:90px; }
}
@media (max-width: 991px) {
  footer[data-sru] { padding-top:75px; padding-bottom:75px; }
  footer[data-sru].half-footer { padding:65px 0; }
  footer[data-sru] .footer-sticky { position:relative !important; }
}
@media (max-width: 767px) {
  footer[data-sru] { padding-top:50px; padding-bottom:50px; }
  footer[data-sru].half-footer { padding:50px 0; }
  footer[data-sru] .elements-social li { margin-bottom:0; }
  footer[data-sru] .footer-navbar li .nav-link { padding-left:.8rem; padding-right:.8rem; }
}

/* Mobile: keep header icons light inside the green header */
@media (max-width: 991px) {
  header[data-sru] .header-light .header-icon .icon > a,
  header[data-sru] .header-light .header-icon .icon .header-language > a,
  header[data-sru] .header-light .header-icon .icon .header-cart > a,
  header[data-sru] .header-light .header-icon .icon .header-account > a {
    color: var(--sru-text-light);
  }

  header[data-sru] .header-light .header-icon .icon > a:hover,
  header[data-sru] .header-light .header-icon .icon .header-language > a:hover,
  header[data-sru] .header-light .header-icon .icon .header-cart > a:hover,
  header[data-sru] .header-light .header-icon .icon .header-account > a:hover {
    color: var(--sru-color-secondary);
    opacity: 1;
  }
}

/* Responsive headline in search overlay */
header[data-sru] .search-form-wrapper .search-form-box .fs-60 {
  /* fluid from ~24px up to 60px */
  font-size: clamp(1.5rem, 6vw, 3.75rem);
  line-height: 1.15;
  margin-bottom: clamp(0.75rem, 3vw, 2rem);
}

@media (max-width: 991.98px) {
  footer.footer-demo :is(h3, .h3).alt-font { font-size: 2.25rem !important; line-height: 1.2 !important; padding-top:1rem; }
}
@media (max-width: 767.98px) {
  footer.footer-demo .bg-highlight-footer { line-height: 1.2 !important; display:inline-block; padding-left:.35rem; padding-right:.35rem;}
}

@media (max-width: 767.98px) {
footer[data-sru] .col-lg-2.text-lg-start > span {
  padding-top: 20px;
  }
}