.onair-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}
.onair-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.onair-col-full {
  flex: 1 1 100%;
  text-align: center;
  margin-bottom: 20px;
}
.onair-col-half {
  flex: 0 0 auto;
  width: 150px;
  text-align: center;
}
.player-link {
  position: relative;
  display: inline-block;
}
.player-link img {
  width: 140px;
  height: 85px;
  display: block;
}
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

@media (max-width: 1000px) {
  .onair-row {
    flex-direction: column;
    align-items: center;
  }
  .onair-col-half {
    width: 100%;
  }
}


@keyframes blinkFade {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(1.05);
  }
}
.copy-line {
  text-align: center;
  font-size: 0.95em;
  color: #00ccff;
  margin-top: 20px;
}


/* V2.1 : affichage public responsive uniquement. */
@media screen and (max-width: 991px) {
  .background-wrapper.eletronica-onair-public {
    width: 100% !important;
    max-width: 700px;
    height: auto !important;
    background-size: 100% auto !important;
    box-sizing: border-box;
    text-align: center;
  }
  .eletronica-onair-public .onair-container {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
  }
  .eletronica-onair-public .onair-row {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  .eletronica-onair-public .onair-col-half {
    width: 150px;
    max-width: 100%;
  }
  .eletronica-onair-public .blink-red,
  .eletronica-onair-public .copy-block {
    overflow-wrap: anywhere;
  }
  .eletronica-onair-public .copy-line {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  }
  .eletronica-onair-public .copy-line code {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .eletronica-onair-public .copy-line button {
    margin-left: 0;
  }
}

/* V2.1.1 : alignement vertical des lecteurs avec le fond existant. */
@media screen and (max-width: 575px) {
  .eletronica-onair-public .onair-container {
    position: relative;
    top: -30px;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .eletronica-onair-public .onair-container {
    position: relative;
    top: 40px;
  }
}

@media screen and (max-width: 991px) { .eletronica-onair-public .copy-block { display: flow-root; } }

/* V3 : cartes, styles limites a la page On Air. */
.background-wrapper.eletronica-onair-public {
 width:100%!important;max-width:900px; height:auto!important; margin:0 auto!important;
 padding:30px 20px 48px;box-sizing:border-box;opacity:1!important;
 background-size:0 0!important;isolation:isolate;color:#F1E9DC;
}
.eletronica-onair-public::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:76px 0 auto;height:300px;background-image:inherit;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.12;}
.eletronica-onair-public .blink-red{font-family:inherit;font-size:clamp(26px,4vw,34px);line-height:1.25;color:var(--onair-title)!important;animation:none;margin:0 0 32px;text-align:center;}
.eletronica-onair-public .onair-container{position:static!important;top:auto!important;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:760px;width:100%;box-sizing:border-box;}
.eletronica-onair-public .onair-row,.eletronica-onair-public .onair-col-full,.eletronica-onair-public .onair-col-half{display:contents;}
.eletronica-onair-public .player-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:164px;padding:22px 14px;box-sizing:border-box;background:var(--onair-card);border:1px solid #52666d;border-top:2px solid var(--onair-border);border-radius:10px;text-decoration:none;transition:transform .18s,border-color .18s;}
.eletronica-onair-public .player-link:hover{transform:translateY(-3px);border-color:var(--onair-border);}
.eletronica-onair-public .player-link:focus-visible,.eletronica-onair-public button:focus-visible{outline:3px solid #E5C397;outline-offset:4px;}
.eletronica-onair-public .player-link img,.eletronica-onair-public .onair-container br{display:none;}
.eletronica-onair-public [class^="live-badge"]{position:static;animation:none;box-shadow:none;font-size:19px;font-weight:700;border-radius:5px;padding:6px 10px;line-height:1.2;}
.eletronica-onair-public .onair-listen{font-size:14px;font-weight:600;line-height:1.3;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 18px;border-radius:6px;}
.eletronica-onair-public .copy-block{margin:36px auto 0!important;max-width:760px;padding-top:26px;border-top:1px solid #30444C;font-size:14px;}
.eletronica-onair-public .copy-block h3{margin:0 0 8px;color:var(--onair-title);font-family:inherit;font-size:20px;line-height:1.4;}
.eletronica-onair-public .copy-intro{margin:0 0 20px;color:#F1E9DC;font-size:13px;line-height:1.6;}
.eletronica-onair-public .copy-line{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:12px 0;color:inherit;}
.eletronica-onair-public .copy-line code{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px;background:none;padding:0;}
.eletronica-onair-public .copy-line button{margin:0;min-height:42px;padding:8px 14px;}
.eletronica-onair-public .copy-line [role="status"]{font-size:12px;}
@media(max-width:575px){.background-wrapper.eletronica-onair-public{padding:24px 16px 36px;}.eletronica-onair-public .onair-container{grid-template-columns:minmax(0,1fr);max-width:340px;gap:14px;}.eletronica-onair-public .player-link{min-height:128px;padding:18px;gap:12px;}.eletronica-onair-public .blink-red{margin-bottom:24px;}.eletronica-onair-public .copy-block{margin-top:28px!important;}.eletronica-onair-public::before{height:450px;}}
@media(prefers-reduced-motion:reduce){.eletronica-onair-public .player-link{transition:none;}.eletronica-onair-public .player-link:hover{transform:none;}}

/* V3.0.1 : cartes compactes et debits clignotants, fond conserve. */
.eletronica-onair-public .blink-red{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,3vw,28px);font-weight:600;margin-bottom:30px;}
.eletronica-onair-public .onair-container{max-width:660px;gap:18px;}
.eletronica-onair-public .player-link{min-height:122px;padding:18px 14px;gap:16px;background:color-mix(in srgb,var(--onair-card) 88%,transparent);}
.eletronica-onair-public [class^="live-badge"]{padding:0;background:transparent!important;color:#E5C397;font-size:17px;letter-spacing:.3px;animation:erdc-onair-debit 1.6s ease-in-out infinite;}
.eletronica-onair-public .onair-listen{min-height:38px;padding:0 16px;font-size:13px;}
.eletronica-onair-public::before{inset:64px 0 auto;height:300px;opacity:.16;}
.eletronica-onair-public .copy-block{max-width:660px;margin-top:40px!important;padding-top:24px;}
.eletronica-onair-public .copy-block h3{font-family:Georgia,'Times New Roman',serif;font-size:19px;}
.eletronica-onair-public .copy-line{display:grid;grid-template-columns:48px minmax(0,1fr) auto;max-width:460px;margin:12px auto;gap:8px 12px;text-align:left;}
.eletronica-onair-public .copy-line button{min-height:38px;}
.eletronica-onair-public .copy-line [role="status"]{grid-column:2 / -1;}
@keyframes erdc-onair-debit{0%,100%{opacity:1}50%{opacity:.4}}
@media(max-width:575px){.eletronica-onair-public .onair-container{max-width:300px;gap:12px;}.eletronica-onair-public .player-link{min-height:108px;padding:16px;gap:12px;}.eletronica-onair-public::before{height:390px;}.eletronica-onair-public .copy-line{grid-template-columns:42px minmax(0,1fr) auto;gap:8px;}.eletronica-onair-public .copy-line code{font-size:11px;}.eletronica-onair-public .copy-line button{padding:8px 10px;}}
@media(prefers-reduced-motion:reduce){.eletronica-onair-public [class^="live-badge"]{animation:none;}}

/* V3.0.2 : boutons Copier proches des adresses. */
.eletronica-onair-public .copy-line{width:fit-content;max-width:100%;grid-template-columns:max-content minmax(0,max-content) max-content;column-gap:12px;}
@media(max-width:575px){.eletronica-onair-public .copy-line{column-gap:8px;}}