/* Minimal header variant for Cart/Checkout */
.site-header.header-minimal,
.site-header.header--minimal {
  display: flex;
  align-items: center;
  gap: .75rem;
  height: 60px;
  background: #fff;
  border-bottom: 1px solid var(--checkout-border-color, #e5e7eb);
  position: relative;
  z-index: 20;
}

@media (max-width: 767px) {
  .site-header.header-minimal,
  .site-header.header--minimal { height: 56px; }
}

/* Hide utilities in minimal mode */
.site-header.header-minimal .mobile-actions,
.site-header.header-minimal .header-right,
.site-header.header-minimal #bottom-nav,
.site-header.header-minimal .mobile-search-overlay,
.site-header.header-minimal .search-container,
.site-header.header-minimal .desktop-only,
.site-header.header-minimal .header-cart,
.site-header.header--minimal .mobile-actions,
.site-header.header--minimal .header-right,
.site-header.header--minimal #bottom-nav,
.site-header.header--minimal .mobile-search-overlay,
.site-header.header--minimal .search-container,
.site-header.header--minimal .desktop-only,
.site-header.header--minimal .header-cart {
  display: none !important;
}

/* Brand sizing - scoped to minimal header only */
.site-header.header-minimal .navbar-brand img,
.site-header.header--minimal .navbar-brand img { max-height: 36px; height: auto; width: auto; }
.site-header.header-minimal .navbar-brand span,
.site-header.header--minimal .navbar-brand span { font-weight: 600; }

/* Checkout/Cart minimal header polish */

/* 1) Hide Traveler breadcrumb under minimal header (cart/checkout) */
.site-header.header-minimal ~ #content .st-breadcrumb,
.woocommerce-checkout .st-breadcrumb,
.woocommerce-cart .st-breadcrumb,
body.woocommerce-checkout .st-breadcrumb,
body.woocommerce-cart .st-breadcrumb {
  display: none !important;
}

/* 2) Ensure our header renders above any page banners/breadcrumbs */
.site-header.header-shell {
  position: relative;
  z-index: 1001;
}

/* 3) Make breadcrumb non-overlapping by default (defensive) - DISABLED on checkout */
body:not(.woocommerce-checkout):not(.woocommerce-cart) .st-breadcrumb {
  position: relative;
  z-index: 1;
}

/* 4) Minimal header styling - clean, centered, Shopify-inspired */
.site-header.header-minimal {
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
}

.site-header.header-minimal .navbar {
  padding: 0.75rem 0;
}

.site-header.header-minimal .header-inner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Back link styling */
.minimal-header-back,
.minimal-header-help {
  font-size: 0.9375rem;
  font-weight: 500;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: background-color 0.15s ease;
}

.minimal-header-back:hover,
.minimal-header-help:hover {
  background-color: #f3f4f6;
}

.minimal-header-back svg,
.minimal-header-help svg {
  flex-shrink: 0;
}

/* Center logo on minimal header */
.site-header.header-minimal .navbar-brand {
  margin: 0;
}

/* Mobile adjustments */
@media (max-width: 575px) {
  .site-header.header-minimal .navbar {
    padding: 0.5rem 0;
  }

  .site-header.header-minimal .header-inner-container {
    gap: 0.5rem;
    padding: 0 0.75rem;
  }

  .minimal-header-back,
  .minimal-header-help {
    padding: 0.375rem;
    font-size: 0.875rem;
  }
}

/* ==========================================================================
   CART PAGE SPECIFIC - CRO Optimized Header/Footer
   Hide exit points to reduce drop-off before checkout
   ========================================================================== */

/* Cart page: Hide full navigation, search, and cart icon */
body.woocommerce-cart .navbar-collapse,
body.woocommerce-cart .mega-menu,
body.woocommerce-cart .primary-nav,
body.woocommerce-cart #navbarNav,
body.woocommerce-cart .navbar-toggler,
body.woocommerce-cart .search-container,
body.woocommerce-cart .header-search,
body.woocommerce-cart .mobile-search-overlay,
body.woocommerce-cart .header-cart,
body.woocommerce-cart .cart-link,
body.woocommerce-cart .header-right {
    display: none !important;
}

/* Cart page: Center logo with action links on sides */
body.woocommerce-cart .navbar {
    justify-content: center;
}

body.woocommerce-cart .navbar-brand {
    margin: 0;
    flex: 0 0 auto;
}

/* Continue browsing link styling */
.cart-continue-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #6b7280;
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.cart-continue-link:hover {
    background-color: #f3f4f6;
    color: #374151;
    text-decoration: none;
}

.cart-continue-link i {
    font-size: 0.875rem;
}

/* Cart minimal footer */
.cart-footer-minimal {
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    padding: 1.5rem 0;
    margin-top: 2rem;
    text-align: center;
}

.cart-footer-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.875rem;
    color: #6b7280;
}

.cart-footer-links a {
    color: #6b7280;
    text-decoration: none;
    padding: 0.25rem 0.5rem;
}

.cart-footer-links a:hover {
    color: #374151;
    text-decoration: underline;
}

.cart-footer-links .divider {
    color: #d1d5db;
}

.cart-footer-copyright {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    color: #9ca3af;
}

/* Mobile refinements for cart */
@media (max-width: 767px) {
    .cart-continue-link {
        font-size: 0.875rem;
        padding: 0.5rem;
    }

    .cart-footer-links {
        flex-direction: column;
        gap: 0.25rem;
    }

    .cart-footer-links .divider {
        display: none;
    }

    .cart-footer-links a {
        padding: 0.5rem;
    }
}