/*
 Theme Name: ItaliaWP2 Child
 Theme URI: https://unionedicomunimontanalunigiana.it/
 Description: Child per ItaliaWP2 con migrazione mirata, fallback sicuro, fix per handle parent che punta al child CSS.
 Author: Fantanet Srl (Maurizio)
 Author URI: https://fantanet.it/
 Template: italiawp2
 Version: 1.2.3
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: italiawp2-child
 Domain Path: /languages
*/
 
/* Aggiungi qui i tuoi stili personalizzati */

/* Riduci lo spazio tra contenuto Home e blocco Servizi */
#home-contenuto.section {
  margin-bottom: 20px;   /* default è spesso 60–80px */
  padding-bottom: 10px;  /* se serve ridurre anche il padding */
}
.section-services.section {
  margin-top: 20px;      /* ridotto anche lo spazio iniziale dei servizi */
}

/* Banner cliccabile */
.banner-click {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  border-radius: 6px;
}
.banner-click:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
}

/* Wrapper banner */
.banner-wrapper {
  margin-bottom: 20px;
}

/* Colonna Comunicati */
.comunicati-block h3 {
  margin-bottom: 10px;
}
.comunicati-block .more-link {
  margin-top: 10px;
}

/* Colonna Allerta */
.allerta-block h3 {
  margin-bottom: 10px;
}
.allerta-block .fonte {
  margin-top: 10px;
  font-style: italic;
}
.allerta-block .link-list {
  margin: 12px 0 0 18px;
  padding: 0;
}
.allerta-block .link-list li {
  margin-bottom: 6px;
}

/* Riduce spazio verticale tra avvisi e banner */
.allerta-block { margin-bottom: 5px; }
.banner-wrapper { margin-top: 5px; margin-bottom: 15px; }

/* Targetta SOLO la sezione contenuto della home */
#home-contenuto .allerta-block { 
  margin-bottom: 6px !important;
}
#home-contenuto .banner-wrapper { 
  margin-top: 6px !important;
  margin-bottom: 14px; 
  line-height: 0;
}

/* Heading e paragrafi dentro le due colonne: margini compatti */
#home-contenuto .comunicati-block h3,
#home-contenuto .allerta-block h3 { 
  margin-bottom: 8px !important; 
}
#home-contenuto .comunicati-block p,
#home-contenuto .allerta-block p { 
  margin-top: 6px; 
  margin-bottom: 6px; 
}

/* Se il tema/pagina aggiunge margini/padding al wrapper "widget" */
#home-contenuto .widget { 
  margin-bottom: 0 !important; 
  padding-bottom: 0 !important; 
}

/* Nel dubbio: annulla eventuali spacer o margini di blocchi Toolset */
#home-contenuto .wp-block-spacer { display: none !important; }
#home-contenuto .tb-fields-and-text { margin-bottom: 6px !important; }

/* Riquadro sezione Protezione Civile */
.pcivile-section {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 25px 20px;
  margin-bottom: 25px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Titoli dentro la sezione */
.pcivile-section h3 {
  margin-bottom: 12px;
  color: #111827;
  font-weight: 600;
}

/* Banner responsive: wrapper e immagine */
#home-contenuto .banner-wrapper {
  max-width: 436px;     /* limite desktop */
  width: 100%;
  margin: 8px auto 16px;
  padding: 0;
}
#home-contenuto .banner-wrapper {
  max-width: 436px;     /* limite massimo desktop */
  width: 100%;          /* ma può restringersi */
  margin: 8px auto 16px;
  padding: 0;
}
#home-contenuto .banner-wrapper img {
  display: block;
  width: 100% !important;      /* riempie il wrapper */
  max-width: 100% !important;  /* non supera mai il wrapper */
  height: auto !important;     /* mantiene proporzioni */
  margin: 0 auto;
}

/* Mobile: restringi un po' per non toccare i bordi */
@media (max-width: 640px) {
  #home-contenuto .banner-wrapper {
    max-width: 92vw;
  }
}
/* Contenitore banner centrato e “limitato” */
#home-contenuto .banner-wrapper{
  width: 100%;
  margin: 10px auto 16px;
  padding: 0;
  display: flex;
  justify-content: center;
}

/* Il link fa da “limite” di larghezza */
#home-contenuto .banner-link{
  display: block !important;
  width: 100% !important;
  max-width: 436px !important; /* limite desktop/tablet */
  margin: 0 auto !important;
}

/* L'immagine riempie il link senza mai deformarsi */
#home-contenuto .banner-img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}

/* Mobile: banner più stretto (usa versione mobile dal <picture>) */
@media (max-width: 640px){
  #home-contenuto .banner-link{
    max-width: 340px !important; /* ~ 320–340px comodo su smartphone */
  }
}