/* KEA ONE Player, lot C3 : style des pages du lecteur, servi en /assets/kea-player.css. Couleurs de la vitrine par
   variables posées par la glu (data-principale, data-bandes) ; aucun style en ligne dans le HTML. */
:root { color-scheme: dark; }
.kea-corps { margin: 0; background: #000; color: #fff; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.kea-player { --kea-principale: #1a1a1a; --kea-bandes: #000; display: flex; flex-direction: column; min-height: 100vh; }
.kea-scene { position: relative; width: 100%; aspect-ratio: 16 / 9; background: var(--kea-bandes); overflow: hidden; }
.kea-affiche { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.kea-video { position: absolute; inset: 0; }
.kea-iframe { border: 0; width: 100%; height: 100%; display: block; }
.kea-superposition { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .75rem; padding: 1.25rem; text-align: center; background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.75)); overflow: auto; }
.kea-lecture .kea-superposition { pointer-events: none; background: none; justify-content: flex-end; align-items: flex-end; }
.kea-lecture .kea-superposition .kea-bouton { pointer-events: auto; opacity: .35; }
.kea-lecture .kea-superposition .kea-bouton:hover { opacity: 1; }
.kea-discrete { background: none; justify-content: flex-end; align-items: flex-end; }
.kea-entete { display: flex; align-items: center; gap: .5rem; }
.kea-logo { height: 2rem; width: auto; }
.kea-organisateur { margin: 0; font-size: .9rem; opacity: .85; }
.kea-titre { margin: 0; font-size: clamp(1.1rem, 2.5vw, 1.8rem); line-height: 1.2; }
.kea-prix, .kea-message, .kea-attente, .kea-refus, .kea-etiquette { margin: 0; }
.kea-prix { opacity: .9; }
.kea-refus { color: #ffd8d8; }
.kea-actions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.kea-bouton { background: var(--kea-principale); color: #fff; border: 0; border-radius: .5rem; padding: .6rem 1.1rem; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-block; }
.kea-bouton:disabled { opacity: .5; cursor: default; }
.kea-secondaire { background: rgba(255,255,255,.15); }
.kea-formulaire { display: flex; flex-direction: column; gap: .5rem; width: min(100%, 22rem); }
.kea-champ { font: inherit; padding: .55rem .7rem; border-radius: .5rem; border: 1px solid rgba(255,255,255,.4); background: rgba(0,0,0,.5); color: #fff; }
.kea-offres { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .4rem; width: min(100%, 26rem); }
.kea-offre { display: flex; align-items: center; gap: .6rem; background: rgba(0,0,0,.45); border-radius: .5rem; padding: .5rem .7rem; }
.kea-offre-libelle { flex: 1; text-align: left; }
.kea-offre-prix { white-space: nowrap; }
.kea-pied { padding: .5rem 1rem; font-size: .8rem; opacity: .6; }
.kea-cadre .kea-scene { aspect-ratio: auto; min-height: 100vh; }
.kea-retour .kea-superposition { position: static; min-height: 100vh; }
@media (max-width: 480px) { .kea-superposition { padding: .75rem; gap: .5rem; } .kea-bouton { padding: .5rem .8rem; } }