*{box-sizing:border-box}

body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:#05080b;
  color:#fff;
  overflow-x:hidden;
}

.mobile-header{
  background:#03070a;
  padding:18px 20px 14px;
  text-align:center;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-logo img{
  height:82px;
  width:auto;
}

.menu-toggle{
  margin-top:12px;
  background:#d71920;
  color:#fff;
  border:0;
  border-radius:999px;
  padding:10px 20px;
  font-size:15px;
  font-weight:700;
}

.mobile-drawer{
  position:fixed;
  top:0;
  left:-280px;
  width:280px;
  height:100vh;
  background:#05080b;
  z-index:999;
  padding:26px 24px;
  transition:.3s;
  box-shadow:20px 0 60px rgba(0,0,0,.45);
}

.mobile-drawer.open{left:0}

.drawer-close{
  background:none;
  border:0;
  color:#fff;
  font-size:34px;
  margin-bottom:22px;
}

.mobile-drawer a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:18px;
  font-weight:700;
}

.drawer-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:998;
}

.drawer-overlay.open{display:block}

.hero{
  padding:38px 22px 210px;
  text-align:center;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.35), #05080b 88%),
    url('/assets/img/hero.jpg');
  background-size:cover;
  background-position:center top;
}

.hero-text h1{
  margin:0;
  font-size:38px;
  line-height:1.05;
  letter-spacing:-1px;
}

.hero-text p{
  font-size:18px;
  color:#ddd;
  margin-top:14px;
}

.player-area{
  margin:-170px 16px 0;
  position:relative;
  z-index:5;
}

.rlw-player{
  background:rgba(8,10,14,.88);
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  padding:22px 18px;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
}

.rlw-player-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:18px;
}

.rlw-cover{
  width:150px;
  height:150px;
  border-radius:20px;
  object-fit:cover;
  background:#333;
}

.rlw-info{width:100%}

.next-label{
  color:#d71920;
  font-size:13px;
  font-weight:800;
  margin-bottom:8px;
}

.rlw-title,
.next-title{
  font-size:22px;
  font-weight:700;
}

.rlw-artist,
.next-artist{
  margin-top:6px;
  color:#bbb;
  font-size:15px;
}

.next-block{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.15);
}

.play-btn{
  margin-top:24px;
  background:#d71920;
  color:#fff;
  border:0;
  border-radius:999px;
  padding:14px 28px;
  font-size:16px;
  font-weight:800;
}

.quick-menu{
  margin:28px 16px 0;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.quick-card{
  display:block;
  background:#fff;
  color:#111;
  text-decoration:none;
  border-radius:20px;
  padding:22px 18px;
  text-align:center;
  box-shadow:0 12px 35px rgba(0,0,0,.18);
}

.quick-card i{
  color:#d71920;
  font-size:28px;
}

.quick-card h3{
  margin:10px 0 6px;
  font-size:19px;
}

.quick-card p{
  margin:0;
  font-size:14px;
  color:#555;
}

.site-footer{
  margin-top:32px;
  padding:32px 22px;
  background:#03070a;
  text-align:center;
  color:#bbb;
}

.footer-logo img{
  height:64px;
  width:auto;
  margin-bottom:14px;
}

.footer-copy{
  font-size:13px;
  line-height:1.7;
}

.footer-links{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}

.footer-links a{
  color:#bbb;
  text-decoration:none;
  font-size:13px;
}

.footer-made{
  margin-top:18px;
  color:#888;
  font-size:13px;
}

/* ==================================================
   RLW 1.3.1
   PLAYER MOBILE PROTAGONISTA
   ================================================== */

.player-area{
  margin:-165px 16px 0;
}

.rlw-player{
  padding:26px 20px 28px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(15,18,24,.94), rgba(5,8,11,.96));
}

.rlw-cover{
  width:170px;
  height:170px;
  border-radius:24px;
  box-shadow:0 18px 45px rgba(0,0,0,.45);
}

.next-block{
  display:none !important;
}

.next-label{
  margin-top:10px;
  color:#d71920;
  font-size:13px;
  letter-spacing:1px;
}

.next-label::before{
  content:"🔴 ";
}

.rlw-title{
  margin-top:10px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
}

.rlw-artist{
  font-size:16px;
  color:#cfcfcf;
}

.play-btn{
  width:100%;
  max-width:260px;
  margin-top:26px;
  padding:15px 24px;
  font-size:16px;
  border-radius:999px;
  box-shadow:0 12px 30px rgba(215,25,32,.35);
}


/* ==================================================
   RLW 1.3.2
   HERO COMPATTA + PLAYER PIU' ALTO
   ================================================== */

.mobile-header{
    padding-bottom:8px !important;
}

.hero{
    padding:20px 20px 145px !important;
}

.hero-text h1{
    font-size:32px !important;
    margin-bottom:12px !important;
}

.hero-text p{
    font-size:17px !important;
    margin-bottom:0 !important;
}

.player-area{
    margin:-120px 16px 0 !important;
}


/* RLW 1.3.3 - PULIZIA PLAYER MOBILE */

.menu-toggle{
  display:none !important;
}

.rlw-title{
  font-size:20px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
  margin-top:12px !important;
}

.rlw-artist{
  display:none !important;
}

.play-btn{
  margin-top:24px !important;
}


/* ==================================================
   RLW 1.3.4
   HERO TESTO + BOTTOM NAV MOBILE
   ================================================== */

body{
  padding-bottom:86px !important;
}

.hero-text h1{
  font-size:30px !important;
  line-height:1.08 !important;
  letter-spacing:-.6px !important;
}

.hero-text p{
  font-size:16px !important;
}

.bottom-nav{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:78px;
  background:#05080b;
  border-top:1px solid rgba(255,255,255,.14);
  display:flex;
  justify-content:space-around;
  align-items:center;
  z-index:9999;
  box-shadow:0 -10px 30px rgba(0,0,0,.45);
}

.bottom-nav a{
  flex:1;
  text-align:center;
  color:#d8d8d8;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
}

.bottom-nav a i{
  display:block;
  font-size:23px;
  margin-bottom:4px;
}

.bottom-nav a.active{
  color:#d71920;
}

.site-footer{
  margin-bottom:78px !important;
}


/* ==================================================
   RLW 1.3.5
   ELIMINA FASCIA BIANCA SU MOBILE
   ================================================== */

.quick-menu{
    display:none !important;
}

.cards-menu{
    display:none !important;
}


/* RLW 1.3.6 - EFFETTO COPERTINA / PLAYER IN PLAY */

.rlw-player.playing .rlw-cover{
  animation:coverPulse 2.8s ease-in-out infinite;
  box-shadow:
    0 0 0 6px rgba(215,25,32,.10),
    0 0 35px rgba(215,25,32,.45),
    0 18px 45px rgba(0,0,0,.55);
}

.rlw-player.playing{
  border-color:rgba(215,25,32,.45);
  box-shadow:
    0 0 0 1px rgba(215,25,32,.18),
    0 25px 70px rgba(0,0,0,.65);
}

@keyframes coverPulse{
  0%{transform:scale(1);}
  50%{transform:scale(1.035);}
  100%{transform:scale(1);}
}


/* ==================================================
   RLW 1.3.7
   HERO PIÙ COMPATTA - PLAYER PIÙ IN ALTO
   ================================================== */

.mobile-header{
  padding:14px 20px 6px !important;
}

.mobile-logo img{
  height:72px !important;
}

.hero{
  padding:10px 20px 120px !important;
}

.hero-text h1{
  font-size:28px !important;
  margin-bottom:8px !important;
}

.hero-text p{
  margin-top:8px !important;
  font-size:15px !important;
}

.player-area{
  margin:-105px 16px 0 !important;
}

.rlw-cover{
  width:155px !important;
  height:155px !important;
}


/* ==================================================
   RLW 1.3.8
   FOOTER MOBILE
   ================================================== */

.footer-copy{
    width:100% !important;
    text-align:center !important;
    line-height:1.8 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}


/* ==================================================
   RLW 1.4.0
   SEZIONE EDITORIALE - I PODCAST DI RLW
   ================================================== */

.editorial-section{
  margin:30px 0 0;
  padding:0 16px;
}

.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}

.section-head h2{
  margin:0;
  font-size:21px;
  line-height:1.2;
}

.section-head a{
  color:#d71920;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}

.editorial-scroll{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding:2px 2px 10px;
  scroll-snap-type:x mandatory;
}

.editorial-card{
  min-width:210px;
  max-width:210px;
  background:#11161d;
  color:#fff;
  text-decoration:none;
  border-radius:20px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  scroll-snap-align:start;
}

.editorial-thumb{
  height:118px;
  border-radius:16px;
  background:linear-gradient(135deg,#d71920,#431014);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:900;
  letter-spacing:1px;
  margin-bottom:12px;
}

.editorial-card h3{
  margin:0 0 6px;
  font-size:16px;
  line-height:1.2;
}

.editorial-card p{
  margin:0;
  color:#bdbdbd;
  font-size:13px;
  line-height:1.35;
}

.editorial-card.placeholder .editorial-thumb{
  background:linear-gradient(135deg,#2b2f36,#101318);
  color:#aaa;
}


/* RLW 1.4.1 - CARD PODCAST CON IMMAGINI */

.editorial-thumb{
  overflow:hidden !important;
  padding:0 !important;
  background:#111 !important;
}

.editorial-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}


/* ==================================================
   RLW 1.4.2
   RIFINITURA CARD PODCAST
   ================================================== */

.editorial-card{
  position:relative !important;
  min-width:220px !important;
  max-width:220px !important;
  padding:13px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#151a22,#0c1016) !important;
  box-shadow:0 14px 35px rgba(0,0,0,.35) !important;
}

.editorial-card:active{
  transform:scale(.98);
}

.editorial-thumb{
  height:128px !important;
  border-radius:18px !important;
}

.editorial-card h3{
  font-size:17px !important;
  margin-top:12px !important;
}

.editorial-card p{
  font-size:13px !important;
  line-height:1.4 !important;
}

.podcast-section .editorial-card:not(.placeholder)::after{
  content:"Podcast RLW";
  position:absolute;
  top:22px;
  left:22px;
  background:rgba(215,25,32,.92);
  color:#fff;
  font-size:10px;
  font-weight:800;
  padding:5px 8px;
  border-radius:999px;
}


/* ==================================================
   RLW 1.5.0
   PAGINA PODCAST APP STYLE
   ================================================== */

.podcast-app-page{
  min-height:100vh;
  padding:22px 18px 110px;
  background:
    radial-gradient(circle at top, rgba(215,25,32,.16), transparent 38%),
    #05080b;
}

.podcast-back{
  display:inline-flex;
  align-items:center;
  color:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:700;
  margin-bottom:22px;
  opacity:.92;
}

.podcast-hero-page{
  text-align:center;
}

.podcast-cover-big{
  width:220px;
  height:220px;
  object-fit:cover;
  border-radius:28px;
  box-shadow:0 24px 60px rgba(0,0,0,.55);
  margin-bottom:24px;
}

.podcast-hero-page h1{
  margin:0;
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.8px;
}

.podcast-badge{
  display:inline-block;
  margin-top:14px;
  background:rgba(215,25,32,.16);
  border:1px solid rgba(215,25,32,.45);
  color:#fff;
  padding:7px 13px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
}

.podcast-author{
  margin:12px 0 0;
  color:#cfcfcf;
  font-size:15px;
}

.podcast-play-btn{
  width:100%;
  max-width:280px;
  margin-top:24px;
}

.podcast-description-box{
  margin-top:34px;
  padding:22px;
  border-radius:24px;
  background:#11161d;
  border:1px solid rgba(255,255,255,.08);
}

.podcast-description-box h2{
  margin:0 0 12px;
  font-size:20px;
}

.podcast-description-box p{
  margin:0;
  color:#cfcfcf;
  font-size:15px;
  line-height:1.6;
}


/* ==================================================
   RLW 1.5.1
   COMPONENTE EPISODI PODCAST
   ================================================== */

.episodes-box{
  margin-top:28px;
}

.episodes-head{
  margin-bottom:14px;
}

.episode-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.episode-item{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:12px;
  align-items:center;
  background:#11161d;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:14px;
  color:#fff;
  text-decoration:none;
}

.episode-play{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#d71920;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  box-shadow:0 10px 24px rgba(215,25,32,.28);
}

.episode-item h3{
  margin:0 0 5px;
  font-size:15px;
  line-height:1.25;
}

.episode-item p{
  margin:0;
  color:#bdbdbd;
  font-size:13px;
  line-height:1.35;
}

.episode-time{
  color:#8f8f8f;
  font-size:12px;
  white-space:nowrap;
}


/* ==================================================
   RLW 1.5.2
   PAGINA PODCAST - EPISODI + CONSIGLIATI
   ================================================== */

.episode-item{
  width:100% !important;
  border:0 !important;
  text-align:left !important;
  cursor:pointer !important;
}

.episode-item small{
  display:block !important;
  color:#d71920 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.8px !important;
  margin-bottom:4px !important;
}

.episode-item.playing{
  border:1px solid rgba(215,25,32,.55) !important;
  box-shadow:0 0 30px rgba(215,25,32,.18) !important;
}

.episode-item.playing .episode-play{
  background:#fff !important;
  color:#d71920 !important;
}

.more-podcasts{
  margin-top:34px !important;
}

.more-podcasts .section-head h2{
  font-size:21px !important;
}


/* ==================================================
   RLW 1.5.3
   ETICHETTA PODCAST
   ================================================== */

.podcast-section-label{
    color:#9b9b9b;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
}


/* ==================================================
   RLW 1.7.0
   HOME MOBILE - BIBLIOTECA SONORA
   ================================================== */

.biblioteca-section{
  margin-top:32px !important;
}

.biblioteca-scroll .editorial-card{
  min-width:205px !important;
  max-width:205px !important;
}

.biblioteca-scroll .editorial-thumb{
  height:205px !important;
  border-radius:20px !important;
}

.biblioteca-scroll .editorial-card h3{
  font-size:16px !important;
  line-height:1.18 !important;
}

.biblioteca-scroll .editorial-card p{
  font-size:13px !important;
}


/* RLW 1.7.1 - TITOLO EPISODIO IN ASCOLTO */

.podcast-now-playing{
  margin:18px auto 0;
  max-width:280px;
  padding:12px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
}

.podcast-now-playing span{
  display:block;
  color:#d71920;
  font-size:11px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:4px;
}

.podcast-now-playing strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.25;
}


/* RLW 1.7.2 - LINK RITORNO BIBLIOTECA */

.podcast-back-mini{
  display:inline-block;
  color:#d71920;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  margin-bottom:16px;
}


/* ==================================================
   RLW 1.7.3 - Pulsante ritorno Biblioteca
   ================================================== */

.podcast-back-button{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    margin:0 0 18px 0;
    background:#161616;
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    text-decoration:none;
    color:#fff;
    font-size:14px;
    font-weight:700;
    transition:.25s;
}

.podcast-back-button:hover{
    background:#202020;
}

.podcast-back-button .back-arrow{
    color:#d71920;
    font-size:16px;
    font-weight:900;
}

/* RLW - Pagine collane responsive desktop */

@media (min-width: 900px){

  body{
    background:#03070a;
  }

  .podcast-app-page{
    max-width:1180px;
    margin:0 auto;
    padding:48px 40px 80px;
  }

  .podcast-hero-page{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:42px;
    align-items:center;
    text-align:left;
    margin-bottom:36px;
  }

  .podcast-cover-big{
    width:360px;
    max-width:360px;
    border-radius:28px;
  }

  .podcast-hero-page h1{
    font-size:46px;
    line-height:1.05;
    margin:0 0 16px;
  }

  .podcast-author,
  .podcast-badge{
    justify-content:flex-start;
    text-align:left;
  }

  .podcast-description-box,
  .episodes-box,
  .more-podcasts{
    max-width:none;
  }

  .episode-list{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
  }

  .episode-item{
    min-height:118px;
  }

  .more-podcasts .editorial-scroll{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
    overflow:visible;
  }

  .more-podcasts .editorial-card{
    min-width:0;
  }

  .bottom-nav{
    display:none;
  }
}


/* RLW - ritorno Home corretto su desktop */

@media (min-width: 900px){
  .podcast-back-button[href*="home-mobile"]{
    font-size:0;
  }

  .podcast-back-button[href*="home-mobile"] span{
    display:none;
  }

  .podcast-back-button[href*="home-mobile"]::before{
    content:"◀ Home";
    font-size:14px;
    color:#fff;
  }
}


/* Barra avanzamento live player mobile - RLW */
.mobile-live-progress{
  width:100%;
  height:4px;
  background:rgba(255,255,255,.16);
  border-radius:999px;
  overflow:hidden;
  margin-top:12px;
}

.mobile-live-progress span{
  display:block;
  width:0%;
  height:100%;
  background:#d71920;
  border-radius:999px;
}

.mobile-live-progress.is-playing span{
  animation:rlwMobileLiveProgress 18s linear infinite;
}

@keyframes rlwMobileLiveProgress{
  from{width:0%;}
  to{width:100%;}
}

/* Barra tempo reale player mobile - RLW */
.mobile-track-progress{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  margin-top:12px;
  font-size:11px;
  color:rgba(255,255,255,.78);
}

.mobile-track-bar{
  flex:1;
  height:5px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.18);
}

#track-progress-fill{
  width:0%;
  height:100%;
  background:#d71920;
  border-radius:999px;
  transition:width .4s linear;
}

/* In Programma Mobile - RLW */
.mobile-schedule-section{
  padding:28px 18px 18px;
}

.mobile-schedule-container{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:20px;
}

.mobile-schedule-kicker{
  color:#d71920;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}

.mobile-schedule-container h2{
  margin:0 0 8px;
  color:#fff;
  font-size:24px;
}

.mobile-schedule-container p{
  margin:0 0 16px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.45;
}

.mobile-schedule-container .schedule-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mobile-schedule-container .schedule-empty{
  color:rgba(255,255,255,.72);
  font-size:14px;
}

/* Popup Contatti Mobile - RLW */
.rlw-mobile-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
}

.rlw-mobile-modal.is-open{
  display:block;
}

.rlw-mobile-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
}

.rlw-mobile-modal-box{
  position:absolute;
  left:18px;
  right:18px;
  bottom:92px;
  background:#11151d;
  color:#fff;
  border-radius:24px;
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 60px rgba(0,0,0,.45);
}

.rlw-mobile-modal-close{
  position:absolute;
  top:12px;
  right:14px;
  background:none;
  border:0;
  color:#fff;
  font-size:28px;
}

.rlw-mobile-modal-kicker{
  color:#d71920;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:8px;
}

.rlw-mobile-modal-box h2{
  margin:0 0 10px;
  font-size:24px;
}

.rlw-mobile-modal-box p{
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.45;
}

.rlw-mobile-modal-box a{
  color:#fff;
}

.rlw-mobile-modal-button{
  display:inline-block;
  margin-top:10px;
  padding:12px 18px;
  border-radius:999px;
  background:#d71920;
  color:#fff;
  text-decoration:none;
  font-weight:800;
}

/* FIX In Programma Mobile - RLW */
.mobile-schedule-section{
  padding:30px 16px 24px;
  background:#03070a;
}

.mobile-schedule-container{
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:22px 18px;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}

.mobile-schedule-kicker{
  color:#d71920;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:8px;
}

.mobile-schedule-container h2{
  color:#fff;
  margin:0 0 8px;
  font-size:25px;
  line-height:1.1;
}

.mobile-schedule-container p{
  color:rgba(255,255,255,.72);
  margin:0 0 18px;
  font-size:14px;
  line-height:1.45;
}

.mobile-schedule-container .schedule-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mobile-schedule-container .schedule-empty,
.mobile-schedule-container .schedule-item,
.mobile-schedule-container .schedule-card{
  background:rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  padding:14px;
  color:#fff;
}

.mobile-schedule-container .schedule-time,
.mobile-schedule-container time{
  color:#d71920;
  font-size:12px;
  font-weight:800;
}

.mobile-schedule-container h3,
.mobile-schedule-container strong{
  color:#fff;
}

/* FIX menu basso mobile */
.bottom-nav a span{
  line-height:1.05;
  text-align:center;
  max-width:64px;
  white-space:normal;
}

.bottom-nav a{
  gap:3px;
}

/* Popup Contatti Mobile completo */
.rlw-mobile-modal-box ul{
  padding-left:18px;
  margin:8px 0 14px;
}

.rlw-mobile-modal-box li{
  margin-bottom:6px;
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.35;
}

/* FIX scroll popup contatti mobile */
.rlw-mobile-modal{
  overflow:hidden;
}

.rlw-mobile-modal-box{
  top:72px !important;
  bottom:92px !important;
  max-height:none !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  padding-bottom:26px;
}

/* FIX DEFINITIVO popup contatti mobile scrollabile */
.rlw-mobile-modal.is-open{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  overflow:hidden !important;
}

.rlw-mobile-modal-box{
  position:fixed !important;
  left:18px !important;
  right:18px !important;
  top:76px !important;
  bottom:98px !important;
  max-height:calc(100vh - 174px) !important;
  overflow-y:scroll !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  padding-bottom:34px !important;
}

/* Crediti footer mobile RLW */
.rlw-footer-credit-mobile{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.62);
  font-size:11px;
  line-height:1.45;
  text-align:center;
}

.rlw-footer-credit-mobile span,
.rlw-footer-credit-mobile strong,
.rlw-footer-credit-mobile em{
  display:block;
}

.rlw-footer-credit-mobile strong{
  color:rgba(255,255,255,.84);
  font-style:normal;
  font-weight:700;
}

.rlw-footer-credit-mobile em{
  margin-top:4px;
  color:rgba(255,255,255,.45);
  font-size:10px;
  font-style:normal;
}




/* RELEASE 1.1 - Mobile App Header */
.mobile-app-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  min-height: auto !important;
  padding: 14px 18px 12px !important;
  background: rgba(3, 7, 10, .94) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.34) !important;
}

.mobile-app-brand {
  width: 100% !important;
  text-align: center !important;
}

.mobile-app-brand-title {
  font-weight: 950 !important;
  font-size: clamp(2.05rem, 10.2vw, 3rem) !important;
  line-height: .9 !important;
  letter-spacing: -2px !important;
  white-space: nowrap !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.65) !important;
}

.brand-white {
  color: #ffffff !important;
}

.brand-red {
  color: #d71920 !important;
}

.mobile-app-brand-payoff {
  margin-top: 7px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: .62rem !important;
  font-weight: 400 !important;
  letter-spacing: 3.8px !important;
  text-transform: uppercase !important;
}

.hero {
  padding-top: 16px !important;
}

.hero-text,
.hero-text-brand-only,
.rlw-mobile-main-brand,
.rlw-mobile-brand {
  display: none !important;
}

@media (max-width: 390px) {
  .mobile-app-brand-title {
    font-size: clamp(1.85rem, 9.6vw, 2.55rem) !important;
    letter-spacing: -1.5px !important;
  }

  .mobile-app-brand-payoff {
    font-size: .56rem !important;
    letter-spacing: 3px !important;
  }
}

/* RELEASE 1.1 - Player mobile semi-trasparente */
.mobile-player,
.player-card,
.radio-card {
  background: rgba(3, 7, 10, 0.58) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.36) !important;
}

/* ===== RLW RELEASE 1.1 PLAYER GLASS ===== */

.rlw-player{

    background:rgba(8,12,18,.45)!important;

    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;

    border:1px solid rgba(255,255,255,.10)!important;

    box-shadow:
        0 10px 35px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.05)!important;

}

/* ===== RLW RELEASE 1.1 PLAYER GLASS PREMIUM ===== */

.rlw-player {
  position: relative !important;
  overflow: hidden !important;
  background: rgba(8, 12, 18, .28) !important;
  backdrop-filter: blur(22px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(130%) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 28px !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.rlw-player::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,.16),
    rgba(255,255,255,.04) 38%,
    rgba(255,255,255,0) 70%
  ) !important;
}

.rlw-player-wrap {
  position: relative !important;
  z-index: 2 !important;
}

.rlw-cover {
  border-radius: 22px !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.10) !important;
  transform: translateY(-2px) !important;
}

.play-btn {
  border-radius: 999px !important;
  box-shadow:
    0 12px 26px rgba(215,25,32,.34),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* RELEASE 1.1 - Glow rosso copertina quando la radio è in play */
.rlw-player.playing .rlw-cover {
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12),
    0 0 24px rgba(215,25,32,.55),
    0 0 52px rgba(215,25,32,.38),
    0 18px 38px rgba(0,0,0,.55) !important;
  animation: rlwCoverRedGlow 2.4s ease-in-out infinite !important;
}

@keyframes rlwCoverRedGlow {
  0%, 100% {
    filter: brightness(1);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.12),
      0 0 18px rgba(215,25,32,.38),
      0 0 38px rgba(215,25,32,.25),
      0 18px 38px rgba(0,0,0,.55);
  }

  50% {
    filter: brightness(1.08);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.16),
      0 0 32px rgba(215,25,32,.75),
      0 0 70px rgba(215,25,32,.50),
      0 20px 42px rgba(0,0,0,.60);
  }
}

/* RELEASE 1.1 - Glow copertina più respirato */
.rlw-player.playing .rlw-cover {
  transform-origin: center !important;
  animation: rlwCoverBreathGlow 2.2s ease-in-out infinite !important;
}

@keyframes rlwCoverBreathGlow {
  0%, 100% {
    transform: translateY(-2px) scale(1) !important;
    filter: brightness(1) saturate(1) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.10),
      0 0 14px rgba(215,25,32,.30),
      0 0 34px rgba(215,25,32,.20),
      0 18px 38px rgba(0,0,0,.55) !important;
  }

  50% {
    transform: translateY(-2px) scale(1.045) !important;
    filter: brightness(1.14) saturate(1.18) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.18),
      0 0 34px rgba(215,25,32,.85),
      0 0 78px rgba(215,25,32,.60),
      0 22px 48px rgba(0,0,0,.66) !important;
  }
}

/* RELEASE 1.1 - Alone rosso respirato dietro copertina */
.rlw-player-wrap {
  position: relative !important;
}

.rlw-player.playing .rlw-player-wrap::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 22px !important;
  width: 92px !important;
  height: 92px !important;
  border-radius: 24px !important;
  background: rgba(215,25,32,.55) !important;
  filter: blur(26px) !important;
  opacity: .45 !important;
  z-index: 1 !important;
  animation: rlwCoverHaloBreath 2.2s ease-in-out infinite !important;
}

.rlw-cover {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes rlwCoverHaloBreath {
  0%, 100% {
    transform: scale(.82);
    opacity: .28;
    filter: blur(22px);
  }

  50% {
    transform: scale(1.25);
    opacity: .82;
    filter: blur(34px);
  }
}

/* RELEASE 1.1 - In Programma mobile refinement */
.mobile-schedule-section p {
  max-width: 92% !important;
}

.rlw-live-badge-mobile {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #d71920 !important;
  color: #fff !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    0 10px 24px rgba(215,25,32,.36) !important;
  white-space: nowrap !important;
}

/* RELEASE 1.1 - Badge IN ONDA ORA mobile come desktop */
.schedule-live-pill,
.schedule-status-live {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 15px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f02a32, #d71920) !important;
  color: #ffffff !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(215,25,32,.22),
    0 10px 24px rgba(215,25,32,.38) !important;
}

.schedule-card:first-child {
  border-color: rgba(215,25,32,.80) !important;
  background: rgba(215,25,32,.10) !important;
}

/* RELEASE 1.1 - Prefisso orario */
.schedule-from{
    display:block;
    font-size:.70rem;
    color:rgba(255,255,255,.55);
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:2px;
}

/* RELEASE 1.1 - "dalle" inline */
.schedule-time{
    display:flex !important;
    align-items:baseline !important;
    gap:6px !important;
}

.schedule-from{
    display:inline !important;
    font-size:.72rem !important;
    font-style:italic !important;
    font-weight:400 !important;
    color:rgba(255,255,255,.62) !important;
    text-transform:none !important;
    letter-spacing:0 !important;
}


/* RELEASE 1.1 - Player button premium mobile */
.play-btn {
  width: 100% !important;
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff3139 0%, #d71920 48%, #9f1017 100%) !important;
  color: #ffffff !important;
  font-size: .86rem !important;
  font-weight: 950 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  box-shadow:
    0 16px 36px rgba(215,25,32,.38),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -8px 18px rgba(0,0,0,.18) !important;
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    filter .16s ease !important;
}

.play-btn:active {
  transform: scale(.97) !important;
  filter: brightness(1.08) !important;
  box-shadow:
    0 9px 22px rgba(215,25,32,.32),
    inset 0 2px 8px rgba(0,0,0,.22) !important;
}

.rlw-player.playing .play-btn {
  background: linear-gradient(135deg, #1d242b 0%, #10161c 55%, #080c10 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.42),
    0 0 0 1px rgba(215,25,32,.25),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.rlw-player.playing .play-btn::before {
  content: "●";
  color: #d71920;
  margin-right: 8px;
  animation: rlwLiveDot 1.25s ease-in-out infinite;
}

@keyframes rlwLiveDot {
  0%, 100% {
    opacity: .45;
    text-shadow: 0 0 6px rgba(215,25,32,.45);
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 16px rgba(215,25,32,.95);
  }
}

/* RELEASE 1.1 - Artista visibile nel player mobile */
.rlw-artist {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 5px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: .86rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  max-height: none !important;
  overflow: visible !important;
}

.rlw-title {
  margin-bottom: 2px !important;
}

/* =====================================================
   RLW RELEASE 1.1
   PULSANTE PODCAST PREMIUM
===================================================== */

.podcast-btn,
.episode-btn,
.listen-btn,
.btn-listen{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:13px 22px;

    border-radius:999px;

    background:rgba(10,15,22,.24);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(215,25,32,.65);

    color:#fff;

    font-weight:700;

    letter-spacing:.4px;

    transition:.25s;

    box-shadow:
        0 10px 24px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.08);

}

.podcast-btn::before,
.episode-btn::before,
.listen-btn::before,
.btn-listen::before{

    content:"🎧";

}

.podcast-btn:hover,
.episode-btn:hover,
.listen-btn:hover,
.btn-listen:hover{

    background:#d71920;

    transform:translateY(-2px);

    box-shadow:
        0 14px 28px rgba(215,25,32,.40);

}

.podcast-btn:active,
.episode-btn:active,
.listen-btn:active,
.btn-listen:active{

    transform:scale(.97);

}


/* RELEASE 1.1 - Pulsante podcast mobile premium */
.podcast-play-btn {
  width: auto !important;
  min-width: 220px !important;
  min-height: 46px !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  background: rgba(8, 12, 18, .24) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
  border: 1px solid rgba(215,25,32,.72) !important;
  color: #fff !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  letter-spacing: .55px !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.05),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.podcast-play-btn:active {
  transform: scale(.97) !important;
  background: #d71920 !important;
}

.podcast-play-btn.is-listening {
  background: linear-gradient(135deg, #d71920, #9f1017) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow:
    0 14px 32px rgba(215,25,32,.36),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* RELEASE 1.1 - Pulsante podcast specifico pagine mobile */
body .podcast-hero .podcast-play-btn,
body .podcast-page .podcast-play-btn,
body button.play-btn.podcast-play-btn#mainEpisodeBtn {
  width: auto !important;
  min-width: 225px !important;
  min-height: 48px !important;
  padding: 13px 24px !important;
  border-radius: 999px !important;
  background: rgba(8, 12, 18, .26) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
  border: 1px solid rgba(215,25,32,.78) !important;
  color: #fff !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.05),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

body button.play-btn.podcast-play-btn#mainEpisodeBtn:active {
  transform: scale(.97) !important;
  background: #d71920 !important;
}

body button.play-btn.podcast-play-btn#mainEpisodeBtn.is-listening {
  background: linear-gradient(135deg, #d71920, #9f1017) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow:
    0 14px 32px rgba(215,25,32,.36),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* RELEASE 1.1 - Podcast button definitivo mobile */
button.play-btn.podcast-play-btn#mainEpisodeBtn {
  background: rgba(255,255,255,.06) !important;
  border: 2px solid #d71920 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 14px 26px !important;
  min-height: 50px !important;
  min-width: 235px !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  letter-spacing: .7px !important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.38),
    0 0 22px rgba(215,25,32,.25),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

button.play-btn.podcast-play-btn#mainEpisodeBtn:active,
button.play-btn.podcast-play-btn#mainEpisodeBtn.is-listening {
  background: linear-gradient(135deg, #d71920, #9f1017) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* RELEASE 1.1 - Podcast Premium Mobile */

.podcast-hero {
  padding-top: 26px !important;
  padding-bottom: 34px !important;
}

.podcast-hero .podcast-cover,
.podcast-cover-big {
  border-radius: 28px !important;
  box-shadow:
    0 24px 55px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.10),
    0 0 42px rgba(215,25,32,.20) !important;
}

.podcast-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(215,25,32,.16) !important;
  border: 1px solid rgba(215,25,32,.55) !important;
  color: #fff !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
  box-shadow: 0 10px 26px rgba(215,25,32,.18) !important;
}

.podcast-hero h1 {
  font-size: clamp(2rem, 9vw, 3rem) !important;
  line-height: 1 !important;
  letter-spacing: -1.2px !important;
  margin-top: 16px !important;
  margin-bottom: 8px !important;
  text-shadow: 0 12px 30px rgba(0,0,0,.60) !important;
}

.podcast-author {
  color: rgba(255,255,255,.76) !important;
  font-size: .95rem !important;
  margin-bottom: 18px !important;
}

button.play-btn.podcast-play-btn#mainEpisodeBtn {
  margin-top: 8px !important;
  background: rgba(255,255,255,.07) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
  border: 2px solid rgba(215,25,32,.86) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  min-height: 52px !important;
  min-width: 245px !important;
  font-size: .82rem !important;
  font-weight: 950 !important;
  letter-spacing: .7px !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.42),
    0 0 26px rgba(215,25,32,.24),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

button.play-btn.podcast-play-btn#mainEpisodeBtn.is-listening {
  background: linear-gradient(135deg, #d71920, #9f1017) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow:
    0 18px 40px rgba(215,25,32,.38),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.podcast-now-playing {
  margin-top: 18px !important;
  background: rgba(8,12,18,.30) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.35) !important;
}

.podcast-section,
.podcast-description,
.podcast-related {
  background: rgba(8,12,18,.24) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.28) !important;
}

/* RELEASE 1.1 - Podcast Premium Mobile FIX classi reali */
.podcast-hero-page {
  padding: 28px 18px 34px !important;
  background:
    radial-gradient(circle at top, rgba(215,25,32,.18), transparent 42%),
    rgba(8,12,18,.30) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.podcast-cover-big {
  width: 78% !important;
  max-width: 270px !important;
  border-radius: 30px !important;
  box-shadow:
    0 26px 60px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.12),
    0 0 48px rgba(215,25,32,.24) !important;
}

.podcast-hero-page h1 {
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  font-size: clamp(2.15rem, 9vw, 3.1rem) !important;
  line-height: .98 !important;
  letter-spacing: -1.4px !important;
}

.podcast-description-box,
.episodes-box,
.more-podcasts {
  margin: 18px 14px !important;
  padding: 20px !important;
  border-radius: 28px !important;
  background: rgba(8,12,18,.28) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.30) !important;
}

/* RELEASE 1.1 - Fix Hero Podcast Mobile */

.podcast-hero-page{
    padding:18px 18px 22px !important;
}

.podcast-cover-big{
    width:68% !important;
    max-width:220px !important;
    margin-bottom:14px !important;
}

.podcast-hero-page h1{
    margin:10px 0 8px !important;
    font-size:2rem !important;
    line-height:1.05 !important;
}

.podcast-badge{
    margin-bottom:8px !important;
}

.podcast-author{
    margin:6px 0 12px !important;
}

#mainEpisodeBtn{
    margin-top:8px !important;
    margin-bottom:6px !important;
}

.podcast-now-playing{
    margin-top:12px !important;
}


/* RELEASE 1.1 - PWA install prompt */
.rlw-install-prompt {
  position: fixed !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 84px !important;
  z-index: 99999 !important;
}

.rlw-install-card {
  padding: 18px !important;
  border-radius: 24px !important;
  background: rgba(8,12,18,.86) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.55) !important;
}

.rlw-install-title {
  color: #fff !important;
  font-weight: 950 !important;
  font-size: 1.08rem !important;
  margin-bottom: 6px !important;
}

.rlw-install-text {
  color: rgba(255,255,255,.74) !important;
  font-size: .88rem !important;
  line-height: 1.35 !important;
  margin-bottom: 14px !important;
}

.rlw-install-actions {
  display: flex !important;
  gap: 10px !important;
}

.rlw-install-actions button {
  flex: 1 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 14px !important;
  font-weight: 850 !important;
}

#rlwInstallBtn {
  background: linear-gradient(135deg,#ff3139,#d71920,#9f1017) !important;
  color: #fff !important;
}

#rlwInstallClose {
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.78) !important;
}

/* ==========================================
   RLW Release 1.2
   Titolo programma più leggibile
   ========================================== */

.schedule-name{

    margin-top:6px !important;

    font-size:1.08rem !important;

    font-weight:700 !important;

    color:#ffffff !important;

    line-height:1.35;

}


/* ==========================================
   RLW Release 1.2
   Titolo programma in grassetto
   ========================================== */

.schedule-name{
    font-weight:700 !important;
}


/* RELEASE 1.2 - Gerarchia card In Programma mobile */
.schedule-date {
  font-size: .92rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.68) !important;
  line-height: 1.2 !important;
}

.schedule-name {
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.18 !important;
}

/* ==========================================
   RLW Release 1.2
   Data card In Programma come "dalle"
   ========================================== */

.schedule-date{
    font-size:.95rem !important;
    font-style:italic !important;
    font-weight:400 !important;
    color:rgba(255,255,255,.72) !important;
    margin-top:2px !important;
}


/* RELEASE 1.2 - Popup installazione iPhone */
.rlw-ios-install-prompt strong {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.rlw-share-icon {
  display: inline-block !important;
  font-size: 1.05rem !important;
  transform: translateY(1px) !important;
}

#rlwIosClose {
  background: linear-gradient(135deg,#ff3139,#d71920,#9f1017) !important;
  color: #fff !important;
}

/* Playlist attiva sotto il player mobile - RLW */
.mobile-current-playlist{
  margin-top:14px;
  text-align:center;
}

.mobile-current-playlist-label{
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  color:rgba(255,255,255,.58);
}

.mobile-current-playlist-name{
  margin-top:3px;
  font-size:15px;
  font-weight:800;
  color:#fff;
  line-height:1.25;
}