/* ═══════════════════════════════════════════════════════════════════════════
   MANAradio — le poste de la maison mère.

   La radio n'est pas un attribut de mana.bzh : c'est l'antenne de l'univers.
   Elle est donc posée sur les trois pages de manahome.org, et sur l'accueil
   elle tient le seuil à elle seule.

   ⚠️ Le disque n'est JAMAIS redessiné : le SVG est copié du composant rendu
   (mana.bzh · src/components/radio/). Ici on ne touche qu'à sa taille, sa
   couleur et l'épaisseur de son trait.
   ═══════════════════════════════════════════════════════════════════════════ */

[data-manaradio]{background:none;border:0;padding:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;border-radius:50%;
  color:rgba(255,255,255,.62);transition:color .2s,background .2s,box-shadow .2s;
  pointer-events:auto}
[data-manaradio]:hover{color:var(--mana,#FFE08A)}
[data-manaradio]:focus-visible{outline:2px solid var(--mana,#FFE08A);outline-offset:6px}
[data-manaradio] .mr-fond{fill:none}
[data-manaradio] .mr-bras{transform:rotate(0deg);transform-box:view-box;
  transform-origin:20.6px 19px;transition:transform .7s cubic-bezier(.22,1,.36,1)}

/* À l'écoute : le plateau s'éclaire, le bras se pose, le disque tourne. */
[data-manaradio][aria-pressed="true"]{color:#FFE08A}
[data-manaradio][aria-pressed="true"] .mr-fond{fill:#F4EEDF}
[data-manaradio][aria-pressed="true"] .mr-plateau{transform-box:view-box;
  transform-origin:12px 12px;animation:mr-tourne 3.2s linear infinite}
[data-manaradio][aria-pressed="true"] .mr-bras{transform:rotate(-20deg)}
@keyframes mr-tourne{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  [data-manaradio][aria-pressed="true"] .mr-plateau{animation:none}
}

/* ── dans la barre du haut (les trois pages) ── */
.poste-barre{width:30px;height:30px}
.poste-barre svg{display:block;overflow:visible}
.poste-barre[aria-pressed="true"]{background:#0b0b0d;
  box-shadow:0 0 0 1px rgba(255,224,138,.42)}

/* ── la porte de la radio ────────────────────────────────────────────────
   Le disque fait ÉCOUTER, ce lien fait ENTRER. Ce site est statique : chaque
   lien recharge et coupe la lecture — c'est assumé, et c'est justement une
   raison de dire où la radio habite vraiment. La grille, les séances à la
   demande et ce qu'est l'antenne vivent chez elle, pas ici.
   ⚠️ alliancemana.com, PAS radio.mana.bzh : le second est le serveur, sa
   racine ouvre un écran de connexion AzuraCast. */
.poste-lien{display:inline-flex;align-items:center;gap:.4em;
  font-size:12.5px;letter-spacing:.04em;color:var(--mana,#FFE08A);
  text-decoration:none;opacity:.82;transition:opacity .2s;
  /* la cible tactile s'agrandit sans écarter la légende */
  padding:9px 6px;margin:-1px -6px -9px}
.poste-lien:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.poste-lien:focus-visible{outline:2px solid var(--mana,#FFE08A);
  outline-offset:3px;border-radius:6px}

/* ── dans le seuil : le poste EST l'astre de la page ── */
.poste-xl{width:74%;position:relative;z-index:2}
.poste-xl svg{display:block;width:100%;height:auto;overflow:visible}
/* Les traits du SVG sont dessinés pour 26 px. Agrandis quatorze fois, ils
   deviendraient des câbles : `non-scaling-stroke` les rend en pixels d'écran,
   et chaque épaisseur d'origine garde son rang dans la hiérarchie. */
.poste-xl svg *{vector-effect:non-scaling-stroke}
.poste-xl [stroke-width="1"]{stroke-width:2}
.poste-xl [stroke-width="0.5"]{stroke-width:1}
.poste-xl [stroke-width="0.6"]{stroke-width:1.2}
.poste-xl [stroke-width="0.85"]{stroke-width:1.8}
.poste-xl [stroke-width="1.75"]{stroke-width:4}
/* À l'écoute, le grand disque ne devient PAS ivoire comme celui de la barre :
   à 350 px, un plateau plein tourne à la pièce de monnaie et crève la nuit.
   Il s'allume — un verre ambré — et ce sont les sillons qui se lisent. */
.poste-xl[aria-pressed="true"] .mr-fond{fill:rgba(255,224,138,.09)}
.poste-xl[aria-pressed="true"]{filter:drop-shadow(0 0 22px rgba(255,224,138,.22))}