/*
Theme Name: kenya.insiemeperdonare
Description: Tema su misura per Kenya InsiemePerDonare. La home si compone da sola con le pagine, gli articoli e le immagini già presenti nel sito.
Version: 0.2.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: insieme
*/

@font-face{font-family:"Bricolage Grotesque";src:url("assets/fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("assets/fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("assets/fonts/source-sans-3-latin-wght-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}

:root{
  --carta:#fbf7ef;
  --bianco:#ffffff;
  --inchiostro:#161513;
  --grigio:#5d5a53;
  --verde:#0a5c24;
  --verde-scuro:#06401a;
  --verde-chiaro:#e7efe2;
  --rosso:#ba0101;
  --rosso-scuro:#8f0000;
  --mais:#f2b632;
  --linea:#e3dccd;
  --titoli:"Bricolage Grotesque","Trebuchet MS",Arial,sans-serif;
  --testo:"Source Sans 3","Segoe UI",Arial,sans-serif;
  --largo:1180px;
  --colonna:740px;
  --curva:clamp(56px,11vw,150px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html{background:var(--inchiostro)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--carta);color:var(--inchiostro);font-family:var(--testo);font-size:18px;line-height:1.6;overflow-wrap:break-word}
img,video,iframe{max-width:100%}
img{height:auto}
a{color:var(--rosso);text-underline-offset:3px}
a:hover{color:var(--rosso-scuro)}
:focus-visible{outline:3px solid var(--mais);outline-offset:3px}
h1,h2,h3,h4,h5,h6{font-family:var(--titoli);font-weight:700;line-height:1.15;color:var(--verde);margin:1.6em 0 .5em;text-wrap:balance}
h1{font-size:clamp(2rem,4.6vw,3.25rem);margin-top:0}
h2{font-size:clamp(1.6rem,3vw,2.2rem)}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
p{margin:0 0 1.1em}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;background:var(--bianco);padding:10px 16px;z-index:1000}

.contenitore{width:100%;max-width:var(--largo);margin:0 auto;padding:0 24px}

/* Titolo con riga */
.titolo-riga{display:flex;align-items:center;gap:20px;margin:0 0 32px}
.titolo-riga::after{content:"";flex:1;height:3px;background:var(--mais);border-radius:2px;min-width:40px}

/* Pulsanti */
.pulsante{display:inline-block;font-family:var(--titoli);font-weight:700;font-size:1rem;line-height:1.2;padding:14px 24px;border-radius:4px;border:2px solid var(--rosso);background:var(--rosso);color:#fff;text-decoration:none;cursor:pointer}
.pulsante:hover{background:var(--rosso-scuro);border-color:var(--rosso-scuro);color:#fff}
.pulsante--linea{background:transparent;color:var(--verde);border-color:var(--verde)}
.pulsante--linea:hover{background:var(--verde);border-color:var(--verde);color:#fff}
.pulsante--chiaro{background:transparent;color:#fff;border-color:var(--mais)}
.pulsante--chiaro:hover{background:var(--mais);border-color:var(--mais);color:var(--inchiostro)}
.collegamento{font-family:var(--titoli);font-weight:700;color:var(--verde)}

/* Testata */
.piede{margin-top:auto}
.testata{background:var(--bianco);border-bottom:1px solid var(--linea);position:relative;z-index:50}
.testata__riga{display:flex;align-items:center;gap:24px;min-height:84px}
.marchio{display:flex;align-items:center;text-decoration:none;color:var(--inchiostro);flex-shrink:0}
.marchio img{display:block;height:56px;width:auto;max-width:260px;object-fit:contain}
.marchio__nome{font-family:var(--titoli);font-weight:800;font-size:1.3rem;line-height:1.1}
.navigazione{margin-left:auto}
.navigazione ul{list-style:none;margin:0;padding:0}
.navigazione > ul{display:flex;align-items:center;gap:2px}
.navigazione li{position:relative}
.navigazione a{display:block;padding:10px 12px;font-family:var(--titoli);font-weight:600;font-size:1rem;color:var(--inchiostro);text-decoration:none;white-space:nowrap;border-radius:4px}
.navigazione a:hover,.navigazione .current-menu-item > a,.navigazione .current-menu-ancestor > a{color:var(--verde)}
.navigazione .current-menu-item > a{box-shadow:inset 0 -3px 0 var(--mais)}
.navigazione .sub-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--bianco);border:1px solid var(--linea);border-radius:0 0 18px 0;padding:8px;display:none;z-index:60}
.navigazione li:hover > .sub-menu,.navigazione li:focus-within > .sub-menu{display:block}
.navigazione .sub-menu .current-menu-item > a{box-shadow:none}
.testata__dona{flex-shrink:0;padding:11px 20px}
.menu-apri{display:none;margin-left:auto;background:none;border:2px solid var(--inchiostro);border-radius:4px;padding:9px 14px;font-family:var(--titoli);font-weight:700;font-size:1rem;color:var(--inchiostro);cursor:pointer}

@media (max-width:1100px){
  .testata__riga{flex-wrap:wrap;min-height:72px;gap:12px;padding-top:10px;padding-bottom:10px}
  .marchio img{height:46px;max-width:190px}
  .menu-apri{display:block}
  .testata__dona{padding:9px 14px}
  .navigazione{display:none;width:100%;margin:0;order:5;border-top:1px solid var(--linea);padding:8px 0 12px}
  .navigazione.aperta{display:block}
  .navigazione > ul{display:block}
  .navigazione a{padding:12px 4px;white-space:normal;font-size:1.1rem}
  .navigazione .sub-menu{position:static;display:block;border:0;padding:0 0 0 18px;min-width:0}
  .navigazione .sub-menu a{font-weight:500}
  .navigazione .current-menu-item > a{box-shadow:none;color:var(--verde)}
}
@media (max-width:420px){
  .marchio img{max-width:140px;height:40px}
  .testata__dona{padding:8px 11px;font-size:.95rem}
  .menu-apri{padding:8px 11px;font-size:.95rem}
}

/* Immagine con angolo curvo */
.angolo{border-radius:0 0 var(--curva) 0;overflow:hidden;background:var(--verde-chiaro)}
.angolo img{display:block;width:100%;height:100%;object-fit:cover}

/* Home: apertura */
.apertura{padding:clamp(36px,6vw,80px) 0}
.apertura__griglia{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,72px);align-items:center}
.apertura h1{font-size:clamp(2.6rem,6.4vw,4.75rem);font-weight:800;line-height:1;letter-spacing:-.02em;margin:0 0 22px}
.apertura__testo{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.45;max-width:30em;margin-bottom:30px}
.apertura__azioni{display:flex;flex-wrap:wrap;gap:12px}
.apertura__foto{aspect-ratio:5/4;border-radius:0 var(--curva) 0 var(--curva)}
@media (max-width:820px){
  .apertura__griglia{grid-template-columns:1fr}
  .apertura__foto{aspect-ratio:3/2}
}

/* Sezioni */
.sezione{padding:clamp(44px,7vw,88px) 0}
.sezione h2{margin-top:0}

/* Progetti */
.progetti{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.progetto{background:var(--bianco);border:1px solid var(--linea);border-radius:0 0 44px 0;padding:28px 26px 30px;display:flex;flex-direction:column}
.progetto__icona{width:56px;height:56px;object-fit:contain;margin-bottom:18px}
.progetto h3{margin:0 0 10px;font-size:1.45rem}
.progetto p{font-size:1.05rem;line-height:1.5;margin-bottom:20px}
.progetto .collegamento{margin-top:auto}

/* Chi siamo */
.fascia-verde{background:var(--verde);color:#fff}
.fascia-verde h2{color:#fff}
.fascia-verde a:not(.pulsante){color:var(--mais)}
.chi__griglia{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center}
.chi__foto{aspect-ratio:4/3;border-radius:var(--curva) 0 0 0}
.chi__testo p{font-size:1.2rem;line-height:1.55;margin-bottom:28px}
@media (max-width:820px){.chi__griglia{grid-template-columns:1fr}}

/* Come donare */
.fascia-dona{background-color:var(--inchiostro);background-size:cover;background-position:center;color:#fff;position:relative}
.fascia-dona::before{content:"";position:absolute;inset:0;background:rgba(22,21,19,.86)}
.fascia-dona > *{position:relative}
.fascia-dona h2{color:#fff}
.dona__intro{font-size:1.2rem;max-width:38em;margin-bottom:32px}
.dona__griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.dona__scheda{background:var(--bianco);color:var(--inchiostro);border-radius:0 0 44px 0;padding:28px 26px 30px}
.dona__scheda h3{margin:0 0 6px;font-size:1.35rem}
.dona__scheda p{margin:0 0 14px;font-size:1.02rem;color:var(--grigio)}
.dona__scheda .dona__dato{font-family:var(--titoli);font-weight:700;font-size:clamp(1.1rem,2.3vw,1.45rem);line-height:1.3;letter-spacing:.01em;color:var(--inchiostro);overflow-wrap:anywhere;margin:0 0 16px}
.copia{font-family:var(--titoli);font-weight:700;font-size:.95rem;background:var(--verde-chiaro);color:var(--verde-scuro);border:0;border-radius:4px;padding:9px 14px;cursor:pointer}
.copia:hover{background:var(--verde);color:#fff}
.dona__azioni{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}

/* Schede notizia */
.notizie{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:36px 28px}
.notizia{display:flex;flex-direction:column}
.notizia__foto{display:block;aspect-ratio:3/2;border-radius:0 0 56px 0;margin-bottom:16px}
.notizia__data{font-size:.95rem;color:var(--grigio);margin:0 0 4px}
.notizia h3{margin:0 0 8px;font-size:1.4rem}
.notizia h3 a{color:var(--verde);text-decoration:none}
.notizia h3 a:hover{text-decoration:underline}
.notizia p{font-size:1.05rem;line-height:1.5;margin:0}
.sezione__coda{margin-top:40px}

/* Pagine e articoli */
.pagina{padding:clamp(32px,5vw,64px) 0 clamp(48px,7vw,88px)}
.pagina__testa{max-width:var(--colonna);margin:0 auto 28px}
.pagina__testa--larga{max-width:none}
.pagina__data{color:var(--grigio);font-size:1rem;margin:0 0 8px}
.pagina__titolo{display:flex;align-items:center;gap:16px}
.pagina__icona{width:52px;height:52px;object-fit:contain;flex-shrink:0}
.pagina__foto{max-width:980px;margin:0 auto 36px;aspect-ratio:16/9}
.contenuto{max-width:var(--colonna);margin:0 auto}
.contenuto > *:first-child{margin-top:0}
.contenuto img{border-radius:2px}
.contenuto figure{margin:1.6em 0}
.contenuto figcaption{font-size:.95rem;color:var(--grigio);margin-top:6px;text-align:center}
.contenuto ul,.contenuto ol{padding-left:1.3em;margin:0 0 1.2em}
.contenuto li{margin-bottom:.35em}
.contenuto li::marker{color:var(--verde)}
.contenuto blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:4px solid var(--mais);font-size:1.2rem}
.contenuto table{width:100%;border-collapse:collapse;margin:0 0 1.4em}
.contenuto th,.contenuto td{border-bottom:1px solid var(--linea);padding:10px 8px;text-align:left}
.contenuto hr{border:0;border-top:3px solid var(--mais);margin:2em 0;width:120px}
.contenuto .alignleft{float:left;margin:.3em 1.4em 1em 0;max-width:50%}
.contenuto .alignright{float:right;margin:.3em 0 1em 1.4em;max-width:50%}
.contenuto .aligncenter{display:block;margin-left:auto;margin-right:auto}
.contenuto .alignwide{width:min(980px,calc(100vw - 48px));max-width:none;margin-left:50%;transform:translateX(-50%)}
.contenuto .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}
.contenuto::after{content:"";display:table;clear:both}
.contenuto .wp-block-button__link,.contenuto input[type=submit],.contenuto button[type=submit]{font-family:var(--titoli);font-weight:700;background:var(--rosso);color:#fff;border-radius:4px;border:0;padding:13px 22px;text-decoration:none}
.contenuto iframe{display:block;margin:0 auto 1.4em}
@media (max-width:600px){.contenuto .alignleft,.contenuto .alignright{float:none;max-width:100%;margin:0 0 1em}}

.invito{max-width:var(--colonna);margin:56px auto 0;background:var(--verde);color:#fff;border-radius:0 0 var(--curva) 0;padding:32px 34px 36px}
.invito h2{color:#fff;margin:0 0 8px;font-size:1.6rem}
.invito p{margin:0 0 20px;font-size:1.1rem;max-width:30em}
.vicini{max-width:var(--colonna);margin:40px auto 0;display:flex;justify-content:space-between;gap:24px;font-family:var(--titoli);font-weight:600}
.vicini a{color:var(--verde);text-decoration:none}
.vicini a:hover{text-decoration:underline}
.vicini span{display:block;font-family:var(--testo);font-weight:400;font-size:.95rem;color:var(--grigio)}
.vicini__dopo{text-align:right;margin-left:auto}

.paginazione{margin-top:48px;display:flex;flex-wrap:wrap;gap:8px;font-family:var(--titoli);font-weight:700}
.paginazione .page-numbers{display:inline-block;padding:9px 15px;border:2px solid var(--linea);border-radius:4px;text-decoration:none;color:var(--verde);background:var(--bianco)}
.paginazione .page-numbers.current{background:var(--verde);border-color:var(--verde);color:#fff}

.commenti{max-width:var(--colonna);margin:56px auto 0}
.commenti ol{list-style:none;padding:0}
.commenti .comment-body{border-bottom:1px solid var(--linea);padding:16px 0}
.commenti input[type=text],.commenti input[type=email],.commenti input[type=url],.commenti textarea{width:100%;padding:10px;border:1px solid #a9a394;border-radius:4px;font:inherit;background:var(--bianco)}
.commenti input[type=submit]{font-family:var(--titoli);font-weight:700;background:var(--verde);color:#fff;border:0;border-radius:4px;padding:12px 20px;cursor:pointer}

/* Piede */
.piede{background:var(--inchiostro);color:#e9e4d8;padding:56px 0 28px;font-size:1.02rem}
.piede a{color:#fff}
.piede__griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px}
.piede h2{font-size:1.15rem;color:#fff;margin:0 0 12px}
.piede__nome{font-family:var(--titoli);font-weight:800;font-size:1.5rem;color:#fff;line-height:1.15;margin:0 0 8px}
.piede p{margin:0 0 8px}
.piede ul{list-style:none;margin:0;padding:0}
.piede li{margin-bottom:6px}
.piede__dato{font-family:var(--titoli);font-weight:600;color:#fff;word-break:break-all}
.piede__fondo{border-top:1px solid #3a3833;margin-top:40px;padding-top:20px;font-size:.95rem;color:#b9b3a5}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Immagini nel testo (vedi inc/foto.php) */
.contenuto h1,.contenuto h2,.contenuto h3{clear:both}
.contenuto h1{font-size:clamp(1.6rem,3vw,2.2rem)}
.contenuto .foto{margin:2em 0}
.contenuto .foto img{display:block;width:100%;height:auto}
.contenuto .foto--larga,.contenuto .foto-griglia{width:min(900px,calc(100vw - 48px));max-width:none;margin-left:50%;transform:translateX(-50%)}
.contenuto .foto--larga img{border-radius:0 0 var(--curva) 0}
.contenuto > .foto--larga:first-child img{border-radius:0 var(--curva) 0 var(--curva)}
.contenuto .foto--piccola{float:right;width:min(340px,44%);margin:.35em 0 1.9em 2em}
.contenuto .foto--piccola img{border-radius:0 0 0 48px}
.contenuto img.foto-allineata.alignleft,.contenuto figure.foto-allineata.alignleft{float:left;width:min(340px,44%)!important;max-width:none;margin:.35em 2em 1.9em 0}
.contenuto img.foto-allineata.alignright,.contenuto figure.foto-allineata.alignright{float:right;width:min(340px,44%)!important;max-width:none;margin:.35em 0 1.9em 2em}
.contenuto img.foto-allineata{height:auto}
.contenuto figure.foto-allineata img{display:block;width:100%;height:auto}
.contenuto figure.foto-allineata figcaption{display:block}
.contenuto img.foto-allineata.alignleft,.contenuto figure.foto-allineata.alignleft img{border-radius:0 0 48px 0}
.contenuto img.foto-allineata.alignright,.contenuto figure.foto-allineata.alignright img{border-radius:0 0 0 48px}
.contenuto .foto-griglia{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2em;margin-bottom:2em;border-radius:0 0 var(--curva) 0;overflow:hidden}
.contenuto .foto-griglia .foto{width:auto;margin:0;transform:none}
.contenuto .foto-griglia .foto a{display:block;height:100%}
.contenuto .foto-griglia .foto img{height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}
.contenuto .foto-griglia--dispari > .foto:first-child{grid-column:1/-1}
.contenuto .foto-griglia--dispari > .foto:first-child img{aspect-ratio:16/9}
.contenuto .wp-caption{max-width:100%}
@media (max-width:700px){
  .contenuto .foto--piccola{float:none;width:auto;max-width:420px;margin:1.6em 0}
  .contenuto img.foto-allineata.alignleft,.contenuto img.foto-allineata.alignright,.contenuto figure.foto-allineata.alignleft,.contenuto figure.foto-allineata.alignright{float:none;display:block;width:100%!important;max-width:420px;margin:1.6em 0}
  .contenuto .foto-griglia{gap:5px}
}

/* Galleria "Foto e video" (plugin Photo Gallery, vista miniature) */
.contenuto .bwg_container{width:min(900px,calc(100vw - 48px));max-width:none;margin:1.5em 0 2em 50%!important;padding:0!important;transform:translateX(-50%)}
.contenuto .bwg-standard-thumbnails{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;width:100%!important;max-width:none!important;padding:0!important;background:none!important}
.contenuto .bwg-standard-thumbnails .bwg-item{display:block!important;min-width:100%!important;margin:0!important}
.contenuto .bwg-standard-thumbnails .bwg-item a{display:block;margin:0!important;position:relative;border-radius:0 0 30px 0;overflow:hidden;background:var(--verde-chiaro)}
.contenuto .bwg-standard-thumbnails .bwg-item0{transform:none!important;background:none!important}
.contenuto .bwg-standard-thumbnails .bwg-item1{padding-top:66.667%!important}
.contenuto .bwg-standard-thumbnails .bwg-item2{position:absolute!important;inset:0;width:100%!important;height:100%!important;margin:0!important}
.contenuto .bwg-standard-thumbnails .bwg-item2 img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0;transition:transform .35s ease}
.contenuto .bwg-standard-thumbnails .bwg-item2 img[src*="ytimg.com"]{transform:scale(1.2)}
.contenuto .bwg-standard-thumbnails a:hover .bwg-item2 img,.contenuto .bwg-standard-thumbnails a:focus-visible .bwg-item2 img{transform:scale(1.05)}
.contenuto .bwg-standard-thumbnails a:hover .bwg-item2 img[src*="ytimg.com"],.contenuto .bwg-standard-thumbnails a:focus-visible .bwg-item2 img[src*="ytimg.com"]{transform:scale(1.26)}
.contenuto .bwg-standard-thumbnails .bwg-play-icon1{position:absolute!important;inset:0;transform:none!important;z-index:1!important;flex-direction:row!important;display:flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important;padding:0!important;background:linear-gradient(to top,rgba(22,21,19,.6),rgba(22,21,19,0) 55%)}
.contenuto .bwg-standard-thumbnails .bwg-play-icon2{display:flex!important;align-items:center;justify-content:center;width:58px;height:58px;padding:0 0 0 4px!important;border-radius:50%;background:var(--rosso);color:#fff!important;font-size:22px!important;position:static!important}
.contenuto .bwg-standard-thumbnails .foto-titolo{position:absolute;left:14px;right:40px;bottom:10px;z-index:2;color:#fff;font-family:var(--titoli);font-weight:700;font-size:1rem;line-height:1.2;pointer-events:none}
@media (max-width:560px){.contenuto .bwg-standard-thumbnails{grid-template-columns:1fr 1fr;gap:6px}.contenuto .bwg-standard-thumbnails .bwg-play-icon2{width:44px;height:44px;font-size:17px!important}.contenuto .bwg-standard-thumbnails .foto-titolo{font-size:.85rem;left:9px;right:16px;bottom:7px}}
@media (prefers-reduced-motion:reduce){.contenuto .bwg-standard-thumbnails .bwg-item2 img{transition:none}}

/* Pagina "Come donare": le schede stanno su fondo chiaro */
.dona--pagina{margin-bottom:36px}
.dona--pagina .dona__scheda{border:1px solid var(--linea)}
.dona--pagina .dona__scheda h3{margin-top:0}
