/**
 * Shared chrome — header/footer on all public pages (with home-figma.css).
 */

#wowuchersPromoBar,
.home-promo-bar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

body.wowuchers-site {
    background: var(--hf-page-bg, #fafbfb);
    font-family: 'Raleway', 'Inter', system-ui, sans-serif;
}

/* Sign in & Sign up — sizes from home-figma.css variables */
body.wowuchers-site .header--home .auth-buttons .auth-btn,
body.home-page-v2 .header--home .auth-buttons .auth-btn {
    font-family: 'Raleway', 'Inter', system-ui, sans-serif;
    font-size: var(--hf-header-auth-size, 1rem);
    font-weight: 600;
    line-height: 1.2;
}

/* Store pages using figma header — match home auth buttons */
body.store-page-v2.wowuchers-site .signup-btn--figma {
    display: none;
}

body.store-page-v2.wowuchers-site .header--home .signup-btn--home {
    display: inline-flex;
}

/* Figma header — single-row flex (home-figma.css); override legacy style.css flex-wrap */
body.wowuchers-site .header--home .header-content {
    display: flex !important;
    flex-wrap: nowrap !important;
}

body.wowuchers-site .header--home .header-actions::before {
    display: none !important;
}

body.wowuchers-site .header--home .search-container {
    flex: 1 1 auto !important;
    margin-left: var(--hf-header-logo-search-gap, 1rem) !important;
    margin-right: var(--hf-header-logo-search-gap, 1rem) !important;
}

body.wowuchers-site .footer.footer--figma,
body.home-page-v2 .footer.footer--figma {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

body.wowuchers-site .footer.footer--figma .footer-figma-body,
body.home-page-v2 .footer.footer--figma .footer-figma-body {
    width: 100%;
}

/* Hide promo only when explicitly disabled (not when body.has-promo-bar) */
body.promo-bar-off:not(.has-promo-bar) .home-promo-bar,
body.promo-bar-off:not(.has-promo-bar) #wowuchersPromoBar {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden;
}

/* Force visible when settings say promo is on */
body.has-promo-bar .home-promo-bar,
body.has-promo-bar #wowuchersPromoBar {
    display: flex !important;
    visibility: visible !important;
    min-height: 45px !important;
    height: 45px !important;
}

body.wowuchers-site .home-promo-bar,
body.home-page-v2 .home-promo-bar {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: none;
}

body.wowuchers-site .home-promo-bar + .header.header--home,
body.home-page-v2 .home-promo-bar + .header.header--home {
    margin-top: 0 !important;
    border-top: none !important;
}

/* Mobile — keep Figma header row (style.css stacks .header-content in a column) */
@media (max-width: 768px) {
    body.wowuchers-site .header--home .header-content,
    body.home-page-v2 .header--home .header-content {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    body.wowuchers-site .header--home .search-container,
    body.home-page-v2 .header--home .search-container {
        order: unset !important;
        width: auto !important;
    }

    body.wowuchers-site .header--home .header-actions,
    body.home-page-v2 .header--home .header-actions {
        display: flex !important;
    }
}