/* ==========================================================================
   Theme WINDOWS 95 - Informat Systems Shop
   Skin uniquement (palette teal + fenetres 3D bevel + title bar bleu).
   Overrides ciblees via body[data-theme="win95"].
   ========================================================================== */

body[data-theme="win95"] {
    /* Palette Windows 95 authentique */
    --w95-teal: #008080;            /* fond bureau iconique */
    --w95-grey: #C0C0C0;            /* fenetres + boutons */
    --w95-grey-light: #DFDFDF;      /* bevel highlight */
    --w95-grey-dark: #808080;       /* bevel shadow */
    --w95-white: #FFFFFF;
    --w95-black: #000000;
    --w95-blue: #000080;            /* title bar */
    --w95-blue-light: #1084D0;      /* title bar gradient */
    --w95-blue-inactive: #808080;
    --w95-red: #FF0000;
    --w95-green: #008000;
    --w95-yellow: #FFFF00;

    background: var(--w95-teal) !important;
    color: var(--w95-black) !important;
    font-family: 'Microsoft Sans Serif', 'MS Sans Serif', Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 12px;
    padding: 0 !important;
    box-sizing: border-box;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}

/* Pattern desktop teal (rien de plus, teal pur) */
/* Optional: mini icones decoratives sur les cotes seraient trop bruyantes */

/* ==== Boot header : Windows 95 splash ==== */
body[data-theme="win95"] .c64-boot {
    background: var(--w95-grey);
    color: var(--w95-black);
    border: 2px solid var(--w95-black);
    box-shadow:
        inset 2px 2px 0 var(--w95-white),
        inset -2px -2px 0 var(--w95-grey-dark);
    padding: 0;
    text-align: left;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    margin: 8px 8px 12px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}
body[data-theme="win95"] .c64-boot .c64-title {
    background: linear-gradient(to right, var(--w95-blue) 0%, var(--w95-blue-light) 100%);
    color: var(--w95-white);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    text-shadow: none;
    text-align: left;
}
body[data-theme="win95"] .c64-boot .c64-ready {
    padding: 16px 20px;
    color: var(--w95-black);
    text-align: center;
    max-width: 100%;
    margin: 0;
    font-size: 12px;
    line-height: 1.7;
    background: var(--w95-grey);
}
body[data-theme="win95"] .c64-cursor {
    display: inline-block;
    width: 6px;
    height: 12px;
    background: var(--w95-black);
    vertical-align: -2px;
    animation: c64blink 1s steps(2) infinite;
}

/* ==== Mega menu top bar ==== */
body[data-theme="win95"] .mm-wrap {
    background: var(--w95-teal) !important;
    border-bottom: 2px solid var(--w95-black) !important;
    box-shadow: none !important;
    position: relative;
    z-index: 10;
}
body[data-theme="win95"] .mm-top {
    background: var(--w95-grey) !important;
    color: var(--w95-black) !important;
    border-bottom: 1px solid var(--w95-grey-dark) !important;
    box-shadow: inset 1px 1px 0 var(--w95-white), inset -1px -1px 0 var(--w95-grey-dark);
}
body[data-theme="win95"] .mm-catbar {
    background: var(--w95-grey) !important;
    color: var(--w95-black) !important;
    border-bottom: 2px solid var(--w95-grey-dark) !important;
    box-shadow: inset 1px 1px 0 var(--w95-white);
}
body[data-theme="win95"] .mm-logo,
body[data-theme="win95"] .mm-logo-text {
    color: var(--w95-black) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700;
    text-transform: none;
}
body[data-theme="win95"] .mm-topnav a,
body[data-theme="win95"] .mm-cat-trigger {
    color: var(--w95-black) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 12px !important;
    text-transform: none;
}
body[data-theme="win95"] .mm-topnav a:hover,
body[data-theme="win95"] .mm-cat-trigger:hover { background: var(--w95-blue) !important; color: var(--w95-white) !important; }
body[data-theme="win95"] .mm-logo img { filter: contrast(1.05); }

body[data-theme="win95"] .mm-search {
    background: var(--w95-white) !important;
    border: 2px solid var(--w95-grey-dark) !important;
    border-top-color: var(--w95-grey-dark) !important;
    border-left-color: var(--w95-grey-dark) !important;
    border-right-color: var(--w95-white) !important;
    border-bottom-color: var(--w95-white) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--w95-black), inset -1px -1px 0 var(--w95-grey-light);
}
body[data-theme="win95"] .mm-search input {
    background: transparent !important;
    color: var(--w95-black) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 12px !important;
    border: none !important;
}
body[data-theme="win95"] .mm-search input::placeholder { color: var(--w95-grey-dark); }

body[data-theme="win95"] .mm-cta,
body[data-theme="win95"] .mm-cart {
    background: var(--w95-grey) !important;
    color: var(--w95-black) !important;
    border: 1px solid var(--w95-black) !important;
    border-radius: 0 !important;
    box-shadow:
        inset 1px 1px 0 var(--w95-white),
        inset -1px -1px 0 var(--w95-grey-dark),
        inset 2px 2px 0 var(--w95-grey-light),
        inset -2px -2px 0 var(--w95-grey-dark) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    font-size: 12px !important;
    text-transform: none;
    text-shadow: none;
}
body[data-theme="win95"] .mm-cta:hover,
body[data-theme="win95"] .mm-cart:hover { background: var(--w95-grey-light) !important; }
body[data-theme="win95"] .mm-cta:active,
body[data-theme="win95"] .mm-cart:active {
    box-shadow:
        inset -1px -1px 0 var(--w95-white),
        inset 1px 1px 0 var(--w95-grey-dark),
        inset -2px -2px 0 var(--w95-grey-light),
        inset 2px 2px 0 var(--w95-grey-dark) !important;
}

/* ==== Cartes produits : fenetres Win95 ==== */
body[data-theme="win95"] .product-card,
body[data-theme="win95"] .card,
body[data-theme="win95"] .prod-card {
    background: var(--w95-grey) !important;
    color: var(--w95-black) !important;
    border: 2px solid var(--w95-black) !important;
    border-top-color: var(--w95-white) !important;
    border-left-color: var(--w95-white) !important;
    border-right-color: var(--w95-grey-dark) !important;
    border-bottom-color: var(--w95-grey-dark) !important;
    border-radius: 0 !important;
    box-shadow:
        1px 1px 0 var(--w95-grey-light),
        -1px -1px 0 var(--w95-grey-light),
        2px 2px 4px rgba(0,0,0,0.35) !important;
    transition: none !important;
    position: relative;
    padding-top: 24px !important;
}
/* Fake title bar bleue Win95 */
body[data-theme="win95"] .product-card::before,
body[data-theme="win95"] .card::before,
body[data-theme="win95"] .prod-card::before {
    content: 'Informat Systems - Fiche produit';
    position: absolute;
    top: 2px; left: 2px; right: 2px;
    height: 20px;
    background: linear-gradient(to right, var(--w95-blue) 0%, var(--w95-blue-light) 100%);
    color: var(--w95-white);
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 6px;
    box-sizing: border-box;
    text-transform: none;
    letter-spacing: 0;
}
body[data-theme="win95"] .product-card:hover,
body[data-theme="win95"] .card:hover,
body[data-theme="win95"] .prod-card:hover {
    transform: none !important;
}
body[data-theme="win95"] .product-card h3,
body[data-theme="win95"] .product-card .name,
body[data-theme="win95"] .product-card .title,
body[data-theme="win95"] .card h2,
body[data-theme="win95"] .card h3 {
    color: var(--w95-black) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    font-size: 13px !important;
    text-transform: none;
    letter-spacing: 0;
    text-shadow: none;
}
body[data-theme="win95"] .price,
body[data-theme="win95"] .product-price {
    color: var(--w95-blue) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    font-size: 17px;
    text-shadow: none;
}
body[data-theme="win95"] .brand,
body[data-theme="win95"] .product-brand { color: var(--w95-grey-dark) !important; font-weight: 700; }

/* ==== Boutons Win95 (relief 3D) ==== */
body[data-theme="win95"] button,
body[data-theme="win95"] .btn,
body[data-theme="win95"] .btn-primary,
body[data-theme="win95"] .btn-secondary,
body[data-theme="win95"] .btn-cta {
    background: var(--w95-grey) !important;
    color: var(--w95-black) !important;
    border: 1px solid var(--w95-black) !important;
    border-radius: 0 !important;
    box-shadow:
        inset 1px 1px 0 var(--w95-white),
        inset -1px -1px 0 var(--w95-grey-dark),
        inset 2px 2px 0 var(--w95-grey-light),
        inset -2px -2px 0 var(--w95-grey-dark) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    font-size: 12px !important;
    text-transform: none;
    letter-spacing: 0;
    padding: 6px 16px !important;
    transition: none !important;
    text-shadow: none;
}
body[data-theme="win95"] button:hover,
body[data-theme="win95"] .btn:hover { background: var(--w95-grey-light) !important; }
body[data-theme="win95"] button:active,
body[data-theme="win95"] .btn:active {
    box-shadow:
        inset -1px -1px 0 var(--w95-white),
        inset 1px 1px 0 var(--w95-grey-dark),
        inset -2px -2px 0 var(--w95-grey-light),
        inset 2px 2px 0 var(--w95-grey-dark) !important;
    transform: translate(1px, 1px);
}
body[data-theme="win95"] .btn-cta {
    background: var(--w95-grey) !important;
    color: var(--w95-blue) !important;
    font-weight: 700;
}

/* ==== Liens et titres ==== */
body[data-theme="win95"] a { color: var(--w95-blue); text-decoration: underline; }
body[data-theme="win95"] a:visited { color: #800080; }
body[data-theme="win95"] h1, body[data-theme="win95"] h2, body[data-theme="win95"] h3 {
    color: var(--w95-white);
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif;
    font-weight: 700;
    text-transform: none;
    text-shadow: 1px 1px 0 var(--w95-black);
}

/* ==== PANIER + CHECKOUT ==== */
body[data-theme="win95"] .header {
    background: linear-gradient(to right, var(--w95-blue) 0%, var(--w95-blue-light) 100%) !important;
    border-bottom: 2px solid var(--w95-black) !important;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.3), inset -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: var(--w95-white) !important;
    padding: 4px 8px !important;
}
body[data-theme="win95"] .header .logo,
body[data-theme="win95"] .header .logo-text,
body[data-theme="win95"] .header .logo-subtitle,
body[data-theme="win95"] .header .back-link {
    color: var(--w95-white) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    text-shadow: none;
}
body[data-theme="win95"] .header .logo-text { font-size: 13px !important; }

body[data-theme="win95"] .page-title {
    color: var(--w95-white) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    font-size: 18px !important;
    text-shadow: 1px 1px 0 var(--w95-black);
}
body[data-theme="win95"] .page-title small { color: var(--w95-grey-light) !important; }

/* Blocs "fenetres" Win95 avec title bar */
body[data-theme="win95"] .cart-items,
body[data-theme="win95"] .cart-summary,
body[data-theme="win95"] .cart-empty {
    background: var(--w95-grey) !important;
    color: var(--w95-black) !important;
    border: 2px solid var(--w95-black) !important;
    border-top-color: var(--w95-white) !important;
    border-left-color: var(--w95-white) !important;
    border-right-color: var(--w95-grey-dark) !important;
    border-bottom-color: var(--w95-grey-dark) !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.35) !important;
    position: relative;
    padding-top: 26px !important;
}
body[data-theme="win95"] .cart-items::before {
    content: '📁 Panier - Informat Systems';
    position: absolute; top: 2px; left: 2px; right: 2px; height: 20px;
    background: linear-gradient(to right, var(--w95-blue) 0%, var(--w95-blue-light) 100%);
    color: var(--w95-white);
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif;
    font-size: 11px; font-weight: 700;
    padding: 3px 6px; box-sizing: border-box;
}
body[data-theme="win95"] .cart-summary::before {
    content: '💰 Recapitulatif';
    position: absolute; top: 2px; left: 2px; right: 2px; height: 20px;
    background: linear-gradient(to right, var(--w95-blue) 0%, var(--w95-blue-light) 100%);
    color: var(--w95-white);
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif;
    font-size: 11px; font-weight: 700;
    padding: 3px 6px; box-sizing: border-box;
}
body[data-theme="win95"] .cart-summary h2 {
    color: var(--w95-black) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    border-bottom: 1px solid var(--w95-grey-dark) !important;
    text-shadow: none !important;
    font-size: 13px !important;
}

body[data-theme="win95"] .cart-item {
    border-bottom: 1px dashed var(--w95-grey-dark) !important;
    color: var(--w95-black) !important;
}
body[data-theme="win95"] .item-image {
    background: var(--w95-white) !important;
    border: 2px solid var(--w95-black) !important;
    border-top-color: var(--w95-grey-dark) !important;
    border-left-color: var(--w95-grey-dark) !important;
    border-right-color: var(--w95-white) !important;
    border-bottom-color: var(--w95-white) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--w95-black), inset -1px -1px 0 var(--w95-grey-light);
}
body[data-theme="win95"] .item-info h3 {
    color: var(--w95-black) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    font-size: 12px !important;
    text-shadow: none;
}
body[data-theme="win95"] .item-meta { color: var(--w95-grey-dark) !important; font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important; font-size: 11px !important; }
body[data-theme="win95"] .item-unit-price { color: var(--w95-grey-dark) !important; font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important; }
body[data-theme="win95"] .item-total {
    color: var(--w95-blue) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700;
    text-shadow: none;
}

/* Controles quantite */
body[data-theme="win95"] .qty-controls {
    border: 2px solid var(--w95-black) !important;
    border-top-color: var(--w95-grey-dark) !important;
    border-left-color: var(--w95-grey-dark) !important;
    border-right-color: var(--w95-white) !important;
    border-bottom-color: var(--w95-white) !important;
    border-radius: 0 !important;
    background: var(--w95-white) !important;
}
body[data-theme="win95"] .qty-btn {
    background: var(--w95-grey) !important;
    color: var(--w95-black) !important;
    border: 1px solid var(--w95-black) !important;
    box-shadow: inset 1px 1px 0 var(--w95-white), inset -1px -1px 0 var(--w95-grey-dark) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700;
    border-radius: 0 !important;
}
body[data-theme="win95"] .qty-btn:hover { background: var(--w95-grey-light) !important; }
body[data-theme="win95"] .qty-value {
    background: var(--w95-white) !important;
    color: var(--w95-black) !important;
    border: none !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 12px !important;
}
body[data-theme="win95"] .item-remove {
    color: var(--w95-red) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
}

/* Resume */
body[data-theme="win95"] .summary-row {
    color: var(--w95-black) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 12px !important;
    border-bottom: 1px dotted var(--w95-grey-dark) !important;
    padding: 0.4rem 0 !important;
}
body[data-theme="win95"] .summary-row.total {
    color: var(--w95-blue) !important;
    font-size: 15px !important;
    font-weight: 700;
    border-top: 2px solid var(--w95-black) !important;
    border-bottom: none !important;
    text-shadow: none;
}
body[data-theme="win95"] .summary-info {
    background: #FFFFEE !important;
    color: var(--w95-black) !important;
    border: 1px solid var(--w95-black) !important;
    border-radius: 0 !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 11px !important;
}
body[data-theme="win95"] .trust {
    background: var(--w95-grey-light) !important;
    color: var(--w95-black) !important;
    border: 1px solid var(--w95-grey-dark) !important;
    border-radius: 0 !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 11px !important;
    box-shadow: inset 1px 1px 0 var(--w95-white);
}
body[data-theme="win95"] .trust div::before { color: var(--w95-green) !important; }

/* Inputs Win95 sunken */
body[data-theme="win95"] input[type="text"],
body[data-theme="win95"] input[type="email"],
body[data-theme="win95"] input[type="tel"],
body[data-theme="win95"] input[type="number"],
body[data-theme="win95"] textarea,
body[data-theme="win95"] select {
    background: var(--w95-white) !important;
    color: var(--w95-black) !important;
    border: 2px solid var(--w95-grey-dark) !important;
    border-top-color: var(--w95-grey-dark) !important;
    border-left-color: var(--w95-grey-dark) !important;
    border-right-color: var(--w95-white) !important;
    border-bottom-color: var(--w95-white) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--w95-black), inset -1px -1px 0 var(--w95-grey-light) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 12px !important;
    padding: 4px 6px !important;
    caret-color: var(--w95-black);
}
body[data-theme="win95"] input:focus,
body[data-theme="win95"] textarea:focus,
body[data-theme="win95"] select:focus {
    outline: 1px dotted var(--w95-black) !important;
    outline-offset: -3px !important;
    border-color: var(--w95-grey-dark) !important;
}
body[data-theme="win95"] label {
    color: var(--w95-white) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    font-size: 12px !important;
    text-shadow: 1px 1px 0 var(--w95-black);
}

/* Checkout : card devient window Win95 avec titre */
body[data-theme="win95"] .card {
    padding-top: 26px !important;
}
body[data-theme="win95"] .card::before {
    content: '📝 Formulaire de commande';
    position: absolute; top: 2px; left: 2px; right: 2px; height: 20px;
    background: linear-gradient(to right, var(--w95-blue) 0%, var(--w95-blue-light) 100%);
    color: var(--w95-white);
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif;
    font-size: 11px; font-weight: 700;
    padding: 3px 6px; box-sizing: border-box;
}

/* Payment options : boutons radio Win95 */
body[data-theme="win95"] .payment-option {
    background: var(--w95-grey-light) !important;
    border: 2px solid var(--w95-black) !important;
    border-top-color: var(--w95-white) !important;
    border-left-color: var(--w95-white) !important;
    border-right-color: var(--w95-grey-dark) !important;
    border-bottom-color: var(--w95-grey-dark) !important;
    border-radius: 0 !important;
    color: var(--w95-black) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    text-transform: none;
    font-size: 12px !important;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important;
}
body[data-theme="win95"] .payment-option:has(input:checked) {
    background: linear-gradient(to right, var(--w95-blue) 0%, var(--w95-blue-light) 100%) !important;
    color: var(--w95-white) !important;
    text-shadow: 1px 1px 0 var(--w95-black);
}
body[data-theme="win95"] .payment-option strong,
body[data-theme="win95"] .payment-option b { color: inherit !important; }

/* Alma pills : petits boutons Win95 */
body[data-theme="win95"] .alma-plan-pill {
    background: var(--w95-grey) !important;
    color: var(--w95-black) !important;
    border: 1px solid var(--w95-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--w95-white), inset -1px -1px 0 var(--w95-grey-dark) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    text-transform: none;
    font-weight: 700;
    font-size: 12px !important;
}
body[data-theme="win95"] .alma-plan-pill.active,
body[data-theme="win95"] .alma-plan-pill[aria-pressed="true"] {
    background: var(--w95-blue) !important;
    color: var(--w95-white) !important;
    box-shadow: inset -1px -1px 0 var(--w95-white), inset 1px 1px 0 var(--w95-grey-dark) !important;
}

/* Success card */
body[data-theme="win95"] .success-card {
    background: var(--w95-grey) !important;
    border: 2px solid var(--w95-black) !important;
    border-top-color: var(--w95-white) !important;
    border-left-color: var(--w95-white) !important;
    border-right-color: var(--w95-grey-dark) !important;
    border-bottom-color: var(--w95-grey-dark) !important;
    color: var(--w95-black) !important;
    padding-top: 40px !important;
}
body[data-theme="win95"] .success-card::before {
    content: '✅ Confirmation';
    position: absolute; top: 2px; left: 2px; right: 2px; height: 20px;
    background: linear-gradient(to right, var(--w95-blue) 0%, var(--w95-blue-light) 100%);
    color: var(--w95-white);
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif;
    font-size: 11px; font-weight: 700;
    padding: 3px 6px; box-sizing: border-box;
}
body[data-theme="win95"] .ref-box {
    background: var(--w95-white) !important;
    color: var(--w95-blue) !important;
    border: 2px solid var(--w95-black) !important;
    border-top-color: var(--w95-grey-dark) !important;
    border-left-color: var(--w95-grey-dark) !important;
    border-right-color: var(--w95-white) !important;
    border-bottom-color: var(--w95-white) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--w95-black);
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    letter-spacing: 2px !important;
    font-weight: 700;
    text-shadow: none;
}

/* Erreurs : dialog Win95 rouge */
body[data-theme="win95"] .errors {
    background: var(--w95-grey) !important;
    color: var(--w95-red) !important;
    border: 2px solid var(--w95-black) !important;
    border-top-color: var(--w95-white) !important;
    border-left-color: var(--w95-white) !important;
    border-right-color: var(--w95-grey-dark) !important;
    border-bottom-color: var(--w95-grey-dark) !important;
    border-radius: 0 !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700;
    padding-left: 40px !important;
    position: relative;
}
body[data-theme="win95"] .errors::before {
    content: '⚠';
    position: absolute; left: 10px; top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: var(--w95-yellow);
    background: var(--w95-red);
    width: 24px; height: 24px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    font-weight: 700;
}

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

/* Toggle button */
body[data-theme="win95"] .theme-toggle {
    background: var(--w95-grey) !important;
    color: var(--w95-black) !important;
    border: 1px solid var(--w95-black) !important;
    border-radius: 0 !important;
    box-shadow:
        inset 1px 1px 0 var(--w95-white),
        inset -1px -1px 0 var(--w95-grey-dark) !important;
    font-family: 'Microsoft Sans Serif', Tahoma, sans-serif !important;
    font-weight: 700;
    text-transform: none;
    font-size: 11px !important;
}