/* ==========================================================================
   Theme MAC OS CLASSIC (System 7) - Informat Systems Shop
   Skin uniquement (palette N&B + fenetres barre rayees + Chicago font).
   Overrides ciblees via body[data-theme="macos"].
   ========================================================================== */

body[data-theme="macos"] {
    /* Palette Mac Classic - N&B pur */
    --mc-white: #FFFFFF;
    --mc-black: #000000;
    --mc-grey: #A5A5A5;            /* pattern desktop dither */
    --mc-grey-light: #DDDDDD;      /* stripes title bar */
    --mc-grey-dark: #666666;
    --mc-invert-bg: #000000;       /* selection : fond noir, texte blanc */
    --mc-invert-fg: #FFFFFF;

    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', 'Lucida Grande', system-ui, sans-serif !important;
    font-size: 13px;
    letter-spacing: 0;
    padding: 0 !important;
    box-sizing: border-box;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}

/* Bureau : pattern damier 50% dither (iconique System 7) */
body[data-theme="macos"]::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        linear-gradient(45deg, var(--mc-grey) 25%, transparent 25%),
        linear-gradient(-45deg, var(--mc-grey) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--mc-grey) 75%),
        linear-gradient(-45deg, transparent 75%, var(--mc-grey) 75%);
    background-size: 4px 4px;
    background-position: 0 0, 0 2px, 2px -2px, -2px 0;
    opacity: 0.6;
    pointer-events: none;
    z-index: 0;
}

/* ==== Boot header : "Welcome to Macintosh" ==== */
body[data-theme="macos"] .c64-boot {
    background: var(--mc-white);
    color: var(--mc-black);
    border: 1px solid var(--mc-black);
    box-shadow: 4px 4px 0 var(--mc-black);
    padding: 0;
    text-align: center;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin: 12px auto;
    max-width: 400px;
    position: relative;
    z-index: 5;
}
body[data-theme="macos"] .c64-boot .c64-title {
    background:
        linear-gradient(to bottom, var(--mc-white) 0%, var(--mc-white) 45%, var(--mc-black) 45%, var(--mc-black) 55%, var(--mc-white) 55%),
        repeating-linear-gradient(0deg, var(--mc-black) 0px, var(--mc-black) 1px, var(--mc-white) 1px, var(--mc-white) 3px);
    color: var(--mc-black);
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 6px 60px;
    text-shadow: none;
    text-align: center;
    position: relative;
    border-bottom: 1px solid var(--mc-black);
}
body[data-theme="macos"] .c64-boot .c64-title::before {
    content: '□';
    position: absolute;
    left: 8px; top: 50%; transform: translateY(-50%);
    background: var(--mc-white);
    padding: 0 4px;
    border: 1px solid var(--mc-black);
    font-size: 10px;
    line-height: 1;
}
body[data-theme="macos"] .c64-boot .c64-ready {
    padding: 24px 20px;
    color: var(--mc-black);
    text-align: center;
    max-width: 100%;
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    background: var(--mc-white);
}
body[data-theme="macos"] .c64-cursor {
    display: inline-block;
    width: 7px;
    height: 13px;
    background: var(--mc-black);
    vertical-align: -2px;
    animation: c64blink 0.9s steps(2) infinite;
}

/* ==== Mega menu top bar : barre menu Mac (blanche, textes noirs) ==== */
body[data-theme="macos"] .mm-wrap {
    background: var(--mc-white) !important;
    border-bottom: 1px solid var(--mc-black) !important;
    box-shadow: none !important;
    position: relative;
    z-index: 10;
}
body[data-theme="macos"] .mm-top {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border-bottom: 1px solid var(--mc-black) !important;
    box-shadow: none;
}
body[data-theme="macos"] .mm-catbar {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border-bottom: 1px solid var(--mc-black) !important;
}
body[data-theme="macos"] .mm-logo,
body[data-theme="macos"] .mm-logo-text {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700;
    text-transform: none;
    text-shadow: none;
}
body[data-theme="macos"] .mm-topnav a,
body[data-theme="macos"] .mm-cat-trigger {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-size: 13px !important;
    text-transform: none;
    padding: 4px 10px;
    border-radius: 0;
}
body[data-theme="macos"] .mm-topnav a:hover,
body[data-theme="macos"] .mm-cat-trigger:hover {
    background: var(--mc-invert-bg) !important;
    color: var(--mc-invert-fg) !important;
}
body[data-theme="macos"] .mm-logo img { filter: contrast(1.05); }

body[data-theme="macos"] .mm-search {
    background: var(--mc-white) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    box-shadow: none;
}
body[data-theme="macos"] .mm-search input {
    background: transparent !important;
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-size: 13px !important;
    border: none !important;
}
body[data-theme="macos"] .mm-search input::placeholder { color: var(--mc-grey-dark); }

body[data-theme="macos"] .mm-cta,
body[data-theme="macos"] .mm-cart {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 6px !important;
    box-shadow: 2px 2px 0 var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-weight: 700;
    font-size: 13px !important;
    text-transform: none;
    text-shadow: none;
    padding: 6px 14px !important;
}
body[data-theme="macos"] .mm-cta:hover,
body[data-theme="macos"] .mm-cart:hover { background: var(--mc-black) !important; color: var(--mc-white) !important; }
body[data-theme="macos"] .mm-cta:active,
body[data-theme="macos"] .mm-cart:active { box-shadow: 1px 1px 0 var(--mc-black) !important; transform: translate(1px, 1px); }

/* ==== Cartes produits : fenetres System 7 ==== */
body[data-theme="macos"] .product-card,
body[data-theme="macos"] .card,
body[data-theme="macos"] .prod-card {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 var(--mc-black) !important;
    transition: none !important;
    position: relative;
    padding-top: 26px !important;
}
/* Barre de titre iconique : rayures horizontales + close box + titre centre */
body[data-theme="macos"] .product-card::before,
body[data-theme="macos"] .card::before,
body[data-theme="macos"] .prod-card::before {
    content: 'Fiche produit';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 22px;
    background:
        linear-gradient(to bottom, var(--mc-white) 0%, var(--mc-white) 20%, transparent 20%),
        repeating-linear-gradient(0deg, var(--mc-black) 0px, var(--mc-black) 1px, var(--mc-white) 1px, var(--mc-white) 3px);
    color: var(--mc-black);
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 4px 40px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--mc-black);
    text-shadow:
        -2px 0 var(--mc-white), 2px 0 var(--mc-white),
        0 -2px var(--mc-white), 0 2px var(--mc-white),
        -1px -1px var(--mc-white), 1px 1px var(--mc-white),
        -1px 1px var(--mc-white), 1px -1px var(--mc-white);
}
/* Close box petit carré blanc à gauche */
body[data-theme="macos"] .product-card > *:first-child::after {
    /* placeholder inutile - le close box est fait via un pseudo-element sur le card lui-meme */
}

body[data-theme="macos"] .product-card h3,
body[data-theme="macos"] .product-card .name,
body[data-theme="macos"] .product-card .title,
body[data-theme="macos"] .card h2,
body[data-theme="macos"] .card h3 {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-weight: 700;
    font-size: 14px !important;
    text-transform: none;
    text-shadow: none;
}
body[data-theme="macos"] .price,
body[data-theme="macos"] .product-price {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    text-shadow: none;
}
body[data-theme="macos"] .brand,
body[data-theme="macos"] .product-brand { color: var(--mc-grey-dark) !important; font-weight: 400; }

/* ==== Boutons Mac Classic : blanc, bordure noire, arrondi ==== */
body[data-theme="macos"] button,
body[data-theme="macos"] .btn,
body[data-theme="macos"] .btn-primary,
body[data-theme="macos"] .btn-secondary,
body[data-theme="macos"] .btn-cta {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 8px !important;
    box-shadow: 2px 2px 0 var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-weight: 700;
    font-size: 13px !important;
    text-transform: none;
    letter-spacing: 0;
    padding: 7px 18px !important;
    transition: none !important;
    text-shadow: none;
}
body[data-theme="macos"] button:hover,
body[data-theme="macos"] .btn:hover { background: var(--mc-black) !important; color: var(--mc-white) !important; }
body[data-theme="macos"] button:active,
body[data-theme="macos"] .btn:active {
    box-shadow: 1px 1px 0 var(--mc-black) !important;
    transform: translate(1px, 1px);
}
/* Bouton "primaire" avec bordure double (comme boutons OK/Cancel de dialogues) */
body[data-theme="macos"] .btn-cta {
    outline: 2px solid var(--mc-black);
    outline-offset: 2px;
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
}
body[data-theme="macos"] .btn-cta:hover {
    background: var(--mc-black) !important;
    color: var(--mc-white) !important;
}

/* ==== Liens et titres ==== */
body[data-theme="macos"] a {
    color: var(--mc-black);
    text-decoration: underline;
}
body[data-theme="macos"] h1, body[data-theme="macos"] h2, body[data-theme="macos"] h3 {
    color: var(--mc-black);
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif;
    font-weight: 700;
    text-transform: none;
    text-shadow: none;
}
body[data-theme="macos"] ::selection { background: var(--mc-invert-bg); color: var(--mc-invert-fg); }

/* ==== PANIER + CHECKOUT ==== */
body[data-theme="macos"] .header {
    background:
        linear-gradient(to bottom, var(--mc-white) 0%, var(--mc-white) 40%, transparent 40%),
        repeating-linear-gradient(0deg, var(--mc-black) 0px, var(--mc-black) 1px, var(--mc-white) 1px, var(--mc-white) 3px) !important;
    border-bottom: 1px solid var(--mc-black) !important;
    box-shadow: none !important;
    color: var(--mc-black) !important;
    padding: 8px 16px !important;
}
body[data-theme="macos"] .header-content { position: relative; }
body[data-theme="macos"] .header .logo,
body[data-theme="macos"] .header .logo-text,
body[data-theme="macos"] .header .logo-subtitle,
body[data-theme="macos"] .header .back-link {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    text-shadow:
        -2px 0 var(--mc-white), 2px 0 var(--mc-white),
        0 -2px var(--mc-white), 0 2px var(--mc-white),
        -1px -1px var(--mc-white), 1px 1px var(--mc-white),
        -1px 1px var(--mc-white), 1px -1px var(--mc-white);
    background: var(--mc-white);
    padding: 2px 8px;
    display: inline-block;
    border: 1px solid transparent;
}
body[data-theme="macos"] .header .logo-text { font-size: 15px !important; }

body[data-theme="macos"] .page-title {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    font-size: 20px !important;
    text-shadow: none;
    background: var(--mc-white);
    padding: 4px 12px;
    display: inline-block;
    border: 1px solid var(--mc-black);
    box-shadow: 3px 3px 0 var(--mc-black);
}
body[data-theme="macos"] .page-title small { color: var(--mc-grey-dark) !important; }

/* Blocs "fenetres" System 7 avec barre rayee */
body[data-theme="macos"] .cart-items,
body[data-theme="macos"] .cart-summary,
body[data-theme="macos"] .cart-empty {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 var(--mc-black) !important;
    position: relative;
    padding-top: 26px !important;
}
body[data-theme="macos"] .cart-items::before {
    content: 'Mon Panier';
    position: absolute; top: 0; left: 0; right: 0; height: 22px;
    background:
        linear-gradient(to bottom, var(--mc-white) 0%, var(--mc-white) 20%, transparent 20%),
        repeating-linear-gradient(0deg, var(--mc-black) 0px, var(--mc-black) 1px, var(--mc-white) 1px, var(--mc-white) 3px);
    color: var(--mc-black);
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif;
    font-size: 12px; font-weight: 700;
    padding: 4px 40px; box-sizing: border-box;
    border-bottom: 1px solid var(--mc-black);
    text-align: center;
    text-shadow:
        -2px 0 var(--mc-white), 2px 0 var(--mc-white),
        0 -2px var(--mc-white), 0 2px var(--mc-white),
        -1px -1px var(--mc-white), 1px 1px var(--mc-white);
}
body[data-theme="macos"] .cart-summary::before {
    content: 'Recapitulatif';
    position: absolute; top: 0; left: 0; right: 0; height: 22px;
    background:
        linear-gradient(to bottom, var(--mc-white) 0%, var(--mc-white) 20%, transparent 20%),
        repeating-linear-gradient(0deg, var(--mc-black) 0px, var(--mc-black) 1px, var(--mc-white) 1px, var(--mc-white) 3px);
    color: var(--mc-black);
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif;
    font-size: 12px; font-weight: 700;
    padding: 4px 40px; box-sizing: border-box;
    border-bottom: 1px solid var(--mc-black);
    text-align: center;
    text-shadow:
        -2px 0 var(--mc-white), 2px 0 var(--mc-white),
        0 -2px var(--mc-white), 0 2px var(--mc-white),
        -1px -1px var(--mc-white), 1px 1px var(--mc-white);
}
body[data-theme="macos"] .cart-summary h2 {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    border-bottom: 1px solid var(--mc-black) !important;
    text-shadow: none !important;
    font-size: 14px !important;
}

body[data-theme="macos"] .cart-item {
    border-bottom: 1px dotted var(--mc-black) !important;
    color: var(--mc-black) !important;
}
body[data-theme="macos"] .item-image {
    background: var(--mc-white) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 0 var(--mc-black);
}
body[data-theme="macos"] .item-info h3 {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    font-size: 13px !important;
    text-shadow: none;
}
body[data-theme="macos"] .item-meta { color: var(--mc-grey-dark) !important; font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important; font-size: 11px !important; }
body[data-theme="macos"] .item-unit-price { color: var(--mc-grey-dark) !important; font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important; }
body[data-theme="macos"] .item-total {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700;
    text-shadow: none;
}

/* Controles quantite */
body[data-theme="macos"] .qty-controls {
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    background: var(--mc-white) !important;
    box-shadow: 2px 2px 0 var(--mc-black);
}
body[data-theme="macos"] .qty-btn {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: none !important;
    border-right: 1px solid var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body[data-theme="macos"] .qty-btn:last-child { border-left: 1px solid var(--mc-black) !important; border-right: none !important; }
body[data-theme="macos"] .qty-btn:hover { background: var(--mc-black) !important; color: var(--mc-white) !important; }
body[data-theme="macos"] .qty-value {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: none !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important;
    font-size: 13px !important;
}
body[data-theme="macos"] .item-remove { color: var(--mc-black) !important; font-family: 'ChicagoFLF', 'Chicago', sans-serif !important; }

/* Resume */
body[data-theme="macos"] .summary-row {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important;
    font-size: 13px !important;
    border-bottom: 1px dotted var(--mc-grey-dark) !important;
    padding: 0.4rem 0 !important;
}
body[data-theme="macos"] .summary-row.total {
    color: var(--mc-black) !important;
    font-size: 16px !important;
    font-weight: 700;
    border-top: 2px solid var(--mc-black) !important;
    border-bottom: none !important;
    text-shadow: none;
}
body[data-theme="macos"] .summary-info {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px dashed var(--mc-black) !important;
    border-radius: 0 !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important;
    font-size: 12px !important;
}
body[data-theme="macos"] .trust {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important;
    font-size: 11px !important;
}
body[data-theme="macos"] .trust div::before { color: var(--mc-black) !important; }

/* Inputs Mac Classic : bordure noire simple + focus underline */
body[data-theme="macos"] input[type="text"],
body[data-theme="macos"] input[type="email"],
body[data-theme="macos"] input[type="tel"],
body[data-theme="macos"] input[type="number"],
body[data-theme="macos"] textarea,
body[data-theme="macos"] select {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--mc-grey-light) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important;
    font-size: 13px !important;
    padding: 6px 8px !important;
    caret-color: var(--mc-black);
}
body[data-theme="macos"] input:focus,
body[data-theme="macos"] textarea:focus,
body[data-theme="macos"] select:focus {
    outline: none !important;
    border-color: var(--mc-black) !important;
    box-shadow: inset 1px 1px 0 var(--mc-grey-light), 0 0 0 2px var(--mc-black) !important;
}
body[data-theme="macos"] label {
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important;
    font-weight: 700;
    text-transform: none;
    font-size: 12px !important;
    text-shadow: none;
    background: var(--mc-white);
    padding: 1px 4px;
    display: inline-block;
}

/* Checkout : card devient window System 7 */
body[data-theme="macos"] .card {
    padding-top: 26px !important;
}
body[data-theme="macos"] .card::before {
    content: 'Formulaire de commande';
    position: absolute; top: 0; left: 0; right: 0; height: 22px;
    background:
        linear-gradient(to bottom, var(--mc-white) 0%, var(--mc-white) 20%, transparent 20%),
        repeating-linear-gradient(0deg, var(--mc-black) 0px, var(--mc-black) 1px, var(--mc-white) 1px, var(--mc-white) 3px);
    color: var(--mc-black);
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif;
    font-size: 12px; font-weight: 700;
    padding: 4px 40px; box-sizing: border-box;
    border-bottom: 1px solid var(--mc-black);
    text-align: center;
    text-shadow:
        -2px 0 var(--mc-white), 2px 0 var(--mc-white),
        0 -2px var(--mc-white), 0 2px var(--mc-white),
        -1px -1px var(--mc-white), 1px 1px var(--mc-white);
}

/* Payment options : radio dialog Mac */
body[data-theme="macos"] .payment-option {
    background: var(--mc-white) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    color: var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', 'Geneva', system-ui, sans-serif !important;
    text-transform: none;
    font-size: 13px !important;
    box-shadow: 2px 2px 0 var(--mc-black) !important;
}
body[data-theme="macos"] .payment-option:has(input:checked) {
    background: var(--mc-black) !important;
    color: var(--mc-white) !important;
    text-shadow: none;
}
body[data-theme="macos"] .payment-option strong,
body[data-theme="macos"] .payment-option b { color: inherit !important; }

/* Alma pills */
body[data-theme="macos"] .alma-plan-pill {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 6px !important;
    box-shadow: 2px 2px 0 var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Geneva', sans-serif !important;
    text-transform: none;
    font-weight: 700;
    font-size: 12px !important;
}
body[data-theme="macos"] .alma-plan-pill.active,
body[data-theme="macos"] .alma-plan-pill[aria-pressed="true"] {
    background: var(--mc-black) !important;
    color: var(--mc-white) !important;
    box-shadow: 1px 1px 0 var(--mc-black) !important;
}

/* Success card */
body[data-theme="macos"] .success-card {
    background: var(--mc-white) !important;
    border: 1px solid var(--mc-black) !important;
    box-shadow: 3px 3px 0 var(--mc-black) !important;
    color: var(--mc-black) !important;
    padding-top: 40px !important;
}
body[data-theme="macos"] .success-card::before {
    content: 'Confirmation';
    position: absolute; top: 0; left: 0; right: 0; height: 22px;
    background:
        linear-gradient(to bottom, var(--mc-white) 0%, var(--mc-white) 20%, transparent 20%),
        repeating-linear-gradient(0deg, var(--mc-black) 0px, var(--mc-black) 1px, var(--mc-white) 1px, var(--mc-white) 3px);
    color: var(--mc-black);
    font-family: 'ChicagoFLF', 'Chicago', sans-serif;
    font-size: 12px; font-weight: 700;
    padding: 4px 40px; box-sizing: border-box;
    border-bottom: 1px solid var(--mc-black);
    text-align: center;
    text-shadow:
        -2px 0 var(--mc-white), 2px 0 var(--mc-white),
        0 -2px var(--mc-white), 0 2px var(--mc-white);
}
body[data-theme="macos"] .ref-box {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 0 var(--mc-black);
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', sans-serif !important;
    letter-spacing: 2px !important;
    font-weight: 700;
    text-shadow: none;
}

/* Erreurs : dialog Mac Classic bomb icon */
body[data-theme="macos"] .errors {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700;
    padding-left: 46px !important;
    position: relative;
}
body[data-theme="macos"] .errors::before {
    content: '💣';
    position: absolute; left: 10px; top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: var(--mc-black);
    font-weight: 700;
}

body[data-theme="macos"] .cart-empty h2 { color: var(--mc-black) !important; text-shadow: none; }
body[data-theme="macos"] .cart-empty p { color: var(--mc-grey-dark) !important; }

/* Toggle button */
body[data-theme="macos"] .theme-toggle {
    background: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border: 1px solid var(--mc-black) !important;
    border-radius: 6px !important;
    box-shadow: 2px 2px 0 var(--mc-black) !important;
    font-family: 'ChicagoFLF', 'Chicago', 'Charcoal', sans-serif !important;
    font-weight: 700;
    text-transform: none;
    font-size: 12px !important;
}