/* Radio QUIDDROIT : page /radio, bloc d'accueil, barre du bas, petite fenêtre. Couleurs claires, accent doré. */
.rd,.rd-infos,#rd-barre,.rd-bloc,.rd-fen{--rd-or:#9A7637;--rd-or-clair:#C9A464;--rd-encre:#1D1F23;--rd-gris:#5A6472;--rd-filet:#DDD5C6;--rd-papier:#FBF9F4;--rd-creme:#F3EEE4;--rd-rouge:#B4442F;font-family:"Times New Roman",Times,serif}

/* Page */
.rd{background:linear-gradient(var(--rd-papier),var(--rd-creme));padding:34px 0 64px;border-bottom:1px solid var(--rd-filet)}
.rd-grille{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.rd-lab{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--rd-or);margin:18px 0 12px;display:flex;align-items:center;gap:14px}
.rd-lab::before{content:"";width:44px;height:1px;background:var(--rd-or)}
.rd h1{font-weight:400;font-size:clamp(34px,4.6vw,58px);line-height:1.04;margin:0 0 18px;color:var(--rd-encre)}
.rd h1 em{color:var(--rd-or)}
.rd-lead{font-size:19px;color:var(--rd-gris);max-width:520px;margin:0}

/* Le poste */
.rd-poste{background:#fff;border:1px solid var(--rd-filet);border-radius:6px;padding:26px 28px 22px;box-shadow:0 30px 60px -44px rgba(60,40,10,.45);position:relative}
.rd-haut{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--rd-gris)}
.rd-etat{display:inline-flex;align-items:center;gap:8px;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--rd-gris)}
.rd-etat i{width:8px;height:8px;border-radius:50%;background:var(--rd-filet)}
.rd-etat.direct{color:var(--rd-rouge)}
.rd-etat.direct i{background:var(--rd-rouge);animation:rdclig 1.4s infinite}
.rd-etat.hors i{background:#999}
@keyframes rdclig{50%{opacity:.25}}
.rd-aud{font-style:italic}
.rd-centre{display:flex;flex-direction:column;align-items:center;gap:18px;padding:26px 0 18px}
.rd-play{width:118px;height:118px;border-radius:50%;border:1px solid var(--rd-or);background:#fff;color:var(--rd-encre);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 6px #fff,inset 0 0 0 7px var(--rd-or-clair);transition:background .3s,color .3s,transform .2s}
.rd-play:hover{background:var(--rd-or);color:#fff}
.rd-play:active{transform:scale(.97)}
.rd-play:focus-visible{outline:2px solid var(--rd-or);outline-offset:4px}
.rd-play .i-pause,.en-lecture.rd-play .i-play,[data-radio-bouton].en-lecture .i-play{display:none}
[data-radio-bouton].en-lecture .i-pause{display:block}
[data-radio-bouton]:not(.en-lecture) .i-pause{display:none}
.rd-play.en-charge{animation:rdcharge 1.2s ease-in-out infinite}
@keyframes rdcharge{50%{box-shadow:inset 0 0 0 6px #fff,inset 0 0 0 7px var(--rd-or-clair),0 0 0 8px rgba(154,118,55,.12)}}
.rd-ondes{display:flex;gap:4px;align-items:flex-end;height:22px}
.rd-ondes i{width:3px;height:4px;background:var(--rd-or-clair);border-radius:2px;transition:height .3s}
.en-lecture .rd-ondes i{animation:rdonde 1.1s ease-in-out infinite}
.en-lecture .rd-ondes i:nth-child(2){animation-delay:.15s}.en-lecture .rd-ondes i:nth-child(3){animation-delay:.3s}.en-lecture .rd-ondes i:nth-child(4){animation-delay:.45s}
.en-lecture .rd-ondes i:nth-child(5){animation-delay:.2s}.en-lecture .rd-ondes i:nth-child(6){animation-delay:.35s}.en-lecture .rd-ondes i:nth-child(7){animation-delay:.05s}
@keyframes rdonde{0%,100%{height:4px}50%{height:22px}}
.rd-titre{display:flex;gap:14px;align-items:center;border-top:1px solid var(--rd-filet);padding-top:16px}
.rd-titre img{width:64px;height:64px;object-fit:cover;border-radius:4px;flex:0 0 auto;border:1px solid var(--rd-filet)}
.rd-titre small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rd-or)}
.rd-titre b{display:block;font-weight:400;font-size:21px;line-height:1.2;color:var(--rd-encre)}
.rd-titre span{display:block;font-size:15px;color:var(--rd-gris);font-style:italic}
.rd-bas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:16px;padding-top:14px;border-top:1px solid var(--rd-filet)}
.rd-vol{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--rd-gris);flex:1 1 180px}
.rd-vol input{flex:1;accent-color:var(--rd-or);min-width:90px}
.rd-lien{background:none;border:0;padding:2px 0;font:inherit;font-size:15px;font-style:italic;color:var(--rd-encre);border-bottom:1px solid var(--rd-or);cursor:pointer}
.rd-lien:hover{color:var(--rd-or)}
.rd-erreur{margin:14px 0 0;font-size:15px;color:var(--rd-rouge)}
.rd-suivant{margin:10px 0 0;font-size:14px;color:var(--rd-gris);font-style:italic}

/* Présentation et programme */
.rd-deux{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.rd-infos h2{font-weight:400;font-size:30px;margin:0 0 14px}
.rd-infos p{color:var(--rd-gris)}
.rd-liens a{border-bottom:1px solid var(--rd-or);font-style:italic;text-decoration:none;color:var(--rd-encre)}
.rd-planning{list-style:none;margin:0 0 18px;padding:0}
.rd-planning li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--rd-filet)}
.rd-planning time{grid-column:1/-1;font-size:13px;color:var(--rd-gris);display:block}.rd-planning time::first-letter{text-transform:uppercase}
.rd-planning b{font-weight:400;font-size:18px}
.rd-planning li span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rd-rouge);align-self:center}
.rd-planning .rd-vide{display:block;color:var(--rd-gris);font-style:italic}

/* Bloc de la page d'accueil */
.rd-bloc{border-top:1px solid var(--rd-filet);border-bottom:1px solid var(--rd-filet);background:var(--rd-papier)}
.rd-bloc-in{display:flex;align-items:center;gap:28px;padding:30px 0}
.rd-bloc .rd-play{width:76px;height:76px;flex:0 0 auto;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px var(--rd-or-clair)}
.rd-bloc .rd-play svg{width:24px;height:24px}
.rd-bloc-txt{flex:1;min-width:0}
.rd-bloc h2{font-weight:400;font-size:clamp(24px,3vw,32px);margin:2px 0 4px}
.rd-bloc p{margin:0;color:var(--rd-gris);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-bloc .rd-lab{margin:0}
.rd-bloc .rd-ondes{height:18px}
.rd-bloc-lien{white-space:nowrap}

/* Barre du bas, sur tout le site */
#rd-barre{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(251,249,244,.97);border-top:1px solid var(--rd-filet);box-shadow:0 -10px 30px -20px rgba(0,0,0,.25);backdrop-filter:blur(6px)}
#rd-barre[hidden]{display:none}
.rd-barre-in{display:flex;align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:8px 16px}
#rd-barre .rd-play{width:42px;height:42px;flex:0 0 auto;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px var(--rd-or-clair)}
#rd-barre .rd-play svg{width:18px;height:18px}
.rd-barre-txt{flex:1;min-width:0;line-height:1.2}
.rd-barre-txt b{display:block;font-weight:400;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--rd-encre)}
.rd-barre-txt span{display:block;font-size:12px;color:var(--rd-gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-barre-txt .rd-reprendre{display:none;font-style:italic;color:var(--rd-or)}
#rd-barre.a-reprendre .rd-reprendre{display:block}
#rd-barre.a-reprendre [data-radio-artiste]{display:none}
#rd-barre .rd-etat{font-size:10px}
#rd-barre .rd-vol{flex:0 0 140px}
#rd-barre .rd-vol span{display:none}
.rd-x{background:none;border:0;font:inherit;font-size:22px;line-height:1;color:var(--rd-gris);cursor:pointer;padding:4px 6px}
.rd-x:hover{color:var(--rd-encre)}
body.rd-avec-barre{padding-bottom:62px}

/* Petite fenêtre */
.rd-fen{margin:0;background:var(--rd-creme);padding:12px}
.rd-fen .rd-poste{padding:18px 18px 14px}
.rd-fen .rd-play{width:92px;height:92px}
.rd-fen-note{font-size:13px;color:var(--rd-gris);font-style:italic;margin:12px 0 0}

@media (max-width:900px){
  .rd-grille,.rd-deux{grid-template-columns:1fr;gap:30px}
  .rd{padding-bottom:40px}
}
@media (max-width:620px){
  .rd-poste{padding:20px 18px 18px}
  .rd-play{width:96px;height:96px}
  .rd-bloc-in{gap:16px;padding:22px 0;flex-wrap:wrap}
  .rd-bloc-lien{width:100%}
  #rd-barre .rd-vol,#rd-barre .rd-fen-btn,#rd-barre .rd-etat{display:none}
}
@media (prefers-reduced-motion:reduce){.rd-ondes i,.rd-etat i,.rd-play{animation:none!important}}

/* Lien « Radio » du menu principal */
.nav > .nav-radio{font-size:16px;padding:10px 14px;color:var(--sur-fort-2,#3B4756);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.nav > .nav-radio::before{content:"";width:6px;height:6px;border-radius:50%;background:#B4442F}
.nav > .nav-radio:hover,.nav > .nav-radio[aria-current]{color:var(--gold,#9A7637)}
@media (max-width:960px){.nav > .nav-radio{padding:10px 0}}