@charset "UTF-8";/* RSF - USER.CSS DEFINITIF 24/10/2026 - CLEAN + METEO EN HAUT / DATE EN BAS + MENU 1 LIGNE */
.xat-up{margin-top:0!important;padding-top:0!important;}
.xat-rsf-wrap{margin:0 auto!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;}

/* Tue le rouge Edge + Chrome partout */
.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;
}

/* Protege logo RSF */
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;}

.sp-page-builder.page-content #section-id-1545127463474, #sp-header, header#sp-header{
  background:#0a214f!important;
}

/* 10 LOCS SUR 1 LIGNE - MAIN-TOP */
.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 */
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;}

/* XAT chat centré */
div#xatDiv, div[xatDiv], iframe[src*="xat.com"]{
  margin:0 auto!important;
  display:block!important;
  max-width:100%!important;
}

/* FIX BLANC ENTRE PLAYER ROUGE 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;
}
.xat-up,.xat-rsf-wrap{
  margin-top:-5px!important;
}

/* FIX FINAL GAP 16px */
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;
}

/* ========== RSF HEADER CUSTOM RSF-WRAP - INVERSION METEO / DATE ========== */
.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}}

/* ========== CONTAINER-NAV + MENU - DEFINITIF 1 LIGNE PC + IPHONE SCROLL ========== */
.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;
}

/* MENU PC = 4 colonnes 1 ligne - HAUTEUR REDUITE */
.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;
}

/* IPHONE / ANDROID = 1 LIGNE SCROLLABLE - REGRAS PLUS COUPE */
@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;
  }
  }