/* koaee-panier.css — le tiroir de commande. LES VARIABLES SONT CELLES DU SOCLE, ET J'AI COMMENCÉ PAR ME TROMPER (2026-09-08). J'avais écrit `var(--en-accent, #0D9488)`. `--en-accent` N'EXISTE PAS : le repli teal s'appliquait donc partout, et les boutons « Ajouter » sortaient VERTS sur une démo d'hôtel dont toute l'identité est violette. Vingt-sept contrôles au vert, et une couleur fausse sur chaque carte — parce que je n'avais pas REGARDÉ. Les vraies variables, mesurées sur les trois démos servies : hôtel --accent-surface #7d60ca · restaurant #C44518 · ferme #098545 C'est celle qu'emploie déjà `.en-btn-primary`. On s'aligne dessus, et le panier prend la couleur de son secteur sans qu'on ait à la lui dire. */ #koaee-panier[hidden]{display:none!important} /* kit_panier (05/10) : z-index AU-DESSUS du widget de chat (mesuré 10000-10002 dans chat_script_demo.php restaurant) — sinon un « Ajouter » cliqué DANS le chat ouvrait le tiroir derrière la fenêtre du chat. */ #koaee-panier{position:fixed;inset:0;z-index:10060} #koaee-panier .kp-voile{position:absolute;inset:0;background:rgba(0,0,0,.42)} #koaee-panier .kp-panneau{position:absolute;top:0;right:0;height:100%;width:min(420px,100%); background:var(--bg,#fff);color:var(--text,#111);display:flex;flex-direction:column; box-shadow:-8px 0 32px rgba(0,0,0,.18)} [dir="rtl"] #koaee-panier .kp-panneau{right:auto;left:0;box-shadow:8px 0 32px rgba(0,0,0,.18)} #koaee-panier .kp-tete{display:flex;align-items:center;justify-content:space-between;gap:12px; padding:18px 20px;border-bottom:1px solid var(--border,rgba(128,128,128,.25))} #koaee-panier .kp-titre{margin:0;font-size:1.05rem;font-weight:700} #koaee-panier .kp-x{background:none;border:0;font-size:1.8rem;line-height:1;cursor:pointer;color:inherit;padding:0 4px} #koaee-panier .kp-corps{flex:1;overflow:auto;padding:8px 20px} #koaee-panier .kp-vide{opacity:.7;text-align:center;padding:40px 0;font-size:.95rem} #koaee-panier .kp-ligne{display:flex;align-items:center;gap:12px;padding:12px 0; border-bottom:1px solid var(--border,rgba(128,128,128,.18))} #koaee-panier .kp-img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex:0 0 auto} #koaee-panier .kp-info{flex:1;min-width:0} #koaee-panier .kp-nom{font-weight:600;font-size:.95rem;overflow-wrap:anywhere} #koaee-panier .kp-prix{opacity:.75;font-size:.85rem} #koaee-panier .kp-qte{display:flex;align-items:center;gap:8px;flex:0 0 auto} #koaee-panier .kp-qte button{width:30px;height:30px;border-radius:8px;cursor:pointer; border:1px solid var(--border,rgba(128,128,128,.4));background:transparent;color:inherit;font-size:1rem} #koaee-panier .kp-qte span{min-width:1.6ch;text-align:center;font-variant-numeric:tabular-nums} #koaee-panier .kp-suppr{background:none;border:0;font-size:1.3rem;cursor:pointer;color:inherit;opacity:.55;padding:0 2px} #koaee-panier .kp-pied{padding:16px 20px;border-top:1px solid var(--border,rgba(128,128,128,.25))} #koaee-panier .kp-total{display:flex;justify-content:space-between;font-size:1.05rem;margin-bottom:12px} #koaee-panier .kp-commander{width:100%;padding:14px;border:0;border-radius:10px;cursor:pointer; font-size:1rem;font-weight:600;background:var(--accent-surface,var(--accent,#0D9488));color:#fff} #koaee-panier .kp-commander[disabled]{opacity:.45;cursor:not-allowed} /* kit_panier : les boutons du panier prennent la police de la page (ils sortaient en police système) */ #koaee-panier button,.kp-ajouter,.kp-flottant{font-family:inherit} /* le bouton « Ajouter » sur une carte d'article */ .kp-ajouter{margin-top:10px;width:100%;padding:10px 14px;border:0;border-radius:8px;cursor:pointer; font-size:.92rem;font-weight:600;background:var(--accent-surface,var(--accent,#0D9488));color:#fff} .kp-ajouter:focus-visible{outline:3px solid var(--accent-surface,var(--accent,#0D9488));outline-offset:2px} /* la pastille de comptage, posée sur un bouton d'ouverture */ .kp-badge{display:inline-block;min-width:1.5em;padding:0 .35em;border-radius:999px; background:var(--accent-surface,var(--accent,#0D9488));color:#fff;font-size:.72rem;line-height:1.5em;text-align:center;margin-inline-start:6px} .kp-badge[hidden]{display:none!important} /* ---- kit_panier (05/10) : vider, bouton flottant, bouton du chat ---- */ #koaee-panier .kp-vider{width:100%;margin-top:8px;padding:10px;border-radius:10px;cursor:pointer;font-size:.9rem; background:transparent;color:inherit;border:1px solid var(--border,rgba(128,128,128,.4))} #koaee-panier .kp-vider[hidden]{display:none!important} #koaee-panier .kp-vider:focus-visible,#koaee-panier .kp-commander:focus-visible,#koaee-panier .kp-x:focus-visible, #koaee-panier .kp-qte button:focus-visible,#koaee-panier .kp-suppr:focus-visible{outline:3px solid var(--accent-surface,var(--accent,#0D9488));outline-offset:2px} /* bouton flottant « Voir ma commande (n) » — MESURÉ (05/10, restaurant) : le lanceur du chat est fixe, 300×50, à 20 px du bas ; à DROITE sur bureau, y compris en arabe/hébreu (x 960-1260 à 1280 px) ; CENTRÉ sur mobile (x 45-345 à 390 px). D'où : à GAUCHE physique (pas inline-start : en RTL il serait tombé sur le lanceur), et sur mobile AU-DESSUS du lanceur (20 + 50 + 14 px). SOUS la fenêtre du chat ouverte (z 9990 < 10000) : dans le chat, le tiroir s'ouvre à chaque ajout. */ .kp-flottant{position:fixed;bottom:20px;left:20px;z-index:9990;display:inline-flex;align-items:center;gap:8px; padding:12px 16px;border:0;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:600; background:var(--accent-surface,var(--accent,#0D9488));color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25)} .kp-flottant[hidden]{display:none!important} .kp-flottant:focus-visible{outline:3px solid var(--text,#111);outline-offset:3px} .kp-flottant .kp-badge{background:#fff;color:#111;margin-inline-start:2px} @media (max-width:768px){.kp-flottant{bottom:84px;left:14px}} @media (max-width:480px){.kp-flottant{padding:10px 14px;font-size:.9rem} .kp-flottant .kp-flottant-lib{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} /* bouton « Ajouter au panier » sous une vignette du chat */ .kp-ajouter.kp-ajouter-chat{margin-top:6px;padding:9px 12px;font-size:.88rem}