/**
 * Couleurs et mises en forme des pages client de la Boutique, sorties du HTML.
 * Une couleur se change ici (ou dans une feuille du thème, avec !important),
 * sans toucher au PHP. Rendu identique : chaque règle garde la priorité qu'avait
 * le style écrit dans la balise (!important).
 */
.jsb-c01 { color:#4CAF50 !important; }
.jsb-c02 { text-align:center !important; color:#888 !important; padding:40px !important; }
.jsb-c03 { color:#CC0000 !important; }
.jsb-c04 { display:inline-flex !important; align-items:center !important; gap:6px !important; font-size:13px !important; color:#888 !important; text-decoration:none !important; margin-bottom:20px !important; }
.jsb-c05 { font-size:18px !important; font-weight:800 !important; color:#fff !important; margin:0 0 6px !important; }
.jsb-c06 { font-size:13px !important; color:#888 !important; margin:0 0 20px !important; }
.jsb-c07 { font-size:15px !important; font-weight:700 !important; color:#C9A961 !important; margin:0 0 16px !important; }
.jsb-c08 { font-size:14px !important; color:#ccc !important; line-height:1.8 !important; white-space:pre-line !important; }
.jsb-c09 { color:#888 !important; font-size:13px !important; text-align:center !important; padding:40px 0 !important; }
.jsb-c10 { display:flex !important; gap:14px !important; margin-bottom:18px !important; padding-bottom:18px !important; border-bottom:1px solid rgba(255,255,255,0.07) !important; }
.jsb-c11 { min-width:64px !important; height:26px !important; border-radius:20px !important; background:rgba(204,0,0,0.15) !important; border:1.5px solid rgba(204,0,0,0.4) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:11px !important; font-weight:800 !important; color:#CC0000 !important; flex-shrink:0 !important; padding:0 10px !important; white-space:nowrap !important; }
.jsb-c12 { margin:0 0 10px !important; font-size:14px !important; color:#ddd !important; line-height:1.7 !important; white-space:pre-line !important; }
.jsb-c13 { width:100% !important; border-radius:10px !important; border:1px solid rgba(255,255,255,0.1) !important; display:block !important; }
.jsb-c14 { background:rgba(255,180,0,0.07) !important; border:1px solid rgba(255,180,0,0.25) !important; }
.jsb-c15 { color:#888 !important; }
.jsb-c16 { background:rgba(136,136,136,0.07) !important; border:1px solid rgba(136,136,136,0.2) !important; }
.jsb-c17 { color:#888 !important; font-size:13px !important; }
.jsb-c18 { color:#666 !important; }
.jsb-c19 { margin:16px 0 !important; padding:16px 18px !important; border-radius:12px !important; background:rgba(18,140,126,.07) !important; border:1px solid rgba(18,140,126,.25) !important; }
.jsb-c20 { margin:0 0 10px !important; font-size:13px !important; color:rgba(255,255,255,0.8) !important; line-height:1.5 !important; }
.jsb-c21 { display:inline-flex !important; align-items:center !important; gap:8px !important; background:#128C7E !important; color:#fff !important; padding:10px 18px !important; border-radius:8px !important; text-decoration:none !important; font-weight:700 !important; font-size:14px !important; }
.jsb-c22 { background:none !important; border:none !important; cursor:pointer !important; font-size:22px !important; line-height:1 !important; padding:4px !important; position:absolute !important; top:6px !important; right:6px !important; z-index:3 !important; filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) !important; }
.jsb-c23 { display:block !important; text-decoration:none !important; color:inherit !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:10px !important; overflow:hidden !important; position:relative !important; }
.jsb-c24 { background:rgba(0,0,0,.5) !important; border:none !important; border-radius:50% !important; cursor:pointer !important; font-size:18px !important; line-height:1 !important; width:30px !important; height:30px !important; position:absolute !important; top:6px !important; right:6px !important; z-index:3 !important; }
.jsb-c25 { margin:14px 0 !important; padding:14px 16px !important; border-radius:12px !important; background:rgba(52,152,219,.07) !important; border:1px solid rgba(52,152,219,.22) !important; }
.jsb-c26 { margin:0 0 6px !important; font-size:13px !important; color:rgba(255,255,255,0.85) !important; line-height:1.5 !important; }
.jsb-c27 { position:absolute !important; top:16px !important; left:-26px !important; width:110px !important; padding:5px 0 !important; background:#CC0000 !important; color:#fff !important; font-size:9px !important; font-weight:800 !important; text-align:center !important; letter-spacing:.6px !important; text-transform:uppercase !important; transform:rotate(-45deg) !important; box-shadow:0 2px 6px rgba(204,0,0,0.45) !important; }
.jsb-c28 { position:absolute !important; top:6px !important; left:6px !important; padding:3px 9px !important; border-radius:5px !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.4px !important; background:#374151 !important; color:#fff !important; z-index:2 !important; }
.jsb-c29 { display:inline-flex !important; align-items:center !important; gap:4px !important; padding:3px 10px !important; border-radius:20px !important; font-size:11px !important; font-weight:700 !important; color:#2980B9 !important; background:rgba(41,128,185,0.1) !important; border:1px solid rgba(41,128,185,0.25) !important; }
.jsb-c30 { background:rgba(255,193,7,0.10);'
            . 'border:1px solid rgba(255,193,7,0.45);border-radius:10px;'
            . 'padding:12px 14px;margin:12px 0;color:#f0c14b;font-size:14px;line-height:1.5; }
.jsb-c31 { color:#8B0000 !important; font-weight:600 !important; }
.jsb-c32 { margin-left:8px !important; background:#8B0000 !important; color:#fff !important; border:none !important; border-radius:6px !important; padding:6px 14px !important; font-size:13px !important; font-weight:600 !important; cursor:pointer !important; }
.jsb-c33 { margin:14px 0 !important; padding:16px 18px !important; border-radius:12px !important; background:rgba(155,89,182,0.08) !important; border:1px solid rgba(155,89,182,0.25) !important; }
.jsb-c34 { margin:0 0 4px !important; font-weight:700 !important; color:#C39BD3 !important; font-size:14px !important; }
.jsb-c35 { margin:0 !important; font-size:13px !important; color:rgba(255,255,255,0.75) !important; line-height:1.5 !important; }
.jsb-c36 { color:#6B6B73 !important; }
.jsb-encart-stock { background:rgba(139,0,0,0.08) !important; border:1px solid rgba(139,0,0,0.3) !important; border-radius:10px !important; padding:12px 14px !important; margin:12px 0 !important; font-size:14px !important; line-height:1.5 !important; }

/* Page « Merci » : couleur de l'état de la commande. */
:root { --jsb-merci-ok: rgba(76,175,80,0.5); --jsb-merci-attente: rgba(255,165,0,0.5); --jsb-merci-autre: rgba(76,175,80,0.35); }
/* Avis visible par l'administrateur seul (vérification d'identifiant indisponible). */
.jsb-avis-admin { margin:8px 0 !important; padding:10px 12px !important; border-radius:8px !important; font-size:13px !important; background:#FEF5E7 !important; border:1px solid #E67E22 !important; color:#8A4B08 !important; line-height:1.55 !important; }