/* ==========================================================================
   Theme AMIGA WORKBENCH 1.3 - Informat Systems Shop
   Skin uniquement (palette + police Topaz-like + relief 3D pixel + barres titre).
   Overrides ciblees via body[data-theme="amiga"].
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');

body[data-theme="amiga"] {
    /* Palette Workbench 1.3 authentique */
    --wb-blue: #0055AA;           /* fond ecran Workbench */
    --wb-blue-dark: #003377;      /* conteneurs foncees */
    --wb-orange: #FF8A00;         /* barre de titre iconique */
    --wb-orange-dark: #CC6E00;    /* ombre orange */
    --wb-white: #FFFFFF;
    --wb-black: #000000;
    --wb-grey: #A0A0A0;           /* window body 3D */
    --wb-grey-light: #D0D0D0;
    --wb-grey-dark: #555555;
    --wb-cyan: #55DDFF;

    background: var(--wb-blue) !important;
    color: var(--wb-white) !important;
    font-family: 'Silkscreen', 'Courier New', monospace !important;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 0 !important;
    box-sizing: border-box;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}

/* Pattern damier Workbench subtil (2 pixels blue alternes) */
body[data-theme="amiga"]::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        linear-gradient(45deg, rgba(255,255,255,0.03) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255,255,255,0.03) 25%, transparent 25%);
    background-size: 4px 4px;
    pointer-events: none;
    z-index: 0;
}

/* Boot header : fake Kickstart / Workbench splash */
body[data-theme="amiga"] .c64-boot {
    background: var(--wb-blue-dark);
    color: var(--wb-white);
    border: none;
    border-bottom: 2px solid var(--wb-orange);
    padding: 18px;
    text-align: center;
    font-family: 'Silkscreen', monospace;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 0;
    box-shadow: inset 2px 2px 0 rgba(255,255,255,0.4), inset -2px -2px 0 rgba(0,0,0,0.5);
}
body[data-theme="amiga"] .c64-boot .c64-title {
    color: var(--wb-orange);
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 16px;
    text-shadow: 1px 1px 0 var(--wb-black);
}
body[data-theme="amiga"] .c64-boot .c64-ready {
    color: var(--wb-cyan);
    text-align: center;
    max-width: 100%;
    margin: 6px auto 0;
    font-size: 13px;
    line-height: 1.6;
}
body[data-theme="amiga"] .c64-cursor {
    display: inline-block;
    width: 8px;
    height: 14px;
    background: var(--wb-orange);
    vertical-align: -2px;
    animation: c64blink 0.6s steps(2) infinite;
}

/* ==== Helper : relief 3D pixel Workbench (bordure blanche haut-gauche + noire bas-droit) ==== */
/* Utilise sur toutes les cartes / boutons pour l'effet "sur-eleve" */

/* ==== Mega menu top bar : barre de titre Workbench orange ==== */
body[data-theme="amiga"] .mm-wrap {
    background: var(--wb-blue) !important;
    border-bottom: 3px solid var(--wb-orange) !important;
    box-shadow: none !important;
    position: relative;
    z-index: 10;
}
body[data-theme="amiga"] .mm-top {
    background: var(--wb-orange) !important;
    color: var(--wb-white) !important;
    border-bottom: 2px solid var(--wb-black) !important;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5), inset -1px -1px 0 var(--wb-orange-dark);
}
body[data-theme="amiga"] .mm-catbar {
    background: var(--wb-grey) !important;
    color: var(--wb-black) !important;
    border-bottom: 2px solid var(--wb-black) !important;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.7), inset -1px -1px 0 rgba(0,0,0,0.3);
}
body[data-theme="amiga"] .mm-logo,
body[data-theme="amiga"] .mm-logo-text {
    color: var(--wb-white) !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 15px !important;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 var(--wb-black);
}
body[data-theme="amiga"] .mm-topnav a {
    color: var(--wb-white) !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 12px !important;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 var(--wb-black);
}
body[data-theme="amiga"] .mm-cat-trigger {
    color: var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 12px !important;
    text-transform: uppercase;
}
body[data-theme="amiga"] .mm-logo img { filter: contrast(1.1) brightness(1.05); }

body[data-theme="amiga"] .mm-search {
    background: var(--wb-white) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-grey-dark);
}
body[data-theme="amiga"] .mm-search input {
    background: transparent !important;
    color: var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 13px !important;
    border: none !important;
}
body[data-theme="amiga"] .mm-search input::placeholder { color: var(--wb-grey-dark); }
body[data-theme="amiga"] .mm-cta,
body[data-theme="amiga"] .mm-cart {
    background: var(--wb-grey-light) !important;
    color: var(--wb-black) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark), 2px 2px 0 var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px !important;
}
body[data-theme="amiga"] .mm-cta:hover,
body[data-theme="amiga"] .mm-cart:hover {
    background: var(--wb-white) !important;
    transform: translate(1px, 1px);
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark), 1px 1px 0 var(--wb-black) !important;
}

/* ==== Cartes produits shop : fenetres Workbench ==== */
body[data-theme="amiga"] .product-card,
body[data-theme="amiga"] .card,
body[data-theme="amiga"] .prod-card {
    background: var(--wb-grey-light) !important;
    color: var(--wb-black) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark), 3px 3px 0 var(--wb-black) !important;
    transition: none !important;
    position: relative;
    padding-top: 24px !important;
}
/* Fake barre de titre orange en haut de chaque carte */
body[data-theme="amiga"] .product-card::before,
body[data-theme="amiga"] .card::before,
body[data-theme="amiga"] .prod-card::before {
    content: '◱ INFORMAT SYSTEMS';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 20px;
    background: var(--wb-orange);
    color: var(--wb-white);
    font-family: 'Silkscreen', monospace;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 4px 8px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--wb-black);
    text-shadow: 1px 1px 0 var(--wb-black);
    text-transform: uppercase;
}
body[data-theme="amiga"] .product-card:hover,
body[data-theme="amiga"] .card:hover,
body[data-theme="amiga"] .prod-card:hover {
    transform: translate(-1px, -1px);
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark), 4px 4px 0 var(--wb-black) !important;
}
body[data-theme="amiga"] .product-card h3,
body[data-theme="amiga"] .product-card .name,
body[data-theme="amiga"] .product-card .title,
body[data-theme="amiga"] .card h2,
body[data-theme="amiga"] .card h3 {
    color: var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 0.5px;
}
body[data-theme="amiga"] .price,
body[data-theme="amiga"] .product-price {
    color: var(--wb-blue) !important;
    font-family: 'Silkscreen', monospace !important;
    font-weight: 700;
    font-size: 18px;
    text-shadow: 1px 1px 0 var(--wb-white);
}
body[data-theme="amiga"] .brand,
body[data-theme="amiga"] .product-brand { color: var(--wb-orange-dark) !important; }

/* ==== Boutons : relief 3D Workbench ==== */
body[data-theme="amiga"] button,
body[data-theme="amiga"] .btn,
body[data-theme="amiga"] .btn-primary,
body[data-theme="amiga"] .btn-secondary,
body[data-theme="amiga"] .btn-cta {
    background: var(--wb-grey-light) !important;
    color: var(--wb-black) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark), 2px 2px 0 var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 12px !important;
    transition: none !important;
}
body[data-theme="amiga"] button:hover,
body[data-theme="amiga"] .btn:hover {
    background: var(--wb-white) !important;
}
body[data-theme="amiga"] button:active,
body[data-theme="amiga"] .btn:active {
    box-shadow: inset -1px -1px 0 var(--wb-white), inset 1px 1px 0 var(--wb-grey-dark), 1px 1px 0 var(--wb-black) !important;
    transform: translate(1px, 1px);
}
body[data-theme="amiga"] .btn-cta {
    background: var(--wb-orange) !important;
    color: var(--wb-white) !important;
    text-shadow: 1px 1px 0 var(--wb-black);
}
body[data-theme="amiga"] .btn-cta:hover { background: var(--wb-orange-dark) !important; }

/* ==== Liens et titres ==== */
body[data-theme="amiga"] a { color: var(--wb-cyan); text-decoration: underline; }
body[data-theme="amiga"] h1, body[data-theme="amiga"] h2, body[data-theme="amiga"] h3 {
    color: var(--wb-white);
    font-family: 'Silkscreen', monospace;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 var(--wb-black);
}

/* ==== PANIER + CHECKOUT ==== */
body[data-theme="amiga"] .header {
    background: var(--wb-orange) !important;
    border-bottom: 2px solid var(--wb-black) !important;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5), inset -1px -1px 0 var(--wb-orange-dark) !important;
    color: var(--wb-white) !important;
}
body[data-theme="amiga"] .header .logo,
body[data-theme="amiga"] .header .logo-text,
body[data-theme="amiga"] .header .logo-subtitle,
body[data-theme="amiga"] .header .back-link {
    color: var(--wb-white) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 var(--wb-black);
}
body[data-theme="amiga"] .header .logo-text { font-size: 16px !important; }

body[data-theme="amiga"] .page-title {
    color: var(--wb-white) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    font-size: 20px !important;
    text-shadow: 2px 2px 0 var(--wb-black);
}
body[data-theme="amiga"] .page-title small { color: var(--wb-cyan) !important; }

/* Blocs "fenetres" Workbench avec barre titre orange */
body[data-theme="amiga"] .cart-items,
body[data-theme="amiga"] .cart-summary,
body[data-theme="amiga"] .cart-empty {
    background: var(--wb-grey-light) !important;
    color: var(--wb-black) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark), 3px 3px 0 var(--wb-black) !important;
    position: relative;
    padding-top: 26px !important;
}
body[data-theme="amiga"] .cart-items::before {
    content: '◱ MON PANIER';
    position: absolute; top: 0; left: 0; right: 0; height: 22px;
    background: var(--wb-orange); color: var(--wb-white);
    font-family: 'Silkscreen', monospace; font-size: 11px; letter-spacing: 1px;
    padding: 5px 10px; box-sizing: border-box;
    border-bottom: 1px solid var(--wb-black);
    text-shadow: 1px 1px 0 var(--wb-black); text-transform: uppercase;
}
body[data-theme="amiga"] .cart-summary::before {
    content: '◱ RECAPITULATIF';
    position: absolute; top: 0; left: 0; right: 0; height: 22px;
    background: var(--wb-orange); color: var(--wb-white);
    font-family: 'Silkscreen', monospace; font-size: 11px; letter-spacing: 1px;
    padding: 5px 10px; box-sizing: border-box;
    border-bottom: 1px solid var(--wb-black);
    text-shadow: 1px 1px 0 var(--wb-black); text-transform: uppercase;
}
body[data-theme="amiga"] .cart-summary h2 {
    color: var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    border-bottom: 2px solid var(--wb-black) !important;
    text-shadow: none !important;
    font-size: 13px !important;
}

body[data-theme="amiga"] .cart-item {
    border-bottom: 1px dashed var(--wb-grey-dark) !important;
    color: var(--wb-black) !important;
}
body[data-theme="amiga"] .item-image {
    background: var(--wb-white) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark);
}
body[data-theme="amiga"] .item-info h3 {
    color: var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    font-size: 12px !important;
}
body[data-theme="amiga"] .item-meta { color: var(--wb-blue) !important; font-family: 'Silkscreen', monospace !important; font-size: 10px !important; }
body[data-theme="amiga"] .item-unit-price { color: var(--wb-grey-dark) !important; font-family: 'Silkscreen', monospace !important; }
body[data-theme="amiga"] .item-total {
    color: var(--wb-blue) !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 15px !important;
    font-weight: 700;
    text-shadow: 1px 1px 0 var(--wb-white);
}

/* Controles quantite */
body[data-theme="amiga"] .qty-controls {
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    background: var(--wb-white) !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark);
}
body[data-theme="amiga"] .qty-btn {
    background: var(--wb-grey-light) !important;
    color: var(--wb-black) !important;
    border: none !important;
    border-right: 1px solid var(--wb-black) !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark);
    font-family: 'Silkscreen', monospace !important;
    font-size: 14px !important;
    font-weight: 700;
    border-radius: 0 !important;
}
body[data-theme="amiga"] .qty-btn:last-child { border-left: 1px solid var(--wb-black) !important; border-right: none !important; }
body[data-theme="amiga"] .qty-btn:hover { background: var(--wb-white) !important; }
body[data-theme="amiga"] .qty-value {
    background: var(--wb-white) !important;
    color: var(--wb-black) !important;
    border: none !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 13px !important;
}
body[data-theme="amiga"] .item-remove { color: var(--wb-orange-dark) !important; font-family: 'Silkscreen', monospace !important; }

/* Resume */
body[data-theme="amiga"] .summary-row {
    color: var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 12px !important;
    border-bottom: 1px dotted var(--wb-grey-dark) !important;
    padding: 0.4rem 0 !important;
}
body[data-theme="amiga"] .summary-row.total {
    color: var(--wb-blue) !important;
    font-size: 16px !important;
    border-top: 2px solid var(--wb-black) !important;
    border-bottom: none !important;
    text-shadow: 1px 1px 0 var(--wb-white);
}
body[data-theme="amiga"] .summary-info {
    background: var(--wb-white) !important;
    color: var(--wb-black) !important;
    border: 2px solid var(--wb-orange) !important;
    border-radius: 0 !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 11px !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-light);
}
body[data-theme="amiga"] .trust {
    background: var(--wb-white) !important;
    color: var(--wb-black) !important;
    border: 1px solid var(--wb-black) !important;
    border-radius: 0 !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 10px !important;
}
body[data-theme="amiga"] .trust div::before { color: var(--wb-blue) !important; }

/* Inputs */
body[data-theme="amiga"] input[type="text"],
body[data-theme="amiga"] input[type="email"],
body[data-theme="amiga"] input[type="tel"],
body[data-theme="amiga"] input[type="number"],
body[data-theme="amiga"] textarea,
body[data-theme="amiga"] select {
    background: var(--wb-white) !important;
    color: var(--wb-black) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-grey-dark), inset -1px -1px 0 var(--wb-white) !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 13px !important;
    padding: 6px 8px !important;
    caret-color: var(--wb-orange);
}
body[data-theme="amiga"] input:focus,
body[data-theme="amiga"] textarea:focus,
body[data-theme="amiga"] select:focus {
    outline: none !important;
    border-color: var(--wb-orange) !important;
    box-shadow: inset 1px 1px 0 var(--wb-grey-dark), inset -1px -1px 0 var(--wb-white), 0 0 0 2px var(--wb-orange) !important;
}
body[data-theme="amiga"] label {
    color: var(--wb-white) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    font-size: 11px !important;
    text-shadow: 1px 1px 0 var(--wb-black);
}

/* Checkout : card devient window Workbench */
body[data-theme="amiga"] .card {
    padding-top: 26px !important;
}
body[data-theme="amiga"] .card::before {
    content: '◱ FORMULAIRE';
    position: absolute; top: 0; left: 0; right: 0; height: 22px;
    background: var(--wb-orange); color: var(--wb-white);
    font-family: 'Silkscreen', monospace; font-size: 11px; letter-spacing: 1px;
    padding: 5px 10px; box-sizing: border-box;
    border-bottom: 1px solid var(--wb-black);
    text-shadow: 1px 1px 0 var(--wb-black); text-transform: uppercase;
}

/* Payment options */
body[data-theme="amiga"] .payment-option {
    background: var(--wb-white) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    color: var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    font-size: 11px !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark), 2px 2px 0 var(--wb-black) !important;
}
body[data-theme="amiga"] .payment-option:has(input:checked) {
    background: var(--wb-orange) !important;
    color: var(--wb-white) !important;
    border-color: var(--wb-black) !important;
    text-shadow: 1px 1px 0 var(--wb-black);
}
body[data-theme="amiga"] .payment-option strong,
body[data-theme="amiga"] .payment-option b { color: inherit !important; }

/* Alma pills */
body[data-theme="amiga"] .alma-plan-pill {
    background: var(--wb-grey-light) !important;
    color: var(--wb-black) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    font-size: 11px !important;
}
body[data-theme="amiga"] .alma-plan-pill.active,
body[data-theme="amiga"] .alma-plan-pill[aria-pressed="true"] {
    background: var(--wb-orange) !important;
    color: var(--wb-white) !important;
    text-shadow: 1px 1px 0 var(--wb-black);
}

/* Success + ref */
body[data-theme="amiga"] .success-card {
    background: var(--wb-grey-light) !important;
    border: 2px solid var(--wb-black) !important;
    color: var(--wb-black) !important;
    padding-top: 40px !important;
}
body[data-theme="amiga"] .success-card::before {
    content: '◱ CONFIRMATION';
    position: absolute; top: 0; left: 0; right: 0; height: 22px;
    background: var(--wb-orange); color: var(--wb-white);
    font-family: 'Silkscreen', monospace; font-size: 11px; letter-spacing: 1px;
    padding: 5px 10px; box-sizing: border-box;
    border-bottom: 1px solid var(--wb-black);
    text-shadow: 1px 1px 0 var(--wb-black); text-transform: uppercase;
}
body[data-theme="amiga"] .ref-box {
    background: var(--wb-white) !important;
    color: var(--wb-blue) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-grey-dark), inset -1px -1px 0 var(--wb-white);
    font-family: 'Silkscreen', monospace !important;
    letter-spacing: 3px !important;
    text-shadow: 1px 1px 0 var(--wb-grey-light);
}

body[data-theme="amiga"] .errors {
    background: var(--wb-white) !important;
    color: var(--wb-orange-dark) !important;
    border: 2px solid var(--wb-orange-dark) !important;
    border-radius: 0 !important;
    font-family: 'Silkscreen', monospace !important;
    font-size: 11px !important;
}

body[data-theme="amiga"] .cart-empty h2 { color: var(--wb-black) !important; }
body[data-theme="amiga"] .cart-empty p { color: var(--wb-grey-dark) !important; }

/* Toggle button */
body[data-theme="amiga"] .theme-toggle {
    background: var(--wb-grey-light) !important;
    color: var(--wb-black) !important;
    border: 2px solid var(--wb-black) !important;
    border-radius: 0 !important;
    box-shadow: inset 1px 1px 0 var(--wb-white), inset -1px -1px 0 var(--wb-grey-dark), 2px 2px 0 var(--wb-black) !important;
    font-family: 'Silkscreen', monospace !important;
    text-transform: uppercase;
    font-size: 11px !important;
}