/* ===== Charte B sur le lecteur : formes et couleurs seulement (disposition inchangée, validée le 19/10).
   NON chargé par défaut : sert aux planches « après correction » (B-6b). L'ambre y reste ce qu'il est déjà (état : titre en lecture,
   progression, étiquette « mix en direct », « déjà dans le panier »), mais n'est plus un fond de bouton ni le prix. Le lecteur est sombre
   dans les deux modes : le contraste d'action est donc le crème (--luna-creme), comme l'encre l'est sur le site clair. ===== */

/* Vue dépliée : « ▶ / ⏸ » principal (82 px, luna.css:72) : rond plein crème, icône sombre, sans fond ambre */
html body .luna-lecteur .luna-jouer { background: var(--luna-creme, #f5f3ee); color: var(--luna-encre, #1e1220) !important; box-shadow: none; }
/* File en cours (luna.css:163, 52 px) : même forme */
html body .luna-lecteur .luna-mini .luna-j { background: var(--luna-creme, #f5f3ee); color: var(--luna-encre, #1e1220) !important; }
/* « + » rond de la vue (luna.css:77, 44 px) : contour crème 1,5 px, sans fond ambre (niveau 2) */
html body .luna-lecteur .luna-ajout .luna-p { background: transparent; color: var(--luna-creme, #f5f3ee); box-shadow: inset 0 0 0 1.5px var(--luna-creme, #f5f3ee); }
/* « déjà dans le panier » : reste ambre (c'est un état) */
html body .luna-lecteur .luna-ajout.luna-dans .luna-p { box-shadow: inset 0 0 0 2px var(--ambre); color: var(--ambre); }
/* Prix (luna.css:82) : plus ambre ; Geist 600 comme les prix de la charte */
html body .luna-lecteur .luna-ajout .luna-prix { color: var(--luna-creme, #f5f3ee); font: 600 20px/1 var(--texte); }
/* Bandeau du bas : « Ajouter · 2 € » = texte Geist 600 souligné (niveau 2) */
html body .bandeau .ajout { font: 600 15px/1.2 var(--texte); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
html body .bandeau .ajout svg { text-decoration: none; }
/* Focus clavier du lecteur : contour crème (pas d'ambre) */
html body .luna-lecteur.luna-clavier :focus-visible, html body .luna-lecteur.luna-clavier .luna-volet :focus-visible { outline-color: var(--luna-creme, #f5f3ee); }
