@charset "UTF-8";/* ============================================================
   RSF - user.css  (version nettoyée 29/10/2026)
   Même rendu qu'avant, avec un bug corrigé (e-Privacy)
   + un bloc OPTIONNEL tout en bas (look radio).
   ============================================================ */

/* ---------- CHAT XAT / LECTEUR ---------- */
.xat-up{
  margin-top:-5px!important;
  padding-top:0!important;
}
.xat-rsf-wrap{
  margin:-5px auto 0!important;
  width:100%!important;
  max-width:100%!important;
  display:block!important;
}
.xat-rsf-wrap iframe{
  width:100%!important;
  height:560px!important;
  border:0!important;
  display:block!important;
}
div#xatDiv, div[xatDiv], iframe[src*="xat.com"]{
  margin:0 auto!important;
  display:block!important;
  max-width:100%!important;
}

/* ---------- COULEUR DE FOND (bleu RSF) : en-tête, pied, onglets ---------- */
.header,.site-header, header.header, footer.site-footer, footer.footer,.nav-tabs,.nav-tabs.nav-link, div[style*="reservados"], div[style*="Reservados"]{
  background:#0a214f!important;
  background-color:#0a214f!important;
  border-color:#0a214f!important;
}
.sp-page-builder.page-content #section-id-1545127463474, #sp-header, header#sp-header{
  background:#0a214f!important;
}

/* ---------- LOGO RSF protégé ---------- */
header img,.site-header img,.logo img, img[alt*="Radio 1"], img[alt*="RSF"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

.nav-link.active{color:#ffcc00!important;}
.tab-content{background:#fff!important;}

/* ---------- LOCUTORES (10 sur 1 ligne) ---------- */
.main-top.locutores-rsf-linha,
#main-top.locutores-rsf-linha{
  display:grid!important;
  grid-template-columns:repeat(10, 1fr)!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  justify-items:center!important;
}
.locutores-rsf-linha{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  gap:12px;
  padding:15px 10px;
  -webkit-overflow-scrolling:touch;
}
.locutores-rsf-linha div{
  flex:0 0 85px!important;
  min-width:85px!important;
}
.locutores-rsf-linha img{
  width:85px!important;
  height:85px!important;
  object-fit:cover!important;
  border-radius:50%;
  display:block!important;
}
.main-top.locutores-rsf-linha img{
  width:100%!important;
  max-width:110px!important;
  height:auto!important;
}

/* ---------- COPYRIGHT / PIED DE PAGE ---------- */
footer,.site-footer,div.footer-copyright,div[class*="copyright"]{
  display:block!important;
  visibility:visible!important;
  background:#000!important;
  color:#fff!important;
  text-align:center!important;
  padding:20px!important;
  font-size:13px!important;
}
footer a,.site-footer a{color:#ffcc00!important;}

/* ---------- FIX : pas de blanc entre le lecteur et XAT ---------- */
#section-id-1545127463474{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
#section-id-1545127463474 + section,
.sp-page-builder.page-content section:nth-child(3){
  margin-top:0!important;
  padding-top:0!important;
}

/* ---------- FIX : espace de 16px entre les colonnes ---------- */
body#top.site.com_content.wrapper-static.view-article.no-layout.no-task.itemid-101 div.site-grid,
#top .site-grid,
html body .site-grid{
  column-gap:0!important;
  row-gap:0!important;
  gap:0!important;
  grid-column-gap:0!important;
  grid-row-gap:0!important;
}

/* ---------- EN-TÊTE RSF (météo en haut, date en bas) ---------- */
.rsf-wrap{background:#0f1d3d;border:3px solid #ff8c1a;border-bottom-width:8px;border-radius:14px;overflow:hidden;padding:6px;font-family:Arial,Black,sans-serif;margin-bottom:8px}
.rsf-top{display:flex!important;flex-direction:column!important;gap:6px!important;margin-bottom:6px!important}
.rsf-meteo{background:#12244d;border:2px solid #ff8c1a;border-radius:8px;color:#fff;padding:7px 10px;font-weight:800;font-size:12px;overflow:hidden;white-space:nowrap;order:1!important}
.rsf-date{background:#12244d;border:2px solid #ff8c1a;border-radius:8px;color:#fff;padding:7px 10px;font-weight:800;font-size:12px;text-align:center;white-space:nowrap;order:2!important}
.rsf-meteo-track{display:inline-block;white-space:nowrap;animation:rsf-defile 30s linear infinite}
@keyframes rsf-defile {0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.rsf-main{display:flex;align-items:center;gap:10px;background:#0a1430;border-radius:10px;padding:8px 10px}
.rsf-logo{width:64px!important;height:64px!important;min-width:64px!important;background:#fff!important;border:3px solid #ff8c1a!important;border-radius:50%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.rsf-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important}
.rsf-titles{flex:1}
.rsf-titles h1{margin:0;color:#fff;font-size:28px;line-height:.9;font-weight:900}
.rsf-titles p{margin:2px 0 0 0;color:#ff8c1a;font-size:11px;font-weight:800}
.rsf-badge{background:#ff8c1a;color:#fff;font-weight:900;padding:8px 14px;border-radius:20px;font-size:12px}
@media (max-width:600px) {
  .rsf-main{flex-wrap:wrap;justify-content:center;text-align:center}
  .rsf-titles h1{font-size:20px;text-align:center}
  .rsf-titles p{font-size:9px;text-align:center}
}

/* ---------- MENU : 1 ligne sur PC, défilant sur téléphone ---------- */
.container-nav, nav.container-nav{
  background:linear-gradient(180deg,#0f1d3d 0%,#12244d 60%,#0e1a33 100%)!important;
  border:3px solid #ff8c1a!important;
  border-bottom-width:3px!important;
  border-radius:14px!important;
  width:100%!important;
  max-width:calc(100% - 16px)!important;
  margin:6px auto 10px auto!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:4px 10px!important;
  min-height:0!important;
  height:auto!important;
  line-height:1!important;
}
.container-header button.navbar-toggler, .container-header .navbar-toggler{display:none!important;}
.container-header .navbar-collapse, .container-header .navbar-collapse.collapse:not(.show){
  display:flex!important;
  flex-basis:auto!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  overflow:visible!important;
}

/* PC : 4 colonnes, 1 ligne */
.container-header ul.mod-menu,
.container-header ul.mod-menu.mod-list,
.mod-menu ul, ul.mod-menu{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  width:100%!important;
  padding:4px 6px!important;
  margin:0!important;
  box-sizing:border-box!important;
  min-height:0!important;
  line-height:1.2!important;
}
.container-header ul.mod-menu > li,
.mod-menu li{
  width:100%!important;
  max-width:100%!important;
  flex:none!important;
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.container-header ul.mod-menu > li > a,
.mod-menu li a{
  font-size:14px!important;
  padding:5px 8px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:28px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.container-header .moduletable, .container-header .mod-menu{
  margin:0!important;
  padding:0!important;
}

/* ---------- TÉLÉPHONE / TABLETTE ---------- */
@media (max-width:768px) {
  .container-nav, nav.container-nav{
    max-width:calc(100% - 12px)!important;
    border-width:2px!important;
    border-bottom-width:3px!important;
    border-radius:10px!important;
  }
  .container-header ul.mod-menu,
  .mod-menu ul, ul.mod-menu{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:6px 8px!important;
    grid-template-columns:none!important;
  }
  .container-header ul.mod-menu::-webkit-scrollbar{display:none!important;}
  .container-header ul.mod-menu > li,
  .mod-menu li{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
  }
  .container-header ul.mod-menu > li > a,
  .mod-menu li a{
    font-size:12px!important;
    padding:6px 8px!important;
    white-space:nowrap!important;
    height:auto!important;
  }
  .locutores-rsf-linha{
    display:grid!important;
    grid-template-columns:repeat(3,1fr);
    overflow-x:hidden!important;
  }
  .locutores-rsf-linha div{
    flex:auto!important;
    width:100%!important;
    min-width:auto!important;
    text-align:center;
  }
}
@media (max-width:992px) {
  div.locutores,.mod_locutores,.locutores-rsf-linha{
    grid-template-columns:repeat(5,1fr)!important;
  }
}
@media (max-width:576px) {
  div.locutores,.mod_locutores,.locutores-rsf-linha{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .xat-rsf-wrap iframe{
    height:480px!important;
  }
}

/* ---------- MESSAGE e-Privacy discret (petit coin bas droite) ---------- */
/* CORRIGÉ : cette règle était coincée dans le bloc téléphone (accolade manquante) */
.modal.eprivacy-modal .modal-dialog{
  position:fixed!important;
  bottom:20px!important;
  right:20px!important;
  top:auto!important;
  left:auto!important;
  margin:0!important;
  max-width:320px!important;
  transform:none!important;
}

/* ============================================================
   OPTIONNEL - LOOK RADIO  (supprime tout ce bloc pour l'annuler)
   ============================================================ */

/* Pastille « en direct » qui clignote devant « EM DIRETO PARA O MUNDO » */
.rsf-titles p::before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:7px;
  border-radius:50%;
  background:#fff;
  animation:rsf-live 1.4s ease-in-out infinite;
}
@keyframes rsf-live {
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.3;transform:scale(.7)}
}

/* Menu : les liens passent en or au survol */
.container-header ul.mod-menu > li > a{
  transition:color .2s ease, background-color .2s ease;
  border-radius:8px;
}
.container-header ul.mod-menu > li > a:hover{
  color:#ffcc00!important;
  background-color:rgba(255,140,26,.12)!important;
}

/* Locutores : cercle doré + léger zoom au survol */
.locutores-rsf-linha img{
  border:2px solid #ff8c1a;
  transition:transform .2s ease, box-shadow .2s ease;
}
.locutores-rsf-linha img:hover{
  transform:scale(1.08);
  box-shadow:0 0 12px rgba(255,204,0,.6);
}