/* ==========================================================
   KIN AMBIANCE — Correctifs STANTECH v1.0.0 (23/10/2026)
   Chargé après style.css. Pour annuler : retirer la ligne
   kin-correctifs.css de includes/header.php.
   ========================================================== */

/* --- Direct : plus de grand voile « Activer le son » ---------------------
   L'ancien bouton recouvrait tout le lecteur. Il devient une petite pastille
   discrète, qui n'apparaît qu'après un court délai et disparaît dès que
   l'auditeur touche la page (le son s'active alors tout seul). */
.club-live-unmute{
  inset:auto 14px 14px auto!important;
  width:auto;height:auto;
  display:inline-flex!important;align-items:center;gap:8px;
  padding:6px 14px 6px 6px;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:999px;
  background:rgba(8,20,46,.92)!important;backdrop-filter:none!important;
  box-shadow:0 10px 28px rgba(0,0,0,.35);
  opacity:0;transform:translateY(6px);pointer-events:none;
  transition:opacity .25s,transform .25s;
}
.club-live-unmute.show{opacity:0;pointer-events:none}
.club-live-unmute.show.kin-visible{opacity:1;transform:none;pointer-events:auto}
.club-live-unmute[hidden]{display:none!important}
.club-live-unmute b{width:30px!important;height:30px!important;font-size:14px!important;box-shadow:none!important}
.club-live-unmute span{font-size:12.5px!important;font-weight:800!important;white-space:nowrap}
@media(max-width:520px){.club-live-unmute{right:10px!important;bottom:10px!important}}

/* --- Podcasts de l'accueil : le ▶ est un vrai lien -------------------- */
.podcast-list .podcast-play{width:43px;height:43px;border-radius:50%;border:1px solid #65789f;background:#132857;color:#fff;display:grid;place-items:center;font-size:15px;transition:.2s}
.podcast-list .podcast-play:hover{background:linear-gradient(135deg,#0a23ed,#f3121f);border-color:transparent}

/* --- Événements : appel à l'action quand rien n'est programmé ------------ */
.events-cta{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:210px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:radial-gradient(circle at 85% 15%,rgba(243,18,31,.28),transparent 45%),linear-gradient(140deg,rgba(10,35,237,.32),rgba(13,29,64,.92) 60%);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.events-cta span{color:#ff6b74;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.events-cta h3{margin:0;font-size:24px;line-height:1.2}
.events-cta p{margin:0 0 10px;color:#c9d2e4;font-size:14px;line-height:1.6;max-width:520px}
.events-cta .btn{align-self:flex-start}
.events-cta--page{grid-column:1/-1;min-height:260px;padding:34px}
.events-cta--page h3{font-size:30px}

/* --- Partenaires : tuiles nettes au lieu de texte grisé ------------------- */
.partner-logos{opacity:1;filter:none;flex-wrap:wrap;justify-content:center;gap:12px}
.partner-logos .partner-tile{display:grid;place-items:center;min-width:128px;height:60px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);color:#e7ecf7;font-size:17px;font-weight:800;letter-spacing:.06em;transition:.2s}
.partner-logos .partner-tile:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.07)}
.partner-logos .partner-tile img{max-width:110px;max-height:38px;object-fit:contain}
@media(max-width:520px){.partner-logos .partner-tile{min-width:calc(50% - 6px);height:54px;font-size:15px}}

/* --- Newsletter : message de confirmation ------------------------------- */
.newsletter-feedback{margin:12px 0 0;font-size:13px;font-weight:700}
.newsletter-feedback--ok,.newsletter-feedback--deja{color:#7ef0a8}
.newsletter-feedback--erreur{color:#ff9aa1}
.newsletter-inner{flex-wrap:wrap}
.newsletter-inner .newsletter-feedback{flex-basis:100%;text-align:right}
@media(max-width:820px){.newsletter-inner .newsletter-feedback{text-align:left}}

/* --- Le live avec PATRICK PAKONSS (bloc animateur, page Live + accueil) ---
   Sélecteurs préfixés « .kh » pour passer devant les anciens styles (.page-hero span…). */
.kh{display:flex;align-items:center;gap:16px;max-width:600px;margin:22px 0 26px;padding:14px 20px 14px 14px;border-radius:20px;background:linear-gradient(120deg,rgba(10,35,237,.16),rgba(255,255,255,.04) 45%,rgba(243,18,31,.12));border:1px solid rgba(255,255,255,.12);text-align:left}
.kh span,.kh strong{font-size:inherit;letter-spacing:normal;text-transform:none;font-weight:inherit;color:inherit;margin:0}
.kh .kh__avatar{position:relative;flex:0 0 auto;width:68px;height:68px;border-radius:50%;padding:3px;box-sizing:border-box}
.kh .kh__avatar:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#0A23ED,#7928CA,#F3121F,#0A23ED)}
.kh .kh__avatar>*{position:relative;z-index:1}
.kh .kh__avatar img,.kh .kh__initials{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0B1939;border:2px solid #0B1939;box-sizing:border-box}
.kh .kh__initials{font:800 22px/1 'Bricolage Grotesque',Inter,'Segoe UI',Arial,sans-serif;letter-spacing:.02em;color:#fff}
.kh .kh__avatar>.kh__mic{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#F3121F;color:#fff;border:2px solid #0B1939;box-sizing:border-box}
.kh .kh__text{display:flex;flex-direction:column;min-width:0}
.kh .kh__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8FA6FF}
.kh .kh__eyebrow i{width:8px;height:8px;border-radius:50%;background:#F3121F;animation:kh-dot 1.3s infinite}
.kh .kh__title{display:block;margin-top:4px;font-size:15px;font-weight:600;color:#DDE3F3;line-height:1.25}
.kh .kh__name{display:inline-block;font:800 21px/1.1 'Bricolage Grotesque',Inter,'Segoe UI',Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.kh .kh__tagline{display:block;margin-top:5px;font-size:14.5px;font-weight:600;color:#FFC877;transition:opacity .35s,transform .35s;min-height:1.3em}
.kh .kh__tagline.kh-out{opacity:0;transform:translateY(5px)}
.kh .kh__call{display:block;margin-top:6px;font-size:13px;font-weight:400;color:#AEB9D1}
.kh--live{border-color:rgba(243,18,31,.45);background:linear-gradient(120deg,rgba(243,18,31,.22),rgba(255,255,255,.04) 50%,rgba(10,35,237,.14))}
.kh--live .kh__eyebrow{color:#FF8A92}
.kh--live .kh__avatar{animation:kh-glow 1.8s ease-out infinite}
.kh--live .kh__avatar:before{animation:kh-spin 3.5s linear infinite}
.kh--scheduled .kh__eyebrow{color:#FFC877}
.kh.kh--card{margin:16px 0 0;max-width:none;padding:12px 14px 12px 12px;border-radius:16px;gap:12px}
.kh.kh--card .kh__avatar{width:52px;height:52px}
.kh.kh--card .kh__initials{font-size:17px}
.kh.kh--card .kh__avatar>.kh__mic{width:20px;height:20px}
.kh.kh--card .kh__name{font-size:17px}
.kh.kh--card .kh__title{font-size:13.5px}
.kh.kh--card .kh__tagline{font-size:13px}
@keyframes kh-dot{50%{box-shadow:0 0 0 6px rgba(243,18,31,0)}0%{box-shadow:0 0 0 0 rgba(243,18,31,.6)}}
@keyframes kh-spin{to{transform:rotate(360deg)}}
@keyframes kh-glow{0%{box-shadow:0 0 0 0 rgba(243,18,31,.55)}100%{box-shadow:0 0 0 14px rgba(243,18,31,0)}}
@media(max-width:520px){.kh{gap:12px;padding:12px 14px 12px 12px}.kh .kh__avatar{width:56px;height:56px}.kh .kh__name{font-size:18px}.kh .kh__title{font-size:14px}}
@media(prefers-reduced-motion:reduce){.kh .kh__avatar,.kh .kh__avatar:before,.kh .kh__eyebrow i{animation:none!important}.kh .kh__tagline{transition:none}}

/* --- Lecteur radio caché : il ne doit jamais capter les clics ------------- */
.radio-player[hidden]{display:none!important}
.radio-player:not(.show){pointer-events:none}