/* tiers.css — contenus de tiers : bandeau d'accord des lecteurs vidéo, encarts « Afficher le lecteur », cartes de repli
   des affiches d'œuvres (lot « cookies » du 06/10/2026 ; assets/js/consent.js et assets/js/affiche-repli.js).

   Direction « Trait » : contour d'encre, aplats francs, ombre DURE, coins en bulle — aucune lueur, aucun flou, aucun
   filtre (la couleur est de l'encre, pas de la lumière). Chargé par includes/shell.php, et par legal.php quand le
   bandeau est actif : chaque jeton a sa valeur de repli, la page légale ne charge pas trait.css.
   Le bandeau ne contient aucun champ : rien à régler pour le clavier de l'iPhone (coquille fixe). */

.kgc-bandeau[hidden],.kgc-etat[hidden]{display:none!important}

/* ------------------------------------------------------------------ le bandeau (à la place de l'ancien .cookie-banner) */
.kgc-bandeau{position:fixed;left:16px;bottom:16px;z-index:9000;box-sizing:border-box;width:min(460px,calc(100vw - 32px));
  margin:0;padding:16px 16px 12px;background:var(--t-carte,#fffaf1);color:var(--t-texte,#16131f);
  border:var(--t-trait,2.5px) solid var(--t-bord,#16131f);border-radius:var(--t-r,14px);box-shadow:4px 4px 0 var(--t-ombre-c,#16131f);
  font:500 14.5px/1.45 var(--t-corps,'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif);text-align:left}
.kgc-titre{margin:0 0 6px;font:400 20px/1.15 var(--t-titre,'Lilita One','Figtree',system-ui,sans-serif);letter-spacing:.01em;color:inherit}
.kgc-corps{margin:0 0 12px}
.kgc-etat{margin:0 0 10px;padding:6px 10px;border:2px solid var(--t-bord,#16131f);border-radius:var(--t-r-s,9px);
  background:var(--t-carte-2,#fff1d6);font-weight:700}
/* Refuser et Accepter : MÊME bouton, même taille, même couleur (refuser aussi simple qu'accepter) */
.kgc-choix{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kgc-choix-btn{min-height:46px;margin:0;padding:0 14px;border:var(--t-trait,2.5px) solid var(--t-bord,#16131f);border-radius:var(--t-r-s,9px);
  background:var(--accent,#ffc61a);color:var(--accent-ink,#16131f);font:400 18px/1 var(--t-titre,'Lilita One','Figtree',system-ui,sans-serif);
  letter-spacing:.01em;cursor:pointer;box-shadow:2px 2px 0 var(--t-ombre-c,#16131f);-webkit-tap-highlight-color:transparent;
  transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){.kgc-choix-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--t-ombre-c,#16131f)}}
.kgc-choix-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--t-ombre-c,#16131f)}
.kgc-choix-btn:focus-visible,.kgc-btn:focus-visible,.kgc-lien:focus-visible{outline:3px solid var(--t-bleu,#2a3cf0);outline-offset:2px}
.kgc-pied{margin:10px 0 0;font-size:12.5px;line-height:1.4;color:var(--t-texte-2,#5b5366)}
.kgc-pied a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media (max-width:900px){
  .kgc-bandeau{left:10px;right:10px;width:auto;bottom:calc(var(--mobile-nav-tot,env(safe-area-inset-bottom,0px)) + 10px);
    padding:12px 12px 10px;font-size:13.5px}
  .kgc-titre{font-size:18px}
  .kgc-corps{margin-bottom:10px}
}
/* direct en paysage sur téléphone : rien par-dessus l'image (même règle que l'ancien bandeau) ; l'encart reste */
body.is-live-landscape .kgc-bandeau{display:none!important}
/* l'ancien bandeau « Ce site utilise des cookies essentiels. [Accepter] » s'efface quand celui-ci est actif */
html.kgc-actif #cookieBanner{display:none!important}

/* ------------------------------------------------------------------ l'encart à la place d'un lecteur */
/* L'emplacement du lecteur reste le rectangle le plus sombre de l'écran : c'est là que l'œil doit aller. */
.kgc-encart{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  width:100%;height:100%;min-height:120px;margin:0;padding:16px;background:#16131f;color:#fbf3e4;text-align:center;
  font:600 14px/1.4 var(--t-corps,'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif);overflow:hidden}
.kgc-encart--couvre{position:absolute;inset:0;z-index:3}
.kgc-txt{display:block;margin:0;max-width:34em}
.kgc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:0 18px;
  border:var(--t-trait,2.5px) solid #fbf3e4;border-radius:var(--t-r-s,9px);background:var(--accent,#ffc61a);color:var(--accent-ink,#16131f);
  font:400 17px/1 var(--t-titre,'Lilita One','Figtree',system-ui,sans-serif);letter-spacing:.01em;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){.kgc-btn:hover,button:hover>.kgc-encart .kgc-btn{transform:translate(-1px,-1px)}}
.kgc-btn:active{transform:translate(1px,1px)}
.kgc-lien{margin:0;padding:4px 6px;border:0;background:none;color:#cbc3de;font:600 12.5px/1.2 var(--t-corps,'Figtree',system-ui,sans-serif);
  text-decoration:underline;text-underline-offset:2px;cursor:pointer}
/* karaoké : l'écran porte des calques au-dessus de la vidéo (voile « à l'aveugle » z 2, « Trou de mémoire » z 3, invisible
   mais présent) — l'encart passe devant, sinon son bouton serait inaccessible et la musique ne partirait jamais */
.ka-ecran .kgc-encart{position:relative;z-index:4}
/* mini-lecteur (320 × 220) : le bouton seul */
.stream-box[data-mode="mini"] .kgc-txt,.stream-box[data-mode="mini"] .kgc-lien{display:none}
.stream-box[data-mode="mini"] .kgc-encart{min-height:0;padding:8px}

/* ------------------------------------------------------------------ carte de repli d'une affiche (affiche-repli.js) */
/* Elle reprend les classes de l'image (dimensions, bord, coins posés par la page) ; ce qui suit ne fixe que le dedans.
   Double classe : passe devant les règles d'une page chargée après cette feuille (fond sombre d'une affiche, etc.). */
.kg-affiche-repli.kg-affiche-repli{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;
  aspect-ratio:2/3;overflow:hidden;padding:8px;opacity:1;object-fit:initial;text-align:left;
  background:repeating-linear-gradient(-45deg,transparent 0 12px,rgba(22,19,31,.07) 12px 24px),var(--t-carte-2,#fff1d6);
  color:var(--t-texte,#16131f);font-family:var(--t-corps,'Figtree',system-ui,sans-serif)}
.kg-affiche-repli b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;
  font:400 15px/1.1 var(--t-titre,'Lilita One','Figtree',system-ui,sans-serif);overflow-wrap:anywhere;letter-spacing:.01em}
.kg-affiche-repli i{font-style:normal;font-weight:700;font-size:11.5px;line-height:1;color:var(--t-texte-2,#5b5366)}
/* petites vignettes de la Galère Royale (recherche, file des mises, fiches) : titre court, sans année */
.br-search-poster.kg-affiche-repli,.br-survey-top-poster.kg-affiche-repli,.br-end-rest-poster.kg-affiche-repli,.br-sheet-poster.kg-affiche-repli,
.br-flip-poster.kg-affiche-repli,.br-fx-b-poster.kg-affiche-repli{padding:3px}
.br-search-poster.kg-affiche-repli b,.br-survey-top-poster.kg-affiche-repli b,.br-end-rest-poster.kg-affiche-repli b,.br-sheet-poster.kg-affiche-repli b,
.br-flip-poster.kg-affiche-repli b,.br-fx-b-poster.kg-affiche-repli b{font-size:8.5px;-webkit-line-clamp:4}
.br-search-poster.kg-affiche-repli i,.br-survey-top-poster.kg-affiche-repli i,.br-end-rest-poster.kg-affiche-repli i,.br-sheet-poster.kg-affiche-repli i,
.br-flip-poster.kg-affiche-repli i,.br-fx-b-poster.kg-affiche-repli i{display:none}
[data-theme="dark"] .kg-affiche-repli.kg-affiche-repli{background:repeating-linear-gradient(-45deg,transparent 0 12px,rgba(251,243,228,.06) 12px 24px),var(--t-carte-2,#302b5c);color:var(--t-texte,#fbf3e4)}