/**
 * Page-Specific Header Overrides
 *
 * Light header for Cart, Checkout, and Order Confirmation pages.
 */

/* ===========================================
   WP ADMIN BAR COMPENSATION
   WP Studio / preview sites show the admin bar even when
   show_admin_bar(false) is set. WordPress injects:
   html { margin-top: 32px !important }
   This offsets our fixed header to account for it.
   =========================================== */
.admin-bar .homepage-desktop-header,
.admin-bar .site-header,
.admin-bar .header-sticky-wrapper {
    top: 32px;
}

/* Hide the admin bar entirely on homepage — it breaks the hero layout */
.admin-bar #wpadminbar {
    display: none !important;
}

.admin-bar html {
    margin-top: 0 !important;
}

/* ===========================================
   LIGHT HEADER - Cart, Checkout, Order Confirmation
   =========================================== */
.cart-page-body,
.checkout-page-body,
.confirmation-page-body {
    --header-bg: #fff;
    --header-text: #2D1F1F;
    --header-text-muted: rgba(45, 31, 31, 0.8);
    --header-text-hover: rgba(45, 31, 31, 0.7);
    --header-border: #e5e5e5;
}

/* ===========================================
   LOGO SWITCHING
   =========================================== */

/* Default: show light logo (for dark header on desktop) */
.header-logo .logo-dark {
    display: none;
}

.header-logo .logo-light {
    display: block;
}

/* Mobile: show dark logo (white header background per Figma) */
@media (max-width: 1023px) {
    .header-logo .logo-light {
        display: none;
    }

    .header-logo .logo-dark {
        display: block;
    }
}

/* Light header pages: show dark logo */
.cart-page-body .header-logo .logo-light,
.checkout-page-body .header-logo .logo-light,
.confirmation-page-body .header-logo .logo-light {
    display: none;
}

.cart-page-body .header-logo .logo-dark,
.checkout-page-body .header-logo .logo-dark,
.confirmation-page-body .header-logo .logo-dark {
    display: block;
}