/* ============================
   Personalizzazioni Radio Studio Doc
   ============================ */

/* 1. Contenitore principale più ampio */
body .container {
  max-width: 2000px;   
  width: 95%;          
  margin: 0 auto;      
  padding-left: 20px;  /* mobile base */
  padding-right: 20px;
}

/* 2. Versione fluida */
body .container-fluid {
  width: 95%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* 3. Row senza margini negativi */
body .row {
  margin-left: 0;
  margin-right: 0;
}

/* 4. Colonne con più respiro */
body [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

/* 5. Player/banner centrale */
.fh5co-banner-text-box {
  max-width: 1600px;
  width: 95%;
  margin: 0 auto;
  padding: 20px 30px;
  background: rgba(0,0,0,0.6);
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  text-align: center;
}

/* ==========================
   Padding responsive
=========================== */

/* Tablet e desktop piccolo */
@media (min-width: 768px) {
  body .container,
  body .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/* Desktop medio -->
@media (min-width: 1200px) {
  body .container,
  body .container-fluid {
    padding-left: 80px;
    padding-right: 80px;
  }
}
  /* Ultra-wide >2000px */
@media (min-width: 2000px) {
  body .container,
  body .container-fluid {
    max-width: 2500px;
    padding-left: 120px;
    padding-right: 120px;
  }
}