/* ================================================================= anteprima "Panda"
   Serie di colori scelta nel redesign (bianco, nero, verde WWF #006e3b) e forme piu' asciutte:
   angoli da 4 px, pulsanti rettangolari. Si accende solo nel browser di chi apre il sito con
   ?anteprima=panda (e si spegne con ?anteprima=no): lo script in testa al documento mette
   data-wt-anteprima sull'html. Quando va in linea per tutti, questi valori passano in :root
   e il tema scuro si toglie. */
html[data-wt-anteprima="panda"] {
  --wt-fondo: #fff;
  --wt-fondo-forte: #f4f4f2;
  --wt-superficie: #f4f4f2;
  --wt-superficie-alta: #fff;
  --wt-bordo: rgba(0, 0, 0, .18);
  --wt-bordo-forte: rgba(0, 0, 0, .5);
  --wt-griglia: rgba(0, 0, 0, .12);
  --wt-testo: #111;
  --wt-forte: #000;
  --wt-tenue: #4d5550;
  --wt-inverso: #fff;
  --wt-velo: rgba(0, 0, 0, .04);
  --wt-accento: #006e3b;         /* verde WWF: link, occhielli, marcatori */
  --wt-accento-tenue: #006e3b;
  --wt-accento-pieno: #111;      /* pulsanti neri */
  --wt-accento-scuro: #006e3b;   /* al passaggio del mouse diventano verdi */
  --wt-raggio: 4px;
}
html[data-wt-anteprima="panda"] .wt-menu-tema { display: none !important; }
html[data-wt-anteprima="panda"] #top-menu > li.wt-menu-dona > a,
html[data-wt-anteprima="panda"] body #page-container .et_pb_section .et_pb_button,
html[data-wt-anteprima="panda"] .wt-pulsante,
html[data-wt-anteprima="panda"] .wpcf7 input[type="submit"],
html[data-wt-anteprima="panda"] #main-content .et_pb_team_member_image img,
html[data-wt-anteprima="panda"] body #page-container #main-content .et_pb_team_member .et_pb_team_member_image,
html[data-wt-anteprima="panda"] .wt-punti-filtri button,
html[data-wt-anteprima="panda"] .tribe-events .tribe-events-c-subscribe-dropdown__button,
html[data-wt-anteprima="panda"] .tribe-common .tribe-common-c-btn,
html[data-wt-anteprima="panda"] .wt-ms-linguette button,
html[data-wt-anteprima="panda"] .wwftaa-com-indice a,
html[data-wt-anteprima="panda"] .wwftaa-com-indice button,
html[data-wt-anteprima="panda"] .wt-bib-filtri button,
html[data-wt-anteprima="panda"] .wt-tappa-etichetta,
html[data-wt-anteprima="panda"] .wt-bib-cerca input { border-radius: var(--wt-raggio) !important; }
html[data-wt-anteprima="panda"] .tribe-common, html[data-wt-anteprima="panda"] .tribe-events, html[data-wt-anteprima="panda"] .tribe-events-single {
  --tec-color-accent-primary: #111; --tec-color-accent-primary-hover: #006e3b; --tec-color-link-accent: #006e3b; --tec-color-link-accent-hover: #004d29;
}
html[data-wt-anteprima="panda"] .tribe-common .tribe-common-c-btn, html[data-wt-anteprima="panda"] .tribe-common a.tribe-common-c-btn { background-color: var(--wt-accento-pieno) !important; }
html[data-wt-anteprima="panda"] .tribe-common .tribe-common-c-btn:hover { background-color: var(--wt-accento-scuro) !important; }

/* ----- anteprima "Panda", seconda parte: caratteri e impianto del redesign -----
   Titoli in maiuscolo nel carattere WWF, testo in Figtree, testata con una foto sola a tutta
   larghezza e titolo sopra, sezioni con il titolo a sinistra e il testo a destra separate da filetti. */
@font-face { font-family: "WWF"; src: url("fonts/WWF-Regular.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("fonts/figtree-latin.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("fonts/figtree-latin-corsivo.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: swap; }

html[data-wt-anteprima="panda"] body, html[data-wt-anteprima="panda"] input, html[data-wt-anteprima="panda"] button,
html[data-wt-anteprima="panda"] select, html[data-wt-anteprima="panda"] textarea, html[data-wt-anteprima="panda"] h4,
html[data-wt-anteprima="panda"] h5, html[data-wt-anteprima="panda"] h6, html[data-wt-anteprima="panda"] #top-menu a,
html[data-wt-anteprima="panda"] .et_mobile_menu a, html[data-wt-anteprima="panda"] body #page-container .et_pb_button {
  font-family: "Figtree", system-ui, sans-serif !important;
}
html[data-wt-anteprima="panda"] .tribe-common, html[data-wt-anteprima="panda"] .tribe-events, html[data-wt-anteprima="panda"] .tribe-events-single {
  --tec-font-family-sans-serif: "Figtree", system-ui, sans-serif; font-family: "Figtree", system-ui, sans-serif;
}
html[data-wt-anteprima="panda"] h1, html[data-wt-anteprima="panda"] h2,
html[data-wt-anteprima="panda"] .wt-titolo, html[data-wt-anteprima="panda"] .wt-occhiello {
  font-family: "WWF", "Oswald", "Figtree", sans-serif !important; text-transform: uppercase; letter-spacing: 0 !important; font-weight: 600;
}
html[data-wt-anteprima="panda"] #main-content .et_pb_text h1,
html[data-wt-anteprima="panda"] .wwftaa-band .wwftaa-title h1 { font-size: clamp(40px, 6vw, 84px) !important; line-height: .98; }
html[data-wt-anteprima="panda"] .home .et_pb_fullwidth_header .header-content h1 { font-size: clamp(44px, 7vw, 96px) !important; line-height: .96; }
html[data-wt-anteprima="panda"] #main-content .et_pb_text h2,
html[data-wt-anteprima="panda"] #main-content .et_pb_text h2.wt-titolo, html[data-wt-anteprima="panda"] .wt-titolo { font-size: clamp(28px, 3vw, 40px) !important; line-height: 1.05; }
html[data-wt-anteprima="panda"] #main-content .et_pb_text h2::after { display: none; }
html[data-wt-anteprima="panda"] h3 { font-family: "Figtree", system-ui, sans-serif !important; }
html[data-wt-anteprima="panda"] .wt-occhiello { font-size: 14px; letter-spacing: .1em !important; }

/* la voce "Dona ora" del menu come pulsante */
html[data-wt-anteprima="panda"] #top-menu > li:has(> a[href*="/dona-ora"]) > a {
  background: #111; color: #fff !important; padding: 10px 18px !important; border-radius: var(--wt-raggio); font-weight: 600; margin-top: -10px;
}
html[data-wt-anteprima="panda"] #top-menu > li:has(> a[href*="/dona-ora"]) > a:hover { background: #006e3b; opacity: 1 !important; }

/* elenchi a righe, con il quadratino verde */
html[data-wt-anteprima="panda"] #main-content .et_pb_text_inner > ul:not([class]) { list-style: none; padding-left: 0; border-bottom: 1px solid var(--wt-bordo); padding-bottom: 0; margin-bottom: 1.1em; }
html[data-wt-anteprima="panda"] #main-content .et_pb_text_inner > ul:not([class]) > li { position: relative; margin: 0; padding: 12px 0 12px 22px; border-top: 1px solid var(--wt-bordo); }
html[data-wt-anteprima="panda"] #main-content .et_pb_text_inner > ul:not([class]) > li::before { content: ""; position: absolute; left: 0; top: 21px; width: 8px; height: 8px; border-radius: 2px; background: var(--wt-accento); }

/* ---------------------------------------------------------------- misure comuni
   Il redesign lavora su una colonna di 1240 px con margini laterali elastici. */
html[data-wt-anteprima="panda"] { --wt-margine: clamp(20px, 5vw, 72px); --wt-colonna: min(1096px, calc(100% - 2 * var(--wt-margine))); }
html[data-wt-anteprima="panda"] body { background: var(--wt-fondo); }
html[data-wt-anteprima="panda"] #page-container { overflow-x: clip; }
html[data-wt-anteprima="panda"] #page-container #main-content .et_pb_row:not(.et_pb_gutters1), html[data-wt-anteprima="panda"] .wt-footer-esterno > .wt-footer { width: var(--wt-colonna); max-width: none; }
html[data-wt-anteprima="panda"] #main-header .container { width: var(--wt-colonna); max-width: none; }

/* barra: voci in minuscolo, nome dell'associazione accanto al panda quando c'e' spazio */
html[data-wt-anteprima="panda"] #top-menu > li > a { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 500; }
html[data-wt-anteprima="panda"] #top-menu > li > a::first-letter, html[data-wt-anteprima="panda"] #top-menu li ul.sub-menu li a::first-letter { text-transform: uppercase; }
html[data-wt-anteprima="panda"] #top-menu > li { padding-right: 18px; }
html[data-wt-anteprima="panda"] #top-menu .menu-item-has-children > a:first-child { padding-right: 0; }
html[data-wt-anteprima="panda"] #top-menu > .menu-item-has-children > a:first-child::after { display: none; }
html[data-wt-anteprima="panda"] #top-menu > li.menu-item-has-children > a::before { right: 0; }
@media (min-width: 1280px) {
  html[data-wt-anteprima="panda"] .logo_container a::after {
    content: "WWF Trentino Alto Adige \00b7  S\00fc dtirol"; display: inline-block; vertical-align: middle; margin-left: 12px;
    font-family: "WWF", "Oswald", sans-serif; font-size: 18px; letter-spacing: .04em; text-transform: uppercase; color: #000; white-space: nowrap;
  }
}

/* ------------------------------------------------------------------- testate
   Il tipo arriva dalla classe del body (wwftaa-grafica.php): wt-t-semplice, wt-t-foto, wt-t-hero.
   Righe Divi della prima sezione: 1 fascia di foto, 2 briciola, 3 titolo, 4 sommario (se c'e'). */
html[data-wt-anteprima="panda"] body[class*="wt-t-"] #main-content .et_pb_section:first-child { padding-top: 0 !important; }
html[data-wt-anteprima="panda"] body[class*="wt-t-"] #main-content .et_pb_section:first-child > .et_pb_row:nth-child(2) { border: 0 !important; padding: 0 !important; }
html[data-wt-anteprima="panda"] body[class*="wt-t-"] #main-content .et_pb_section:first-child > .et_pb_row:nth-child(2) p {
  font-family: "WWF", "Oswald", sans-serif !important; font-size: 14px !important; line-height: 1.4; letter-spacing: .1em !important; text-transform: uppercase;
  font-weight: 600; color: var(--wt-accento) !important; padding: 0 !important; margin: 0 0 16px;
}
html[data-wt-anteprima="panda"] body[class*="wt-t-"] #main-content .et_pb_section:first-child > .et_pb_row:nth-child(2) p strong { font-weight: inherit; color: inherit; }
html[data-wt-anteprima="panda"] body[class*="wt-t-"] #main-content .et_pb_section:first-child > .et_pb_row:nth-child(2) .fa-home { display: none; }
html[data-wt-anteprima="panda"] body[class*="wt-t-"] #main-content .et_pb_section:first-child > .et_pb_row:nth-child(3) { padding: 0 !important; }
html[data-wt-anteprima="panda"] body[class*="wt-t-"] #main-content .et_pb_section:first-child > .et_pb_row:nth-child(3) .et_pb_module { margin-bottom: 0 !important; }
html[data-wt-anteprima="panda"] body[class*="wt-t-"] #main-content .et_pb_section:first-child > .et_pb_row:nth-child(4):has(> .et_pb_column:only-child > .et_pb_module:only-child p.lead) { padding: 24px 0 0 !important; }
html[data-wt-anteprima="panda"] body[class*="wt-t-"] #main-content .et_pb_section:first-child > .et_pb_row:nth-child(4) p.lead { font-size: 20px; line-height: 32px; max-width: 60ch; color: var(--wt-tenue); padding: 0; }

/* semplice: niente foto, occhiello, titolo, sommario */
html[data-wt-anteprima="panda"] body.wt-t-semplice #main-content .et_pb_section:first-child > .et_pb_row.et_pb_gutters1:first-child { display: none; }
html[data-wt-anteprima="panda"] body.wt-t-semplice #main-content .et_pb_section:first-child > .et_pb_row:nth-child(2),
html[data-wt-anteprima="panda"] body.wt-t-foto #main-content .et_pb_section:first-child > .et_pb_row:nth-child(2) { margin-top: 72px; }
html[data-wt-anteprima="panda"] body.wt-t-semplice #main-content .et_pb_section:first-child > .et_pb_row:nth-child(3),
html[data-wt-anteprima="panda"] body.wt-t-foto #main-content .et_pb_section:first-child > .et_pb_row:nth-child(3) { margin-bottom: 40px; }
html[data-wt-anteprima="panda"] body.wt-t-semplice #main-content .et_pb_section:first-child > .et_pb_row:nth-child(4):has(> .et_pb_column:only-child > .et_pb_module:only-child p.lead),
html[data-wt-anteprima="panda"] body.wt-t-foto #main-content .et_pb_section:first-child > .et_pb_row:nth-child(4):has(> .et_pb_column:only-child > .et_pb_module:only-child p.lead) { margin-top: -40px; margin-bottom: 40px; }

/* foto: come la semplice, poi una foto larga con gli angoli arrotondati */
html[data-wt-anteprima="panda"] body.wt-t-foto #main-content .et_pb_section:first-child { display: flex; flex-direction: column; }
html[data-wt-anteprima="panda"] body.wt-t-foto #main-content .et_pb_section:first-child > .et_pb_row { margin-left: auto; margin-right: auto; }
html[data-wt-anteprima="panda"] body.wt-t-foto #main-content .et_pb_section:first-child > .et_pb_row:nth-child(2) { order: -3; }
html[data-wt-anteprima="panda"] body.wt-t-foto #main-content .et_pb_section:first-child > .et_pb_row:nth-child(3) { order: -2; }
html[data-wt-anteprima="panda"] body.wt-t-foto #main-content .et_pb_section:first-child > .et_pb_row:nth-child(4):has(> .et_pb_column:only-child > .et_pb_module:only-child p.lead) { order: -1; }
html[data-wt-anteprima="panda"] body.wt-t-foto #main-content .et_pb_section:first-child > .et_pb_row.et_pb_gutters1:first-child {
  width: var(--wt-colonna) !important; max-width: none !important; aspect-ratio: 24 / 8; position: relative; overflow: hidden; border-radius: 12px;
  padding: 0 !important; margin-top: 8px; margin-bottom: 16px; display: block;
}

/* hero: una foto a tutta larghezza, occhiello, titolo e sommario sopra, in basso */
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_section:first-child { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: clamp(120px, 26vh, 300px) auto auto auto 48px; }
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_section:first-child > .et_pb_row { grid-column: 1; position: relative; }
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_section:first-child > .et_pb_row.et_pb_gutters1:first-child {
  grid-row: 1 / 6; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; overflow: hidden; display: block; z-index: 0;
}
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_section:first-child > .et_pb_row.et_pb_gutters1:first-child::after {
  content: ""; position: absolute; inset: 0; visibility: visible; display: block; width: auto; height: auto; z-index: 3; pointer-events: none;
  background: linear-gradient(180deg, rgba(32, 30, 29, .15) 0%, rgba(32, 30, 29, .82) 100%);
}
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_section:first-child > .et_pb_row:nth-child(2) { grid-row: 2; z-index: 1; }
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_section:first-child > .et_pb_row:nth-child(2) p { color: #fff !important; }
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_section:first-child > .et_pb_row:nth-child(3) { grid-row: 3; z-index: 1; --wt-forte: #fff; --wt-testo: #fff; }
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_section:first-child > .et_pb_row:nth-child(4):has(> .et_pb_column:only-child > .et_pb_module:only-child p.lead) { grid-row: 4; z-index: 1; --wt-tenue: rgba(255, 255, 255, .92); }
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_section:first-child > .et_pb_row:nth-child(5) { margin-top: 40px; }

/* la foto della fascia, per hero e foto: solo la prima, a riempire */
html[data-wt-anteprima="panda"] body:is(.wt-t-hero, .wt-t-foto) #main-content .et_pb_section:first-child > .et_pb_row.et_pb_gutters1:first-child > .et_pb_column:not(:first-child) { display: none; }
html[data-wt-anteprima="panda"] body:is(.wt-t-hero, .wt-t-foto) #main-content .et_pb_section:first-child > .et_pb_row.et_pb_gutters1:first-child > .et_pb_column:first-child { position: absolute; inset: 0; width: 100% !important; margin: 0 !important; }
html[data-wt-anteprima="panda"] body:is(.wt-t-hero, .wt-t-foto) #main-content .et_pb_section:first-child > .et_pb_row.et_pb_gutters1:first-child :is(.et_pb_image, .et_pb_image_wrap, img) { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; margin: 0; }

/* ------------------------------------------------------------------ sezioni
   titolo a sinistra, testo a destra, un filetto sopra ogni titolo */
@media (min-width: 981px) {
  html[data-wt-anteprima="panda"] #main-content .et_pb_column_4_4 > .et_pb_text > .et_pb_text_inner:has(> h2) { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
  html[data-wt-anteprima="panda"] #main-content .et_pb_column_4_4 > .et_pb_text > .et_pb_text_inner:has(> h2) > * { grid-column: 2; }
  html[data-wt-anteprima="panda"] #main-content .et_pb_column_4_4 > .et_pb_text > .et_pb_text_inner:has(> h2) > *:not(h2):not(h2 ~ *) { grid-column: 1 / -1; }
  html[data-wt-anteprima="panda"] #main-content .et_pb_column_4_4 > .et_pb_text > .et_pb_text_inner:has(> h2) > h2 { grid-column: 1; margin: 56px 0 0 !important; padding: 56px clamp(24px, 4vw, 72px) 0 0; border-top: 1px solid var(--wt-bordo); }
  html[data-wt-anteprima="panda"] #main-content .et_pb_column_4_4 > .et_pb_text > .et_pb_text_inner:has(> h2) > h2 + * { margin-top: 56px; padding-top: 60px; border-top: 1px solid var(--wt-bordo); }
  html[data-wt-anteprima="panda"] #main-content .et_pb_column_4_4 > .et_pb_text > .et_pb_text_inner:has(> h2) > h2:first-child { margin-top: 0 !important; }
  html[data-wt-anteprima="panda"] #main-content .et_pb_column_4_4 > .et_pb_text > .et_pb_text_inner:has(> h2) > h2:first-child + * { margin-top: 0; }
}
html[data-wt-anteprima="panda"] #main-content .et_pb_text_inner > p, html[data-wt-anteprima="panda"] #main-content .et_pb_text_inner > ul, html[data-wt-anteprima="panda"] #main-content .et_pb_text_inner > ol { font-size: 17px; line-height: 28px; }

/* galleria delle pagine con copertina: fascia nera a tutta larghezza */
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_row:has(> .et_pb_column > .et_pb_gallery) {
  padding: 64px 0 40px !important; margin-top: 56px; --wt-tenue: rgba(255, 255, 255, .9); --wt-forte: #fff; --wt-testo: #fff;
  background: #111; box-shadow: 0 0 0 100vmax #111; clip-path: inset(0 -100vmax);
}
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_row > .et_pb_column:has(> .et_pb_gallery)::before {
  content: "Immagini"; display: block; font-family: "WWF", "Oswald", sans-serif; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; color: #d0e6d8; margin-bottom: 16px;
}
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_row > .et_pb_column > .et_pb_gallery::before {
  content: "Fotogallery"; display: block; font-family: "WWF", "Oswald", sans-serif; font-size: clamp(28px, 3vw, 40px); line-height: 1.05; text-transform: uppercase; color: #fff; margin-bottom: 28px;
}
html[data-wt-anteprima="panda"] body.wt-t-hero #main-content .et_pb_gallery .et_pb_gallery_title { color: #fff; font-family: "Figtree", system-ui, sans-serif !important; font-size: 13px; line-height: 19px; font-weight: 400; text-transform: none; }

/* persone del consiglio */
html[data-wt-anteprima="panda"] #main-content .et_pb_team_member h4 { font-family: "WWF", "Oswald", sans-serif !important; text-transform: uppercase; font-size: 20px; line-height: 1.1; font-weight: 600; }

/* ------------------------------------------------------------ pie' di pagina */
html[data-wt-anteprima="panda"] #main-footer, html[data-wt-anteprima="panda"] .wt-footer-esterno { background: var(--wt-fondo); }
html[data-wt-anteprima="panda"] .wt-footer-esterno { padding: 0 0 56px; }
html[data-wt-anteprima="panda"] .wt-footer { font-size: 14.5px; line-height: 24px; color: #2b302d; }
html[data-wt-anteprima="panda"] .wt-footer { border-top: 1px solid var(--wt-bordo); padding-top: 48px; }
html[data-wt-anteprima="panda"] .wt-footer-esterno > .wt-footer { margin-top: 56px; }
html[data-wt-anteprima="panda"] #main-content .et_pb_section:has(.wt-footer) { background-color: var(--wt-fondo) !important; padding: 56px 0 56px !important; }
html[data-wt-anteprima="panda"] #main-content .et_pb_section:has(.wt-footer) > .et_pb_row { padding: 0 !important; }
html[data-wt-anteprima="panda"] .wt-footer-griglia { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px clamp(20px, 3vw, 48px); }
html[data-wt-anteprima="panda"] .wt-footer h3 { font-family: "WWF", "Oswald", sans-serif !important; font-size: 17px; line-height: 24px; letter-spacing: 0; font-weight: 600; margin: 0 0 8px; }
html[data-wt-anteprima="panda"] .wt-footer a { color: var(--wt-accento) !important; }
html[data-wt-anteprima="panda"] .wt-footer-social .fa { display: none; }
html[data-wt-anteprima="panda"] .wt-footer-chiusura { border-top: 0; margin-top: 48px; padding-top: 0; justify-content: flex-start; color: #4d5550; }
@media (max-width: 900px) { html[data-wt-anteprima="panda"] .wt-footer-griglia { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { html[data-wt-anteprima="panda"] .wt-footer-griglia { grid-template-columns: 1fr; } }

/* titoletti della colonna laterale e delle fisarmoniche: restano piccoli, in Figtree */
html[data-wt-anteprima="panda"] #main-content .wt-colonna-fissa .et_pb_text h2, html[data-wt-anteprima="panda"] #main-content .et_pb_toggle :is(h1, h2, h3, h4, h5) {
  font-family: "Figtree", system-ui, sans-serif !important; font-size: 13px !important; line-height: 1.4; letter-spacing: .12em !important; font-weight: 700;
}
html[data-wt-anteprima="panda"] #main-content .et_pb_toggle :is(h1, h2, h3, h4, h5) { font-size: 17px !important; letter-spacing: 0 !important; text-transform: none; font-weight: 600; }
html[data-wt-anteprima="panda"] .wt-doc-sezione h2::after { display: none; }