/*
 * Version sombre — retouches écrites à la main. Le gros du travail est dans lc-sombre-auto.css,
 * généré par cli/theme-sombre (thème UIkit + feuilles des éléments). Tout est sous html.lc-sombre,
 * posée par le script de tête (src/Listener/ThemeSombre.php).
 */

/* Bouton de bascule de l'en-tête : la lune en clair, le soleil en sombre */
.lc-theme-bascule{background:none;border:0;cursor:pointer}
.lc-theme-bascule svg{display:block;transition:transform .5s ease}
.lc-theme-bascule:hover svg{transform:rotate(-20deg)}
.lc-theme-soleil,html.lc-sombre .lc-theme-lune{display:none!important}
html.lc-sombre .lc-theme-soleil{display:block!important}
.lc-theme-bascule:focus-visible{outline:2px solid #fff;outline-offset:-6px}

/* Barres de défilement et contrôles natifs du navigateur en sombre */
html.lc-sombre{color-scheme:dark}

/* Surlignage de la recherche : fond jaune gardé, texte foncé */
html.lc-sombre mark{color:#1a1411}

/* Pastille « Prochainement » des panneaux rouges : texte blanc sur la pastille sombre */
html.lc-sombre .lc-acc-panneau .lc-acc-pastille{color:#fff}

/* Logo gris foncé (fenêtre de recherche) : passé en clair */
html.lc-sombre img[src*="GRIS-FONCE"]{filter:brightness(0) invert(.88)}

/* Fenêtres (fiche, bande-annonce, recherche et autres modales UIkit, bandeau des cookies, image en
   grand) : un liseré clair pour les détacher du voile sombre. En ombre, pas en bordure : la taille
   ne change pas et le liseré suit les coins arrondis. */
html.lc-sombre .lc-fen,
html.lc-sombre .lc-ba,
html.lc-sombre .uk-modal-dialog,
html.lc-sombre .tm-consent .uk-card,
html.lc-sombre .lc-grande img{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 10px 40px rgba(0,0,0,.6)}

/* Cartes (films, panneaux, tuiles, encadrés) : le même liseré, en contour intérieur — les cartes
   gardent leurs ombres et leur levée au survol. Sans spécificité (:where), pour qu'un contour de
   focus éventuel de l'élément passe toujours devant. */
:where(html.lc-sombre) :where(.uk-card,.lc-acc-seance,.lc-acs-carte,.lc-acs-avant,.lc-ctc-carte,.lc-eva-tuile,
.lc-prg-item,.lc-prg-tuile-image,.lc-rch-carte,.lc-rch-film,.lc-tar-carte,.lc-tar-encadre){outline:1px solid rgba(255,255,255,.2);outline-offset:-1px}
/* Cartes de films : plus discret (les affiches font déjà le contraste) — pas les panneaux rouges */
:where(html.lc-sombre) :where(.lc-acc-seance:not(.lc-acc-seance-panneau)){outline-color:rgba(255,255,255,.1)}
/* Pied de page : le même liseré sur son bord haut */
html.lc-sombre .tm-page>footer{border-top:1px solid rgba(255,255,255,.2)}
/* Lignes des horaires et listes de séances : déjà bordées, le trait est éclairci au même niveau */
html.lc-sombre .lc-hor-seance>th,html.lc-sombre .lc-hor-seance>td,html.lc-sombre .lc-film-seances,
html.lc-sombre .lc-acc-evt-seances>ul{border-color:rgba(255,255,255,.2)}