/* Lycée Français International André-Malraux — typographie du nom de l'établissement */
@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/merriweather/merriweather-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/merriweather/merriweather-700.woff2') format('woff2');
}

:root {
    --font-school: 'Merriweather', Georgia, 'Times New Roman', serif;
}

.gwa-school-name,
.brand-name,
.sp-brand-name,
.shop-hero-title,
.footer-logo-row strong,
.site-footer .footer-logo-row strong,
body.shop-premium .sp-brand-name,
body.shop-premium .site-footer .footer-logo-row strong,
body.shop-premium.sp-is-thankyou .sp-brand-name,
body.shop-page .shop-hero-title {
    font-family: var(--font-school);
}

/* Formule products: hide size dropdown only (keep red Sizes guide button) */
body.shop-premium .sp-product-popup.is-formule-product .sp-popup-options {
    display: none !important;
}

/* Mobile header basket — high visibility pill button */
@media (max-width: 991px) {
    body.shop-premium .sp-header-basket {
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        width: auto;
        min-width: auto;
        height: 44px;
        min-height: 44px;
        padding: 0 14px 0 12px;
        border-radius: 999px;
        border: 2px solid #64748b;
        background: linear-gradient(135deg, #d20203, #b00102);
        color: #fff;
        box-shadow: 0 4px 16px rgba(210, 2, 3, 0.45);
        flex-shrink: 0;
    }

    body.shop-premium .sp-header-basket:hover,
    body.shop-premium .sp-header-basket:focus-visible {
        background: linear-gradient(135deg, #e80506, #c00102);
        border-color: #64748b;
        box-shadow: 0 6px 20px rgba(210, 2, 3, 0.55);
        color: #fff;
    }

    body.shop-premium .sp-header-basket-icon {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    body.shop-premium .sp-header-basket-icon svg {
        stroke: #fff;
    }

    body.shop-premium .sp-header-basket-label {
        display: inline;
        font-family: var(--font-body, 'Outfit', sans-serif);
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #fff;
        white-space: nowrap;
        line-height: 1;
    }

    body.shop-premium .sp-header-basket-badge {
        position: static;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 999px;
        background: #fff;
        color: #d20203 !important;
        font-size: 0.72rem;
        font-weight: 800;
        line-height: 1;
        box-shadow: none;
    }

    body.shop-premium .sp-header-basket-badge.is-empty {
        display: inline-flex !important;
        opacity: 0.9;
    }

    body.shop-premium .sp-header-actions {
        flex-shrink: 0;
    }

    body.shop-premium .sp-brand-name {
        max-width: 46vw;
    }
}

@media (max-width: 380px) {
    body.shop-premium .sp-header-basket {
        padding: 0 10px;
        gap: 6px;
    }

    body.shop-premium .sp-header-basket-label {
        font-size: 0.7rem;
    }
}