/* 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 .mobile-actions,
.site-header.header--minimal .header-right,
.site-header.header--minimal #bottom-nav,
.site-header.header--minimal .mobile-search-overlay {
  display: none !important;
}

/* Brand sizing */
.site-header .navbar-brand img { max-height: 36px; height: auto; width: auto; }
.site-header .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;
  }
}