/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://wordpress.org/themes/twentytwentyfive/
 Description:  Child theme per Twenty Twenty-Five
 Author:       Omar/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://wordpress.org/themes/twentytwentyfive/
 Description:  Child theme per Twenty Twenty-Five
 Author:       Omar
 Template:     twentytwentyfive
 Version:      1.0
*/



/* ======================================================
   RISOLUZIONE LINK E PAROLE LUNGHI
   ------------------------------------------------------
   Forza l'accapo di parole troppo lunghe su tutto il sito.
   Serve a evitare che testi, URL o titoli rompano il layout 
   uscendo dai contenitori, soprattutto su mobile.
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');


*,
*:before,
*:after {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}

	
/* ======================================================
     PAGINA 404
====================================================== */
.IMG_404 {
  margin-top: -30px!important;  /* Immagine pagina 404*/
}

/* ======================================================
   testo lampeggiante
====================================================== */
.lampeggia {
  animation: lampeggio-soft 1.5s infinite ease-in-out;
  font-weight: bold;
  color: yellow;
  text-align: center;   /* centra il testo */
  display: block;       /* assicura che l’allineamento funzioni sempre */
}


@keyframes lampeggio-soft {
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}



/* ======================================================
   TIPOGRAFIA GENERALE
====================================================== */

strong,
b {
    font-weight: 600 !important; /* leggero rinforzo */
}

h1, h2, h3 {
    font-family: 'Roboto Slab', serif;
    font-weight: 900 !important;
    letter-spacing: -0.5px; /* più compatto */
    text-transform: uppercase; /* stile editoriale */
}
/* Modifica nei Template lo spazio dal menu all'icona corrispondente nlle PAGINe: BLOG, AUTORI, SITI WEB */
.blocco_contenuto_blog {
    margin-top: 20px!important;
}

 #blocco_contenuto_autori {
    margin-top: -50px!important;
}

.blocco_contenuto_sitiweb {
    margin-top: -50px!important;
}


/* ======================================================
   inizio HEADER / MOTTO  
====================================================== */

/*    inizio - CARICAMENTO FONT — CAFETA */
@font-face {
  font-family: "Cafeta";
  src: url("/wp-content/themes/twentytwentyfive-child/fonts/CAFETA.woff2") format("woff2"),
       url("/wp-content/themes/twentytwentyfive-child/fonts/CAFETA.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*   fine - CARICAMENTO FONT — CAFETA  */

/*    MOTTO sotto al logo — gestisce il testo nel PARAGRAFO  */
.paragrafo-motto-sito-cdr {
    font-family: "Cafeta", sans-serif !important;
	background: white;
	padding: 10px 10px;
	display: inline-block;
}
/*    MOTTO sotto al logo — gestisce la seconda Colonna contenitore che contiene il testo nel PARAGRAFO  */
#motto-nella-colonna {
  text-align: center;

}
/* ======================================================
   fine HEADER / MOTTO
====================================================== */

/* ======================================================
   HEADER / MENU
====================================================== */
/* CONTENITORE SOTTOMENU
   Pulizia definitiva di bordi, aloni e stili ereditati */
.wp-block-navigation__submenu-container {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-clip: padding-box;
}

/* Evita che pseudo-elementi del tema creino linee o aloni */
.wp-block-navigation__submenu-container::before,
.wp-block-navigation__submenu-container::after {
    display: none !important;
}

/* SICUREZZA:
   impedisce al tema di reinserire ombre o outline su hover/focus */
.wp-block-navigation__submenu-container:hover,
.wp-block-navigation__submenu-container:focus-within {
    box-shadow: none !important;
    outline: none !important;
}


/* ===============================
   SFONDO DELLE VOCI DI SOTTOMENU
=============================== */
.wp-block-navigation__submenu-container
> .wp-block-navigation-item
> .wp-block-navigation-item__content {
    display: flex; /* struttura interna in flex */
    flex-grow: 1; /* il link occupa tutta la larghezza disponibile */
    color: #2e2536; /* colore del testo */
    background: rgba(190, 190, 190, 0.4); /* sfondo etichette con trasparenza */
    font-size: 1.2em !important; /* dimensione testo */
    font-weight: 900 !important; /* testo molto marcato */
    letter-spacing: 0.01em; /* leggera spaziatura tra lettere */
    margin-top: 0px !important; /* nessun margine superiore */
    border-radius: 0px; /* angoli non arrotondati */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); /* ombra sotto l'etichetta */
    text-decoration: none; /* rimuove la sottolineatura */
}

/* ===============================
   DISTANZA DEL BLOCCO SOTTOMENU
=============================== */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    left: -1px; /* spostamento leggero verso sinistra */
    top: 140%; /* distanza verticale dal menu principale */
    position: absolute; /* posizionamento fuori dal flusso normale */
    padding-top: 10px; /* area cliccabile invisibile sopra il sottomenu */
    margin-top: -9px; /* compensa la distanza visiva mantenendo l'area cliccabile */
    z-index: 9999; /* porta il sottomenu sopra gli altri elementi */
}

/* ===============================
   SFONDO GENERALE + BLUR
=============================== */
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
    background: rgba(92, 72, 111, 0.4) !important; /* sfondo contenitore con trasparenza */
    border: 2px solid rgba(92, 72, 111, 0.4) !important; /* bordo coordinato e trasparente */
    border-radius: 6px; /* angoli arrotondati del contenitore */
    backdrop-filter: blur(8px); /* effetto vetro satinato */
    -webkit-backdrop-filter: blur(8px); /* compatibilità Safari */
}


/* HOVER LABEL SOTTOMENU
   cambio colore di riempimento al passaggio del mouse */
.wp-block-navigation__submenu-container
> .wp-block-navigation-item
> .wp-block-navigation-item__content:hover,
.wp-block-navigation__submenu-container
> .wp-block-navigation-item
> .wp-block-navigation-item__content:focus {
    background: #336ba6;   /* colore hover */
    text-decoration: none;
}

.wp-block-navigation__submenu-container
> .wp-block-navigation-item
> .wp-block-navigation-item__content {
    transition: background-color 0.2s ease;
}

/* ======================================================
   TEMPLATE CONTENT
   ------------------------------------------------------
   Contenitore principale dei template personalizzati.
   Mantiene larghezza piena e padding controllato.
====================================================== */





/* ======================================================
   INIZIO - TEMPLATE TUTTE LE CATEGORIE
   (Biografie, Caduti, Dispersi, ecc.)
   ------------------------------------------------------
   Applichiamo lo stile SOLO agli archivi,
   NON ai singoli articoli o ai singoli libri.
====================================================== */

/* Contenitore del loop SOLO negli archivi */
.archive .wp-block-post-template,
.blog .wp-block-post-template,
.category .wp-block-post-template,
.tag .wp-block-post-template {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

/* Elementi del loop SOLO negli archivi */
.archive .wp-block-post-template > *,
.blog .wp-block-post-template > *,
.category .wp-block-post-template > *,
.tag .wp-block-post-template > * {
  width: 300px;
  flex: 0 0 auto;
}


/* ======================================================
   FINE - TEMPLATE TUTTE LE CATEGORIE
====================================================== */

/* ======================================================
   inizio TEMPLATE AUTORI - SINGOLI AUTORI
====================================================== */
body.author .wp-block-post-template {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.author .has-base-background-color {
    background-color: transparent !important;
}


/* ======================================================
   fine TEMPLATE AUTORI - SINGOLI AUTORI
====================================================== */


/* ======================================================
   TEMPLATE BLOG
====================================================== */

.data_blog_template {
    margin-bottom: -10px!important;
}

.img_blog_template {
    margin-bottom: 10px!important;
}

.titolo_blog_template {
    margin-bottom: -5px!important;
}

/* Applica lo stile alla classe personalizzata 
hr#linea_blog_template {
color: ;
	margin-bottom: -10px!important;
} */

.autore_blog_template  {
    margin-bottom: -10px!important;
	position: center!important;
}

.categoria_blog_template {
    margin-bottom:20px!important;
	display: block!important;
}

/* COLORE E SFONDO DEI TITOLI DELLE CATEGORIE */
.wp-block-query-title {
    background: linear-gradient(to bottom, #5e0404 0%, #9f1d3b 40%, #ca3a5b 100%);
    color: white !important;
	padding: 20px 0 10px 0;
}


/* ======================================================
   TEMPLATE LIBRI >> CATEGORIA
====================================================== */

/* Immagini copertina libri — archivio libri */
body.post-type-archive-libri .wp-block-post-featured-image {
    padding: 20px 0;
    background-color: #dce1e6;
	border-radius: 10px!important;
    box-shadow: inset 0px -15px 45px rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 20px 0 20px 0!important;
	align-items: flex-start;
	margin: 12px!important;

}

body.post-type-archive-libri .wp-block-post-featured-image img {
    width: 300px;
    height: auto;
    object-fit: contain;
    display: block;
    margin-bottom: 0 auto;
	border-radius: 7px!important;
}

/* ======================================================
   TEMPLATE LIBRI >> SINGOLA SCHEDA ---------------------
====================================================== */

/* Wrapper generale dell'ACF riduce il blocco acf rendendola più simile a una scheda     inizio  ------------------------da sistemare-------------------------------------------------------------- */
.scheda_acf_blocco .scheda-libro-wrapper {
    max-width: 800px;
    margin: -10px auto 2rem auto;
    padding: 1rem;
	font-family: "Roboto Slab", serif;
    line-height: 1.6;
    color: #195877;
	font-weight: 400!important;
}

/* risolve il problema del footer nella pagina Sigle delle schede Libro */
.single-libri .has-global-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Wrapper generale      fine ------------------------da sistemare------------------------------------------------------------ */


/* Sottotitolo */
.sottotitolo-libro {
    font-size: 1.4rem;
    font-style: italic;
    text-align: center;
	margin-top: 0em;
	Line-height: 1em;
	color: grey;
}

/* Nome dell'Autore  del Libro*/
.autori-libro {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.9rem;
	color: #195877;
}

/* Copertina */
.copertina-libro {
    text-align: center;
    margin-bottom: 2rem;
}

.copertina-libro img {
    max-width: 240px;
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	margin-bottom: 20px;
}

/* NOTE AL LIBRO — stile post-it con linguetta */
.note-libro {
    position: relative;
    background-color: #f8c810;
    border: 2px solid #c29f1b;
    border-radius: 0 8px 8px 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
    text-align: justify;
    color: #444;
    font-size: 1rem;
}

.note-libro::before {
    content: "NOTE";
    position: absolute;
    top: -38px;
    left: -2px;
    background-color: #c29f1b;
    color: #ffe289;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.3rem 0.8rem;
    border-radius: 6px 6px 0 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #c29f1b;   /* ← questa è la riga giusta */
    z-index: 10;               /* ← fondamentale per farlo vedere sopra il box */
}

/* contenitore dei Dati editoriali */
.dati-libro {
    background-color: #d5e3e7;
    padding: 2rem;
    border-radius: 8px;
    margin-bottom: 6rem;
    border-left: 4px solid #0073aa;
}

.voce-libro {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.etichetta {
    background-color: #e0e0e0;
    padding: 0.3rem 0.6rem;
    border-radius: 12px;
    font-size: 0.85rem;
font-weight: 700 !important;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.valore {
    background: #ffffff;
    padding: 2px 4px;
    font-size: 1rem;
    color: #222;
    display: inline-block;
}

/* Spazio sotto la scheda libro prima delle recensioni */
.dati-libro {
    margin-bottom: 48px; /* oppure 40px se vuoi più compatto */
}

/* BOX RECENSIONI - stile post-it */
.recensione-libro {
    position: relative;
    background-color: #eaf4ff;
    border: 3px solid #567292;
    border-radius: 0px 8px 8px 8px;
    padding: 1.5rem;
margin-top: 5rem; /* invece di 2rem */
    box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

.recensione-libro::before {
    content: "RECENSIONI LIBRO";
    position: absolute;
    top: -52px;
    left: -3px;
    background-color: #1b79a8;
    color: #e2efff;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0.3rem 0.8rem;
    border-radius: 6px 6px 0 0;
    /* box-shadow: 1px 1px 3px rgba(0,0,0,0.1); */
    text-transform: uppercase;
    letter-spacing: 0.5px;
	    border: 1px solid #1b79a8;   /* ← questa è la riga giusta */
    z-index: 10;               /* ← fondamentale per farlo vedere sopra il box */
}


/* ============================================================
   DESKTOP — etichette allineate in colonna fissa
   ============================================================ */
.campo-libro {
    display: grid;
    grid-template-columns: 240px 1fr; /* Larghezza fissa etichette */
    column-gap: 12px;
    margin-bottom: 10px;
    align-items: start;
}

.campo-label {
    font-weight: 600;
    white-space: nowrap; /* Evita che l'etichetta vada a capo */
}

.campo-valore {
    line-height: 1.4;
}

/* ============================================================
   MOBILE — layout verticale, più leggibile
   ============================================================ */
@media (max-width: 600px) {
    .campo-libro {
        display: block; /* Etichetta sopra, valore sotto */
    }

    .campo-label {
        display: block;
        margin-bottom: 3px;
        white-space: normal; /* Permette all'etichetta di andare a capo */
    }

    .campo-valore {
        padding-left: 0; /* Nessun rientro su mobile */
    }
}



/* colore e grassetto del nome dell'autore multiplo */
.recensione-autore  {
    font-weight: 700 !important;
	color: #0073aa; 
}


/* spazio tra una etichetta e l'altra - vedi Casa Editrice, ASnno di pubblicazione, ecc... */
.campo-libro {
    padding-bottom: 12px;
}

/* Sfondo e forma Etichetta di Casa Editrice, ASnno di pubblicazione, ecc... */

.campo-label {
    background-color: #6cb0cf;
    padding: 0.3rem 0.6rem;
    border-radius: 12px 0 0 12px;
    font-size: 1rem;
    font-weight: 700 !important;
    color: #d5e3e7;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ============================================================
   VALUTAZIONE A STELLINE — FONDINO SPECULARE
   Aggiunge uno sfondo grigio chiaro dietro le stelle
   ============================================================ */

.valutazione-stelle {
    display: inline-flex;
    gap: 0.2rem;
    font-size: 1.3rem;
    vertical-align: middle;
    padding: 0rem 0.8rem;         /* Spazio interno */
background: linear-gradient(
    to bottom,
    #44acbd 0%,
    #0f374f 100%  );       /* Fondino grigio sfumato */
    border-radius: 0 15px 15px 0;             /* Angoli arrotondati */
    box-shadow: 0 1px 2px #0002;    /* Leggera ombra esterna */
    margin-left: -6px;
        /* Ombra del fondino */
    box-shadow:
        0 2px 4px rgba(0,0,0,0.15),   /* Ombra principale */
        0 1px 2px rgba(0,0,0,0.10);   /* Ombra secondaria più morbida */
}


/* Stella piena (voto assegnato) */
.stella {
    color: #f5c518;
    text-shadow:
        1px 1px 2px #0004,       /* Ombra un po' più presente */
        0 0 3px #b48a00;         /* Leggerissimo alone per definizione */
}

/* Stella vuota (voto non assegnato) */
.stella.vuota {
    color: #ccc;
    text-shadow:
        1px 1px 2px #0003,
        0 0 2px #b48a00,
        0 0 3px #b48a00;
}


/* ===============================
   VALUTAZIONE A STELLINE — OMBRA
   =============================*/

/* Ombra per le stelle piene */
.stella {
    color: #f5c518;                 /* Giallo stile IMDb */
    text-shadow: 1px 1px 2px #0003; /* Ombra morbida e discreta */
}

/* Ombra per le stelle vuote */
.stella.vuota {
    color: #ccc;                    /* Grigio chiaro */
    text-shadow: 1px 1px 2px #0002; /* Ombra più leggera */
}


/* ============================================================
   DESKTOP — etichette allineate in colonna fissa
   ============================================================ */
.campo-libro {
    display: grid;
    grid-template-columns: 240px 1fr; /* larghezza etichette */
    column-gap: 12px;
    margin-bottom: 10px;
    align-items: start;
}

.campo-label {
    font-weight: 600;
    font-size: 15px; /* leggermente più compatto */
    white-space: nowrap; /* evita che l'etichetta vada a capo */
}

.campo-valore {
    line-height: 1.4;
}


/* ============================================================
   MOBILE — layout verticale per tutti i campi
   ============================================================ */
@media (max-width: 600px) {

    .campo-libro {
        display: block;
    }

    .campo-label {
        display: block;
        margin-bottom: 3px;
        white-space: normal; /* permette all'etichetta di andare a capo */
    }

    .campo-valore {
        padding-left: 0;
    }
}


/* ============================================================
   MOBILE — forza SOLO "Consigliato" a restare in linea
   ============================================================ */
@media (max-width: 600px) {

    .campo-libro.cons-consigliato {
        display: flex !important;
        flex-direction: row !important;
        align-items: center;
        gap: 8px;
    }

    .campo-libro.cons-consigliato .campo-label {
        display: inline-block !important;
        white-space: nowrap;
        margin-bottom: 0;
    }

    .campo-libro.cons-consigliato .campo-valore {
        display: inline-block !important;
        padding-left: 0 !important;
    }
}

/* ======================================================
   FINE ----- TEMPLATE LIBRI
====================================================== */



/* ======================================================
   HOMEPAGE — SLIDER + FEATURED
====================================================== */

.pattern_slider {
    margin: -20px 0 0 0!important;
}

.home_slider,
.home_featured {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.home_slider img,
.home_featured img {
    width: 100%;
    height: auto;
    display: block;
}

.home_featured .featured-post {
    margin-bottom: 2rem;
}

/* ======================================================
   VIDEO PRESENTAZIONE CON MASCHERA (EFFETTO TV)
====================================================== */

.salta_il_video {
    background-image: url("https://www.arteinzucca.it/campagnadirussia/wp-content/uploads/2025/12/sfondo_video_youtube_presentazione.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tv {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.tv-bg {
    width: 100%;
    height: auto;
    display: block;
}

/* Maschera TV applicata al video */
.tv-video {
    position: absolute;
    top: 52%;
    left: 30%;
    width: 32%;
    height: 32%;
    z-index: 2;
    overflow: hidden;

    /* Maschera */
    -webkit-mask-image: url('https://www.arteinzucca.it/campagnadirussia/wp-content/uploads/2025/12/maschera-tv-mask.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center;

    mask-image: url('https://www.arteinzucca.it/campagnadirussia/wp-content/uploads/2025/12/maschera-tv-mask.png');
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-position: center;
}

.tv-video iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* ======================================================
   BLOCCO INTRODUTTIVO
====================================================== */

.header_intro {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem 2rem 1rem;
    text-align: center;
}

/* ======================================================
   BOX IMMAGINI TONDE in homepage
====================================================== */

.box_img_tonde {
    width: 90% !important;
    margin: 0 auto !important;
}

/* ============================================================================================================
  ------------------------------ PAGINE --------------------------------------------------------
============================================================================================================ */

/* ========================================
   PAGINE - GENERALE
======================================== */




/* ========================================
   PAGINE - CONTATTI
======================================== */

/* Centrare il modulo */
.wpcf7 {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

/* TESTO-ETICHETTA sopra i campi */
.wpcf7 label {
  color: WHITE;            /* colore del testo */
  font-weight: 600;       /* leggero bold */
  display: block;         /* forza la label su una riga */
  padding-bottom: 10px;    /* spazio tra label e campo */
  font-size: 20px;
}

/* CAMPI COMPILABILI */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  padding: 10px;
  margin: 15px 0 18px 0; /* distanza dei campi compilabili con il testo */
  border: 2px solid #666;     /* bordo visibile */
  border-radius: 6px;         /* angoli morbidi */
  background-color: #f7f7f7;  /* colore interno */
  font-size: 16px;
  color: #222;                /* colore del testo interno */
  transition: all 0.2s ease-in-out;
}

/* Effetto focus sui campi */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
  border-color: #0073aa;      /* colore del bordo in focus */
  background-color: #fff;     /* più chiaro quando attivo */
  outline: none;
}

/* Stile del BOTTONE */
.wpcf7 input[type="submit"] {
  background-color: #0073aa;
  color: white;
  padding: 10px 20px;
  border: 2px solid #666;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #005f8d;
  border-color: #444;
}




/* ============================================================================================================
  ------------------------------ PLUG-IN --------------------------------------------------------
============================================================================================================ */

/* ========================================
   PLUGIN SOVRAPPOSIZIONE MAPPE (Juxtapose)
======================================== */

.jx-control,
.jx-handle,
.jx-bar {
    background: transparent !important;
    box-shadow: none !important;
}

.jx-knightlab,
.jx-knightlab::before,
.jx-knightlab::after {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.jx-control {
    cursor: ew-resize;
}

#map-compare {
    margin: 0 auto !important;
    width: 85vw !important;
}

/* ========================================
   PLUGIN gestioe schede autore
======================================== */

.author-cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    justify-content: center;
    width: 100%;

}

.author-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    text-align: center;
    transition: transform 0.2s ease;
	margin: 10px;
}

.author-card:hover {
    transform: translateY(-4px);
}

.author-card__photo img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 10px;
}

.author-card__name {
    font-size: 1.2em;
    margin: 5px 0;
    font-weight: bold;
}

.author-card__role {
    font-size: 0.9em;
    color: #666;
    margin: 5px 0;
}

.author-card__bio {
    font-size: 0.9em;
    color: #333;
    margin: 10px 0;
    line-height: 1.4;
}

.author-card__link {
    display: inline-block;
    padding: 6px 12px;
    background-color: #0073aa;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9em;
}

.author-card__link:hover {
    background-color: #005177;
}

/* ===================================================================================================================
   RESPONSIVE — MOBILE
=================================================================================================================== */

@media (max-width: 767px) {
    /* 1. Forza la colonna a eliminare i margini esterni per far toccare lo sfondo ai bordi */
    .wp-block-column {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 2. RIMOZIONE SOTTOLINEATO: Toglie la linea da tutti i link nella colonna */
    .wp-block-column a {
        text-decoration: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    /* 3. Applica il padding solo agli elementi di testo dentro la colonna */
    /* Mantiene il testo distanziato di 15px dai bordi dello schermo */
    .wp-block-column > .wp-block-post-author,
    .wp-block-column > .wp-block-post-author-name,
    .wp-block-column > .wp-block-post-title,
    .wp-block-column > .wp-block-post-excerpt,
    .wp-block-column > .wp-block-categories,
    .wp-block-column > p {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* 4. Gestione del Gruppo interno (fascia grigia) */
    .wp-block-column > .wp-block-group {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 768px) {

    /* Slider full width */
    .home_featured {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .swiper-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: hidden !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .swiper-wrapper {
        display: flex !important;
        width: 100% !important;
    }

    .swiper-slide {
        flex-shrink: 0 !important;
        width: 100% !important;
        min-height: 650px !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .fpp-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative !important;
    }

    .swiper-slide img,
    .fpp-slide img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .fpp-overlay {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding: 1rem !important;
        color: #ffffff !important;
        z-index: 10 !important;
    }

    /* Padding laterale per box info */
    .home_intro {
        padding-left: 1.25rem !important;
        padding-right: 1.90rem !important;
    }

    /* Box immagini tonde */
    .box_img_tonde {
        max-width: 90% !important;
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    /* Icone grandi */
    .icone_box {
        font-size: 5em !important;
        color: white !important;
    }

    /* ===============================================
       MENU SOCIAL RESPONSIVE - DENTRO LA HEADER
    =============================================== */

    /* 1. Rimuoviamo la scritta dal menu inferiore (quello con voci_menu) */
    .voci_menu .wp-block-navigation__responsive-container-open::after {
        content: none !important;
    }

    /* 2. Pulizia totale pseudo-elementi */
    .wp-block-navigation__responsive-container-open::after {
        content: none !important;
    }

    /* 3. Bersaglio Chirurgico: menu social (NO voci_menu) */
    nav.wp-block-navigation:not(.voci_menu)
    .wp-block-navigation__responsive-container-open {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: auto !important;
    }

    /* 4. Scritta ICONE SOCIAL */
    nav.wp-block-navigation:not(.voci_menu)
    .wp-block-navigation__responsive-container-open::after {
        content: "ICONE SOCIAL" !important;
        font-size: 16px !important;
        font-weight: bold !important;
        color: #444 !important; /* Grigio scuro per l'header con la neve */
        display: inline-block !important;
    }

    nav.wp-block-navigation:not(.voci_menu)
    .wp-block-navigation__responsive-container-open:hover::after {
        color: #AE0000 !important;
    }

    /* =============================================
       inizio ------- MENU RESPONSIVE - HAMBURGER
    ============================================= */

/* HAMBURGER Sfondo del MENU responsive */
.wp-block-navigation__responsive-container {
    background: linear-gradient(135deg, #AE0000 0%, #0693E3 100%);
    color: white;
    padding: 20px;
}


    /* tre righette del MENU - Bersaglia l'SVG dentro il bottone di apertura del menu */
    .wp-block-navigation__responsive-container-open svg {
        width: 50px !important;
        height: 60px !important;
        transition: transform 0.2s ease;
    }

    /* ======================================================================
       MENU RESPONSIVE — BLOCCO UNICO PULITO (STATICO)
    ====================================================================== */

    /* VOCI PRINCIPALI (livello 1) */
.wp-block-navigation__responsive-container .wp-block-navigation-item__content {
    font-size: 1.6em !important;
    font-weight: 800 !important;
    line-height: 0.7;
    color: #ffffff !important;
    text-decoration: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
	
	.wp-block-navigation-item__content[aria-current="page"] {
    font-weight: 800 !important;
}

    /* CONTENITORE SOTTOMENU */
    .wp-block-navigation__responsive-container
    .wp-block-navigation__submenu-container {
        background: transparent !important;
        box-shadow: none !important;
        margin-top: 0em !important;
    }

    /* VOCI DI SOTTOMENU (livello 2) */
    .wp-block-navigation__responsive-container
    .wp-block-navigation__submenu-container
    .wp-block-navigation-item__content {
        font-size: 1.8em !important;
        font-weight: 700 !important;
        line-height: 0.5 !important;
        padding-left: 0.2em !important;
        background: transparent !important;
        color: #ccc5b8 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    /* =============================================
       fine ------- MENU RESPONSIVE - HAMBURGER
    ============================================= */
}

/* ======================================================
   SICUREZZA DESKTOP — NASCONDE HAMBURGER SOCIAL
====================================================== */
@media (min-width: 769px) {

    nav.wp-block-navigation:not(.voci_menu)
    .wp-block-navigation__responsive-container-open {
        display: none !important;
    }

}

/* ===================================================================================================================
   RESPONSIVE — TABLET 
=================================================================================================================== */