/* ============================================================================
 * GO — Kiltir' dans la galerie : rond des stories, cadre      build kiltir-2026-10-10-1
 * ========================================================================== */

/* ─── Rond « Kiltir' » (juste après Go Pub) : fleur de flamboyant, liseré lave → lagon ─── */
.story-kiltir .story-rond { position: relative; background: conic-gradient(from 160deg, #E4572E, #D7263D, #F9C80E, #13C4A3, #6D28D9, #E4572E); padding: 3px; }
.story-kiltir .story-rond::before { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #3B1A5E, #120C24); }
.kt-mini { position: relative; z-index: 1; width: 36px; height: 36px; filter: drop-shadow(0 3px 6px rgba(215,38,61,.45)); }
.kt-gratuit { position: absolute; right: -6px; bottom: -2px; z-index: 2; padding: 1px 6px; border-radius: 99px; background: #13A389; color: #fff; font-style: normal; font-size: 9px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 0 0 2px var(--fond); }
@media (prefers-reduced-motion: no-preference) {
  :root:not([data-mouvement="reduit"]) .story-kiltir .kt-mini { animation: kt-tourne 14s linear infinite; }
}
@keyframes kt-tourne { to { transform: rotate(360deg); } }

/* ─── Le cadre : Kiltir' s'ouvre par-dessus l'écran en cours ─── */
.kt-cadre { position: fixed; inset: 0; z-index: 26; background: #120C24; transform: translateY(100%); transition: transform .42s cubic-bezier(.22,1,.36,1); }
.kt-cadre.voir { transform: none; }
.kt-cadre.part { transform: translateY(100%); transition-duration: .3s; }
.kt-cadre iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; opacity: 0; transition: opacity .25s ease; background: transparent; }
.kt-cadre.pret iframe { opacity: 1; }
.kt-chargement { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 8px; color: #fff; }
.kt-chargement .story-rond { width: 84px; height: 84px; }
.kt-chargement .kt-mini { width: 50px; height: 50px; animation: kt-tourne 3s linear infinite; }
.kt-chargement b { font-size: 28px; font-weight: 900; font-style: italic; background: linear-gradient(100deg, #E4572E, #F9C80E, #13C4A3); -webkit-background-clip: text; background-clip: text; color: transparent; }
.kt-chargement small { opacity: .75; font-weight: 700; }
.kt-chargement .kt-gratuit { display: none; }
.kt-cadre.pret .kt-chargement { display: none; }
.kiltir-ouvert .onglets { visibility: hidden; }
@media (prefers-reduced-motion: reduce) { .kt-cadre, .kt-cadre iframe, .kt-chargement .kt-mini { transition: none; animation: none; } }
:root[data-mouvement="reduit"] .kt-cadre, :root[data-mouvement="reduit"] .kt-cadre iframe { transition: none; }