/* Novità e Privacy: intestazione interna allineata al contenitore dei contenuti. */
body.page-id-797 main .wp-page-content > .wrap.page-heading,
body.page-id-3 main .wp-page-content > .wrap.page-heading {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}
/* Rimosse le piste e le vias decorative; il reticolo puntinato resta visibile e interattivo. */
.circuit { display: none !important; }

/* Margini laterali uniformi sui contenuti mobile */
@media (max-width: 600px) {
  main > .wrap:not(.page-heading):not(.home-stage):not(.home-entry),
  main > .page-content,
  main > .wrap.home-entry-unified {
    width: calc(100% - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Menu mobile a schermo intero, sotto l’intestazione */
@media (max-width: 600px) {
  body:has(#primary-nav.is-open) { overflow: hidden; }
  header { z-index: 100 !important; }
  header .header { position: relative; }
  .menu-toggle { position: relative; z-index: 102; }

  #primary-nav.is-open {
    position: fixed !important;
    inset: 66px 0 0 !important;
    width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 22px clamp(24px, 8vw, 36px) max(28px, env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    background: #f4f0e7 !important;
    opacity: 1 !important;
    border-top: 1px solid rgba(130, 98, 31, .22) !important;
    border-radius: 0 !important;
    box-shadow: 0 18px 34px rgba(48, 45, 39, .14) !important;
    animation: progelec-menu-in .24s ease-out both;
  }

  #primary-nav.is-open > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 60px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 14px 2px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(130, 98, 31, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #82621f !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
  #primary-nav.is-open > a:not(.button)::after {
    content: '↗';
    margin-left: auto;
    color: #82621f;
    font-size: 15px;
    opacity: .65;
  }
  #primary-nav.is-open > a[aria-current='page'] {
    color: #302d27 !important;
    border-bottom-color: rgba(130, 98, 31, .48) !important;
  }
  #primary-nav.is-open > a.button {
    align-self: flex-start !important;
    width: auto !important;
    min-height: 48px !important;
    justify-content: center !important;
    margin-top: 24px !important;
    padding: 12px 22px !important;
    border: 1px solid #82621f !important;
    border-radius: 999px !important;
    background: #82621f !important;
    color: #fff !important;
  }
  .menu-toggle[aria-expanded='true'] span {
    display: inline-block;
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
}
@keyframes progelec-menu-in {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #primary-nav.is-open { animation: none !important; }
}


@media (max-width: 600px) {
  #primary-nav.is-open {
    top: 64px !important;
    bottom: auto !important;
    height: calc(100vh - 64px) !important;
    height: calc(100dvh - 64px) !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: min-content !important;
    align-content: start !important;
  }
  #primary-nav.is-open > a { grid-column: 1 !important; width: 100% !important; }
}

@media (max-width: 600px) {
  #primary-nav.is-open > a:not(.button)::after {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
  }
}


/* Filtri portfolio: i sottogruppi residenziali compaiono selezionando la categoria */
.filter-bar button[data-filter="ville"],
.filter-bar button[data-filter="condominio"] { display: none !important; }
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="condominio"],
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="condominio"],
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="condominio"] { display: inline-flex !important; }
.filter-bar button[data-filter="all"] { order: 0; }
.filter-bar button[data-filter="Residenziale"] { order: 1; }
.filter-bar button[data-filter="ville"] { order: 2; }
.filter-bar button[data-filter="condominio"] { order: 3; }
.filter-bar button[data-filter="Sport"] { order: 4; }
.filter-bar button[data-filter="protezione-civile"] { order: 5; }
.filter-bar button[data-filter="ristorazione"] { order: 6; }
.filter-bar button[data-filter="cafe"] { order: 7; }
.filter-bar button[data-filter="hotellerie"] { order: 8; }
.filter-bar button[data-filter="turismo"] { order: 9; }
.filter-bar > span { order: 10; }
.filter-bar button[data-filter="Residenziale"]::after { content: "+"; margin-left: 8px; color: inherit; }
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="Residenziale"]::after,
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="Residenziale"]::after,
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="Residenziale"]::after { content: "−"; }
.filter-bar button[data-filter="ville"],
.filter-bar button[data-filter="condominio"] { margin-left: 8px; border-style: dashed !important; background: rgba(255,253,247,.9) !important; }
.filter-bar button[data-filter="ville"]::before,
.filter-bar button[data-filter="condominio"]::before { content: "↳"; margin-right: 6px; color: #82621f; }


/* I filtri a comparsa seguono la gerarchia delle categorie Portfolio in WordPress. */
.filter-bar:has(button[aria-expanded]) button[data-filter-parent][hidden] { display: none !important; }
.filter-bar button[data-filter-parent]:not([hidden]) { display: inline-flex !important; margin-left: 9px; border-style: dashed !important; background: rgba(255,253,247,.9) !important; }
.filter-bar button[data-filter-parent]:not([hidden])::before { content: "↳"; margin-right: 6px; color: #82621f; }
.filter-bar button[data-filter-depth="2"] { margin-left: 20px !important; }
.filter-bar .filter-disclosure { margin-left: 8px; color: inherit; }

/* Ordine coerente con i gruppi e le sottocategorie del Portfolio. */
.filter-bar button[data-filter="all"] { order: 0; }
.filter-bar button[data-filter="residenziale"] { order: 1; }
.filter-bar button[data-filter="condominio"] { order: 2; }
.filter-bar button[data-filter="ville"] { order: 3; }
.filter-bar button[data-filter="sport"] { order: 4; }
.filter-bar button[data-filter="protezione-civile"] { order: 5; }
.filter-bar button[data-filter="turismo"] { order: 6; }
.filter-bar button[data-filter="restaurant"] { order: 7; }
.filter-bar > span { order: 20; }


/* Progelec: controlli compatti, link leggibili e superfici arrotondate. */
a {
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  font-variant-emoji: text;
}
a:hover, a:focus-visible {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #39342a !important;
  border-radius: 4px;
  box-shadow: 0 0 0 3px #39342a;
}
.button, button, input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  border-radius: 10px;
}
.button, .filter-bar button, .menu-toggle, input[type="submit"], button[type="submit"] {
  padding: 6px 11px !important;
  min-height: 34px;
  font-size: 12px !important;
}
.filter-bar button { border-radius: 999px !important; }
.slide-controls button { width: 36px !important; height: 34px !important; padding: 0 !important; border-radius: 50% !important; }
.button:hover, button:hover, input[type="submit"]:hover {
  color: #fff !important;
  background-color: #39342a !important;
  border-color: #39342a !important;
}
/* Mantieni una sola freccia obliqua: gli eventuali simboli già nel testo restano testo, senza doppioni o glifi emoji. */
.button::after { content: none !important; }
.button, .button * { font-variant-emoji: text; }
.showcase-top a {
  color: #fff !important;
  background: rgba(45, 42, 35, .88);
  border-radius: 5px;
  padding: 4px 8px;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.project-slide figcaption, .project-slide figcaption small, .project-slide figcaption a {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.7);
}
.project-slide figcaption a { text-decoration: underline !important; }
.project-slide figcaption a:hover { text-decoration: none !important; }
/* Nei progetti le informazioni stanno sulla copertina, su un fondale sfumato ad alto contrasto. */
.project-card { position: relative; overflow: hidden; isolation: isolate; }
.project-card .portfolio-cover { display: block; height: 100%; }
.project-card .portfolio-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.project-card .project-info {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  padding: 34px 18px 16px !important;
  color: #fff !important;
  background: linear-gradient(0deg, rgba(22,21,18,.94) 0%, rgba(22,21,18,.78) 58%, rgba(22,21,18,0) 100%);
}
.project-card .project-info .label,
.project-card .project-info small,
.project-card .project-info h2,
.project-card .project-info p { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.65); }
.project-card .project-info h2 { margin: 5px 0 8px !important; }
.project-card .project-info p { margin: 0 0 8px !important; }
.project-card .project-info a { color: #f3d77f !important; text-decoration: underline !important; }
.project-card .project-info a:hover { color: #fff !important; text-decoration: none !important; }
@media (min-width: 851px) {
  .project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 850px) {
  .button, .filter-bar button, .menu-toggle, input[type="submit"], button[type="submit"] { padding: 6px 10px !important; min-height: 32px; font-size: 11.5px !important; }
  .project-card .project-info { padding: 28px 14px 13px !important; }
}

/* Freccia singola in stile testo, mai in versione emoji. */
.button::after { content: "↗︎" !important; font-variant-emoji: text; font-size: .9em; }

/* Il riquadro “Come collaboriamo” e le schede mantengono angoli morbidi. */
.entry-card, .home-entry-unified > a { border: 1px solid rgba(141,115,58,.2); border-radius: 18px !important; overflow: hidden; }
/* Rifinitura interazioni: pulsanti senza maschera scura, testo bianco sui box. */a.button:hover, .button:hover, button:hover, input[type=submit]:hover, .wp-block-button__link:hover {  color: #fff !important;  background-color: transparent !important;  border-color: #8d733a !important;  box-shadow: none !important;}.entry-card:hover, .home-entry-unified > a:hover {  background-color: #39342a !important;  box-shadow: 0 0 0 3px #39342a !important;}.entry-card:hover *, .home-entry-unified > a:hover * { color: #fff !important; }/* Menu: niente sottolineature; evidenza della pagina corrente mantenuta scura. */header nav a, .site-header nav a, .main-navigation a, .primary-navigation a, header .menu a {  text-decoration: none !important;}header nav a:hover, .site-header nav a:hover, .main-navigation a:hover, .primary-navigation a:hover, header .menu a:hover {  color: #39342a !important;  background: transparent !important;  box-shadow: none !important;}header nav .current-menu-item > a, header nav .current_page_item > a, .site-header .current-menu-item > a, .site-header .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a {  color: #39342a !important;  text-decoration: none !important;}/* Avvicina l’inizio dei contenuti all’intestazione nelle pagine interne. */body:not(.home) main, body:not(.home) .site-main { padding-top: 24px !important; }body:not(.home) .page-hero, body:not(.home) .page-header, body:not(.home) .page-intro { padding-top: 12px !important; margin-top: 0 !important; }
/* Rifinitura: menu senza linee decorative e voce attiva scura; titoli pagina più vicini all’header. */#primary-nav a { text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; }#primary-nav a:hover { color: #39342a !important; background: transparent !important; box-shadow: none !important; }#primary-nav .current-menu-item > a, #primary-nav .current_page_item > a { color: #39342a !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important; }#primary-nav .current-menu-item > a::after, #primary-nav .current_page_item > a::after { content: none !important; display: none !important; }body:not(.home) main, body:not(.home) .site-main { padding-top: 0 !important; }body:not(.home) .page-heading { padding-top: clamp(26px, 3.2vw, 44px) !important; }@media (max-width: 600px) { body:not(.home) .page-heading { padding-top: 24px !important; } }
/* Nessuna barretta sotto la voce attiva: resta solo il colore scuro. */#primary-nav .progelec-nav .current-menu-item > a::after, #primary-nav .progelec-nav .current_page_item > a::after { content: none !important; display: none !important; }#primary-nav .progelec-nav .current-menu-item > a, #primary-nav .progelec-nav .current_page_item > a { color: #39342a !important; }
#primary-nav a[aria-current=page]::after { content: none !important; display: none !important; }#primary-nav a[aria-current=page] { color: #39342a !important; text-decoration: none !important; }a.button:hover, .button:hover, button:hover, input[type=submit]:hover, .wp-block-button__link:hover { color: #fff !important; background-color: #806529 !important; border-color: #806529 !important; box-shadow: none !important; }
/* Margine verticale compatto sulle intestazioni interne, anche su mobile. */body:not(.home) .page-heading { padding-top: 18px !important; }@media (max-width: 600px) { body:not(.home) .page-heading { padding-top: 14px !important; } }
/* Niente maschere scure su link e immagini; i box mantengono il proprio hover. */a:hover { background-color: transparent !important; background-image: none !important; box-shadow: none !important; }.entry-card:hover, .home-entry-unified > a:hover { background-color: #39342a !important; background-image: none !important; box-shadow: 0 0 0 3px #39342a !important; }.entry-card:hover *, .home-entry-unified > a:hover * { color: #fff !important; }.ambiti-grid > a:hover { background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,253,247,.46)) !important; }.filter-bar button:hover:not(.active) { background: #806529 !important; color: #fff !important; border-color: #806529 !important; }.photo-open:hover { background-color: transparent !important; box-shadow: none !important; }
/* Progetti in evidenza: rimuove il fondale nero dalla didascalia e dal link. */.project-showcase .project-slide figcaption { background: transparent !important; color: #fff !important; text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.75) !important; }.project-showcase .project-slide figcaption small, .project-showcase .project-slide figcaption a { color: #fff !important; text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.75) !important; }.project-showcase .showcase-top a, .project-showcase .showcase-top a:hover { background: transparent !important; background-image: none !important; box-shadow: none !important; padding: 0 !important; color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,.9) !important; }
/* Home: ogni card è un unico link sull'intera box; i testi interni non sono sottolineati. */.home-entry-unified > a.entry-card,.home-entry-unified > a.entry-studio,.home-entry-unified > a.entry-card *,.home-entry-unified > a.entry-studio * {  text-decoration: none !important;}.home-entry-unified > a.entry-card,.home-entry-unified > a.entry-studio { cursor: pointer; }

/* Studio e team: l'intera scheda è un link; i contenuti interni restano senza sottolineatura. */
.studio-ambiti .ambiti-grid > a,
.studio-ambiti .ambiti-grid > a * { text-decoration: none !important; }
.studio-ambiti .ambiti-grid > a { cursor: pointer; }

/* Mantiene costante il raggio delle box e dei pulsanti al passaggio del mouse. */
a.button:hover,.button:hover{border-radius:10px!important}
.entry-card:hover,.entry-studio:hover,.home-entry-unified>a:hover,.studio-ambiti .ambiti-grid>a:hover,.ambiti-grid>a:hover,.network-card:hover{border-radius:18px!important}
.project-card .portfolio-cover:hover{border-radius:19px!important}
/* Logo SVG aggiornato solo nel piè di pagina: intestazione invariata. */footer .footer-logo { content: url("studiobarbatti-logo-wt-pg.webp") !important; filter: brightness(0) invert(1) !important; object-fit: contain; }/* Ripristina il footer scuro lasciando trasparente il riquadro interno. */footer { background: linear-gradient(122deg,#282722,#34312b 62%,#1d2021) !important; color: rgba(248,244,234,.78) !important; }footer .footer-grid { background: transparent !important; color: rgba(248,244,234,.78) !important; }footer .footer-grid strong { color: #e9ce82 !important; }footer .footer-grid p, footer .footer-grid a, footer .footer-bottom { color: rgba(248,244,234,.78) !important; }footer .footer-grid a:hover { color: #f3d77f !important; }/* Align the expandable service cards with their inset copy */.service-body > .role-comparison,.service-body > .pv-grid { margin-left: 70px; margin-right: 42px; }@media (max-width: 600px) {  .service-body > .role-comparison,  .service-body > .pv-grid { margin-left: 44px; margin-right: 8px; }

}

/* Contrasto dei testi sovrapposti alle copertine portfolio */
.project-card .project-info,
.project-card .project-info :is(.label, small, h2, p, a),
.project-card .project-info a:visited {
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.88), 0 0 2px rgba(0,0,0,.72) !important;
}
.project-card .project-info a:hover,
.project-card .project-info a:focus-visible { color: #fff !important; }

/* Il comando per ripercorrere le fasi usa l’oro Progelec */
#replay-timeline { color: #b58a32 !important; border-color: #b58a32 !important; }
#replay-timeline:hover,
#replay-timeline:focus-visible { color: #fff !important; border-color: #b58a32 !important; background-color: #b58a32 !important; }


/* Rimozione definitiva delle frecce decorative da ogni link */
a.button::after,
.button::after,
#primary-nav.is-open > a:not(.button)::after {
  content: none !important;
  display: none !important;
}
/* Progelec: testi allineati, pulsanti Parliamone oro e pagina Progetti compatta */.role-comparison article h3,.role-comparison article p,.pv-grid article h3,.pv-grid article p {  text-align: left !important;  margin-left: 0 !important;  margin-right: 0 !important;}.page-cta a.button.primary {  background: var(--gold) !important;  border-color: var(--gold) !important;  color: #fff !important;}.page-cta a.button.primary:hover,.page-cta a.button.primary:focus-visible {  background: #75591c !important;  border-color: #75591c !important;  color: #fff !important;}body.page-id-14 main > .page-heading { display: none !important; }body.page-id-14 .portfolio-section { padding-top: 8px !important; }body.page-id-14 .filter-bar { margin-top: 0 !important; }.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }.team-card { display: grid; grid-template-columns: minmax(120px, 38%) 1fr; gap: 22px; align-items: center; padding: 20px; border: 1px solid rgba(141,115,58,.22); border-radius: 18px; background: rgba(255,253,247,.72); color: inherit; text-decoration: none !important; }.team-card img { width: 100%; height: 100%; max-height: 330px; object-fit: cover; border-radius: 12px; }.team-card h3 { margin: 10px 0; font-size: 22px; }.team-card p { color: var(--muted); line-height: 1.65; }.team-card .text-link { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }.team-bio-layout { display: grid; grid-template-columns: minmax(240px, .8fr) 1.2fr; gap: clamp(28px, 6vw, 80px); align-items: center; }.team-bio-portrait { width: 100%; max-width: 430px; height: auto; border-radius: 20px; box-shadow: 18px 20px 0 rgba(171,139,69,.15),0 24px 60px rgba(42,33,18,.14); }.team-bio-intro h2 { margin: 12px 0 16px; }.team-bio-intro p { line-height: 1.7; }.team-bio-details { margin-top: 44px; }.team-bio-details h2 { margin-bottom: 20px; }.team-bio-details details { padding: 8px 0; }.team-bio-details summary { padding: 12px 0; }.team-bio-details details p { margin: 12px 0 14px; }@media (max-width: 600px) {  .team-card, .team-bio-layout { grid-template-columns: 1fr; }  .team-card img, .team-bio-portrait { max-width: 100%; max-height: 380px; object-fit: cover; }  .team-bio-details { margin-top: 30px; }

}

/* Titoli delle pagine più compatti; la Home conserva la scala attuale. */
body:not(.home) main .page-heading > h1 {
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1.08 !important;
}
@media (max-width: 850px) {
  body:not(.home) main .page-heading > h1 {
    font-size: clamp(27px, 5.4vw, 38px) !important;
  }
}
@media (max-width: 600px) {
  body:not(.home) main .page-heading > h1 {
    font-size: clamp(25px, 7vw, 32px) !important;
  }
}
/* Spazio contenuto tra intestazione e filtri del portfolio */.portfolio-section { padding-top: 20px !important; }@media (max-width: 600px) { .portfolio-section { padding-top: 16px !important; } }
/* Distacco leggero sopra i filtri nella pagina Progetti */body.page-id-14 .portfolio-section { padding-top: 18px !important; }@media (max-width: 600px) { body.page-id-14 .portfolio-section { padding-top: 16px !important; } }/* Marchio StudioBarbatti nel piè di pagina in Myriad Pro Regular */body > footer a.affiliation-footer.progelec-link {  font-family: "Myriad Pro", Arial, sans-serif !important;  font-weight: 400 !important;}
/* Marchio Barbatti in Myriad Pro Regular nel footer */body > footer a.progelec-link { font-family: "Myriad Pro", Arial, sans-serif !important; font-weight: 400 !important; }
/* Solo “Barbatti” usa il peso Regular nel marchio del footer */body > footer a.progelec-link { font-size: 0 !important; font-weight: 300 !important; }body > footer a.progelec-link::before { content: "Una realtà Studio "; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: 11px !important; font-weight: 300 !important; }body > footer a.progelec-link::after { content: "Barbatti"; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; }
/* Il link resta testo HTML accessibile; il marchio usa Myriad Pro Regular */body > footer a.progelec-link { font-size: 11px !important; font-family: "Myriad Pro", Arial, sans-serif !important; font-weight: 400 !important; }body > footer a.progelec-link::before, body > footer a.progelec-link::after { content: none !important; }
/* Ritratto circolare nella scheda Team e raggio invariato al passaggio del cursore */.team-directory .team-card > img {  width: clamp(120px, 24vw, 220px) !important;  height: clamp(120px, 24vw, 220px) !important;  aspect-ratio: 1 / 1 !important;  object-fit: cover !important;  border-radius: 50% !important;}.team-directory .team-card,.team-directory .team-card:hover,.team-directory .team-card:focus,.team-directory .team-card:focus-visible {  border-radius: 26px !important;}@media (max-width: 600px) {  .team-directory .team-card > img {    width: clamp(96px, 30vw, 150px) !important;    height: clamp(96px, 30vw, 150px) !important;  }}
/* Ritratto perfettamente circolare e raggio della scheda stabile */body .team-directory .team-grid > a.team-card > img { width: 150px !important; height: 150px !important; min-width: 150px !important; max-width: 150px !important; min-height: 150px !important; max-height: 150px !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; border-radius: 50% !important; }body .team-directory .team-grid > a.team-card, body .team-directory .team-grid > a.team-card:hover, body .team-directory .team-grid > a.team-card:focus, body .team-directory .team-grid > a.team-card:focus-visible, body .team-directory .team-grid > a.team-card:active { border-radius: 26px !important; transition-property: color, background-color, border-color, box-shadow, transform !important; }@media (max-width: 600px) { body .team-directory .team-grid > a.team-card > img { width: 100px !important; height: 100px !important; min-width: 100px !important; max-width: 100px !important; min-height: 100px !important; max-height: 100px !important; } }
/* Ritratto Team: porta il volto al centro del taglio circolare. */.team-directory .team-grid > a.team-card > img { object-position: 50% 28% !important; }
/* Nasconde il titolo di pagina Team, senza intervenire sul contenuto del profilo. */body:has(.team-directory) main .page-heading { display: none !important; }
/* Elimina l’etichetta Team ripetuta sopra al sottotitolo. */body:has(.team-directory) .team-directory .wrap > .label { display: none !important; }
body:has(.team-directory) .team-directory .label { display: none !important; }
/* Pagina biografica: usa titolo e breadcrumb inseriti nel contenuto, senza titolo automatico. */body:has(.team-bio) main .page-heading { display: none !important; }
/* Più respiro laterale per i contenuti del piè di pagina */footer > .footer-grid { padding-left: clamp(56px, 6vw, 80px) !important; padding-right: clamp(56px, 6vw, 80px) !important; }@media (max-width: 600px) { footer > .footer-grid { padding-left: 24px !important; padding-right: 24px !important; } }
/* Mostra la sola dicitura introduttiva sopra al titolo Team */body:has(.team-directory) .team-directory .section-head .label { display: block !important; }
/* Biografia: titoli accordion leggibili e testo allineato all’icona */.team-bio-details summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; grid-template-columns: none !important; width: 100% !important; min-height: 58px !important; box-sizing: border-box !important; padding: 10px 0 !important; line-height: 1.35 !important; }.team-bio-details summary::after { display: grid !important; place-items: center !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; margin-left: auto !important; }@media (min-width: 601px) { body:has(.team-bio) main > .team-bio.wrap { padding-left: 0 !important; padding-right: 0 !important; } }@media (max-width: 600px) { .team-bio-details summary { gap: 12px !important; min-height: 54px !important; font-size: 18px !important; } }
@media (min-width: 601px) { body:has(.team-bio) .wp-page-content > .team-bio.wrap { padding-left: 0 !important; padding-right: 0 !important; } }


/* Tasti chiari sulla sezione scura della home, anche su iPhone e al passaggio del mouse. */
.home-stage .home-copy .actions .button,
.home-stage .home-copy .actions .button:link,
.home-stage .home-copy .actions .button:visited,
.home-stage .home-copy .actions .button:hover,
.home-stage .home-copy .actions .button:focus,
.home-stage .home-copy .actions .button:focus-visible,
.home-stage .home-copy .actions .button:active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* Allinea la colonna logo del footer al margine del logo in intestazione su desktop. */
@media (min-width: 851px) {
  footer .footer-grid {
    padding-left: clamp(22px, 5vw, 88px) !important;
    padding-right: clamp(22px, 5vw, 88px) !important;
  }
}


/* Allinea il contenuto del footer al margine del logo dell’intestazione su desktop. */
@media (min-width: 851px) { footer > .footer-grid { padding-left: 48px !important; padding-right: 48px !important; } }


/* Link senza sottolineatura nella pagina Affiliazioni e reti. */
body.sb-affiliazioni main a,
body.sb-affiliazioni main a:link,
body.sb-affiliazioni main a:visited,
body.sb-affiliazioni main a:hover,
body.sb-affiliazioni main a:focus,
body.sb-affiliazioni main a:active { text-decoration: none !important; }


/* Scheda Team di Daniele con la stessa base grafite della home. */
body .team-directory a.team-card[href*="daniele-barbatti"],
body .team-directory a.team-card[href*="daniele-barbatti"]:hover,
body .team-directory a.team-card[href*="daniele-barbatti"]:focus-visible {
  background: radial-gradient(ellipse at 78% 28%, rgba(201,166,82,.22), transparent 42%), linear-gradient(125deg, #282722 0%, #34312b 48%, #1d2021 100%) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #f6f2e9 !important;
}
body .team-directory a.team-card[href*="daniele-barbatti"] h3 { color: #fbf8f0 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] p { color: rgba(247,243,234,.82) !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] .label { color: #e6c977 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] .entry-more { color: #f2e7c9 !important; }

/* Contrasto chiaro per il richiamo alla biografia sulla scheda scura. */
body .team-directory a.team-card[href*="daniele-barbatti"] .text-link { color: #f2e7c9 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"]:hover .text-link { color: #ffffff !important; }


/* Il breadcrumb mobile non deve ereditare lo stile a riquadro del menu. */
@media (max-width: 850px) {
  body .page-heading nav.breadcrumb {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}


/* Corregge il menu a riquadro ereditato dal breadcrumb mobile. */
@media (max-width: 850px) {
  body .wp-page-content nav.breadcrumb { padding: 0 !important; margin-top: 0 !important; margin-bottom: 18px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
}


/* Filtro selezionato del portfolio in oro, anche prima di qualsiasi clic. */
body.page-id-14 .filter-bar button.active,
body.page-id-14 .filter-bar button.active:hover,
body.page-id-14 .filter-bar button.active:focus,
body.page-id-14 .filter-bar button.active:focus-visible {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #ffffff !important;
}


/* Link “Parliamo del progetto” bianco nella hero scura della home. */
body.home .home-stage .actions a.text-link[href*="/contatti/"],
body.home .home-stage .actions a.text-link[href*="/contatti/"]:visited,
body.home .home-stage .actions a.text-link[href*="/contatti/"]:hover,
body.home .home-stage .actions a.text-link[href*="/contatti/"]:focus-visible {
  color: #ffffff !important;
}


/* Link del piè di pagina senza sottolineatura, in ogni stato e viewport. */
body footer a,
body footer a:visited,
body footer a:hover,
body footer a:focus,
body footer a:focus-visible,
body footer a:active {
  text-decoration: none !important;
}


/* Corregge l’altezza minima nelle due pagine: la zoom globale al 150% non deve creare uno spazio artificiale prima del footer. */
body.page-id-16:not(.admin-bar), body.sb-conduzione:not(.admin-bar) { min-height: 66.6667dvh !important; }
body.page-id-16.admin-bar, body.sb-conduzione.admin-bar { min-height: calc(66.6667dvh - 21.333px) !important; }
@media (max-width: 782px) { body.page-id-16.admin-bar, body.sb-conduzione.admin-bar { min-height: calc(66.6667dvh - 30.667px) !important; } }


/* Logo bianco corretto nel piè di pagina */
footer .footer-logo {
  content: url("studiobarbatti-logo-wt-pg.webp") !important;
  filter: none !important;
  opacity: 1 !important;
}


/* Piccolo distacco tra il pulsante finale e il piè di pagina in Come collaboriamo */
body.page-id-16 #main > section.wrap:last-child { margin-bottom: 16px !important; }


/* Avvicina la descrizione al logo nel piè di pagina */
footer .footer-logo { display: block; margin-bottom: 4px !important; }
footer .footer-logo + p { margin-top: 0 !important; }


/* Nel marchio del footer “Barbatti” resta inline, con corpo uniforme e peso regular. */
body > footer .footer-grid a.progelec-link > span { font-weight: 300 !important; font-size: inherit !important; }
body > footer .footer-grid a.progelec-link > strong { display: inline !important; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: inherit !important; font-weight: 400 !important; color: inherit !important; margin: 0 !important; line-height: inherit !important; }
/* Rimosse le piste e le vias decorative; il reticolo puntinato resta visibile e interattivo. */
.circuit { display: none !important; }

/* Margini laterali uniformi sui contenuti mobile */
@media (max-width: 600px) {
  main > .wrap:not(.page-heading):not(.home-stage):not(.home-entry),
  main > .page-content,
  main > .wrap.home-entry-unified {
    width: calc(100% - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Menu mobile a schermo intero, sotto l’intestazione */
@media (max-width: 600px) {
  body:has(#primary-nav.is-open) { overflow: hidden; }
  header { z-index: 100 !important; }
  header .header { position: relative; }
  .menu-toggle { position: relative; z-index: 102; }

  #primary-nav.is-open {
    position: fixed !important;
    inset: 66px 0 0 !important;
    width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 22px clamp(24px, 8vw, 36px) max(28px, env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    background: #f4f0e7 !important;
    opacity: 1 !important;
    border-top: 1px solid rgba(130, 98, 31, .22) !important;
    border-radius: 0 !important;
    box-shadow: 0 18px 34px rgba(48, 45, 39, .14) !important;
    animation: progelec-menu-in .24s ease-out both;
  }

  #primary-nav.is-open > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 60px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 14px 2px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(130, 98, 31, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #82621f !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
  #primary-nav.is-open > a:not(.button)::after {
    content: '↗';
    margin-left: auto;
    color: #82621f;
    font-size: 15px;
    opacity: .65;
  }
  #primary-nav.is-open > a[aria-current='page'] {
    color: #302d27 !important;
    border-bottom-color: rgba(130, 98, 31, .48) !important;
  }
  #primary-nav.is-open > a.button {
    align-self: flex-start !important;
    width: auto !important;
    min-height: 48px !important;
    justify-content: center !important;
    margin-top: 24px !important;
    padding: 12px 22px !important;
    border: 1px solid #82621f !important;
    border-radius: 999px !important;
    background: #82621f !important;
    color: #fff !important;
  }
  .menu-toggle[aria-expanded='true'] span {
    display: inline-block;
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
}
@keyframes progelec-menu-in {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #primary-nav.is-open { animation: none !important; }
}


@media (max-width: 600px) {
  #primary-nav.is-open {
    top: 64px !important;
    bottom: auto !important;
    height: calc(100vh - 64px) !important;
    height: calc(100dvh - 64px) !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: min-content !important;
    align-content: start !important;
  }
  #primary-nav.is-open > a { grid-column: 1 !important; width: 100% !important; }
}

@media (max-width: 600px) {
  #primary-nav.is-open > a:not(.button)::after {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
  }
}


/* Filtri portfolio: i sottogruppi residenziali compaiono selezionando la categoria */
.filter-bar button[data-filter="ville"],
.filter-bar button[data-filter="condominio"] { display: none !important; }
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="condominio"],
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="condominio"],
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="condominio"] { display: inline-flex !important; }
.filter-bar button[data-filter="all"] { order: 0; }
.filter-bar button[data-filter="Residenziale"] { order: 1; }
.filter-bar button[data-filter="ville"] { order: 2; }
.filter-bar button[data-filter="condominio"] { order: 3; }
.filter-bar button[data-filter="Sport"] { order: 4; }
.filter-bar button[data-filter="protezione-civile"] { order: 5; }
.filter-bar button[data-filter="ristorazione"] { order: 6; }
.filter-bar button[data-filter="cafe"] { order: 7; }
.filter-bar button[data-filter="hotellerie"] { order: 8; }
.filter-bar button[data-filter="turismo"] { order: 9; }
.filter-bar > span { order: 10; }
.filter-bar button[data-filter="Residenziale"]::after { content: "+"; margin-left: 8px; color: inherit; }
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="Residenziale"]::after,
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="Residenziale"]::after,
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="Residenziale"]::after { content: "−"; }
.filter-bar button[data-filter="ville"],
.filter-bar button[data-filter="condominio"] { margin-left: 8px; border-style: dashed !important; background: rgba(255,253,247,.9) !important; }
.filter-bar button[data-filter="ville"]::before,
.filter-bar button[data-filter="condominio"]::before { content: "↳"; margin-right: 6px; color: #82621f; }


/* I filtri a comparsa seguono la gerarchia delle categorie Portfolio in WordPress. */
.filter-bar:has(button[aria-expanded]) button[data-filter-parent][hidden] { display: none !important; }
.filter-bar button[data-filter-parent]:not([hidden]) { display: inline-flex !important; margin-left: 9px; border-style: dashed !important; background: rgba(255,253,247,.9) !important; }
.filter-bar button[data-filter-parent]:not([hidden])::before { content: "↳"; margin-right: 6px; color: #82621f; }
.filter-bar button[data-filter-depth="2"] { margin-left: 20px !important; }
.filter-bar .filter-disclosure { margin-left: 8px; color: inherit; }

/* Ordine coerente con i gruppi e le sottocategorie del Portfolio. */
.filter-bar button[data-filter="all"] { order: 0; }
.filter-bar button[data-filter="residenziale"] { order: 1; }
.filter-bar button[data-filter="condominio"] { order: 2; }
.filter-bar button[data-filter="ville"] { order: 3; }
.filter-bar button[data-filter="sport"] { order: 4; }
.filter-bar button[data-filter="protezione-civile"] { order: 5; }
.filter-bar button[data-filter="turismo"] { order: 6; }
.filter-bar button[data-filter="restaurant"] { order: 7; }
.filter-bar > span { order: 20; }


/* Progelec: controlli compatti, link leggibili e superfici arrotondate. */
a {
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  font-variant-emoji: text;
}
a:hover, a:focus-visible {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #39342a !important;
  border-radius: 4px;
  box-shadow: 0 0 0 3px #39342a;
}
.button, button, input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  border-radius: 10px;
}
.button, .filter-bar button, .menu-toggle, input[type="submit"], button[type="submit"] {
  padding: 6px 11px !important;
  min-height: 34px;
  font-size: 12px !important;
}
.filter-bar button { border-radius: 999px !important; }
.slide-controls button { width: 36px !important; height: 34px !important; padding: 0 !important; border-radius: 50% !important; }
.button:hover, button:hover, input[type="submit"]:hover {
  color: #fff !important;
  background-color: #39342a !important;
  border-color: #39342a !important;
}
/* Mantieni una sola freccia obliqua: gli eventuali simboli già nel testo restano testo, senza doppioni o glifi emoji. */
.button::after { content: none !important; }
.button, .button * { font-variant-emoji: text; }
.showcase-top a {
  color: #fff !important;
  background: rgba(45, 42, 35, .88);
  border-radius: 5px;
  padding: 4px 8px;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.project-slide figcaption, .project-slide figcaption small, .project-slide figcaption a {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.7);
}
.project-slide figcaption a { text-decoration: underline !important; }
.project-slide figcaption a:hover { text-decoration: none !important; }
/* Nei progetti le informazioni stanno sulla copertina, su un fondale sfumato ad alto contrasto. */
.project-card { position: relative; overflow: hidden; isolation: isolate; }
.project-card .portfolio-cover { display: block; height: 100%; }
.project-card .portfolio-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.project-card .project-info {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  padding: 34px 18px 16px !important;
  color: #fff !important;
  background: linear-gradient(0deg, rgba(22,21,18,.94) 0%, rgba(22,21,18,.78) 58%, rgba(22,21,18,0) 100%);
}
.project-card .project-info .label,
.project-card .project-info small,
.project-card .project-info h2,
.project-card .project-info p { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.65); }
.project-card .project-info h2 { margin: 5px 0 8px !important; }
.project-card .project-info p { margin: 0 0 8px !important; }
.project-card .project-info a { color: #f3d77f !important; text-decoration: underline !important; }
.project-card .project-info a:hover { color: #fff !important; text-decoration: none !important; }
@media (min-width: 851px) {
  .project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 850px) {
  .button, .filter-bar button, .menu-toggle, input[type="submit"], button[type="submit"] { padding: 6px 10px !important; min-height: 32px; font-size: 11.5px !important; }
  .project-card .project-info { padding: 28px 14px 13px !important; }
}

/* Freccia singola in stile testo, mai in versione emoji. */
.button::after { content: "↗︎" !important; font-variant-emoji: text; font-size: .9em; }

/* Il riquadro “Come collaboriamo” e le schede mantengono angoli morbidi. */
.entry-card, .home-entry-unified > a { border: 1px solid rgba(141,115,58,.2); border-radius: 18px !important; overflow: hidden; }
/* Rifinitura interazioni: pulsanti senza maschera scura, testo bianco sui box. */a.button:hover, .button:hover, button:hover, input[type=submit]:hover, .wp-block-button__link:hover {  color: #fff !important;  background-color: transparent !important;  border-color: #8d733a !important;  box-shadow: none !important;}.entry-card:hover, .home-entry-unified > a:hover {  background-color: #39342a !important;  box-shadow: 0 0 0 3px #39342a !important;}.entry-card:hover *, .home-entry-unified > a:hover * { color: #fff !important; }/* Menu: niente sottolineature; evidenza della pagina corrente mantenuta scura. */header nav a, .site-header nav a, .main-navigation a, .primary-navigation a, header .menu a {  text-decoration: none !important;}header nav a:hover, .site-header nav a:hover, .main-navigation a:hover, .primary-navigation a:hover, header .menu a:hover {  color: #39342a !important;  background: transparent !important;  box-shadow: none !important;}header nav .current-menu-item > a, header nav .current_page_item > a, .site-header .current-menu-item > a, .site-header .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a {  color: #39342a !important;  text-decoration: none !important;}/* Avvicina l’inizio dei contenuti all’intestazione nelle pagine interne. */body:not(.home) main, body:not(.home) .site-main { padding-top: 24px !important; }body:not(.home) .page-hero, body:not(.home) .page-header, body:not(.home) .page-intro { padding-top: 12px !important; margin-top: 0 !important; }
/* Rifinitura: menu senza linee decorative e voce attiva scura; titoli pagina più vicini all’header. */#primary-nav a { text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; }#primary-nav a:hover { color: #39342a !important; background: transparent !important; box-shadow: none !important; }#primary-nav .current-menu-item > a, #primary-nav .current_page_item > a { color: #39342a !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important; }#primary-nav .current-menu-item > a::after, #primary-nav .current_page_item > a::after { content: none !important; display: none !important; }body:not(.home) main, body:not(.home) .site-main { padding-top: 0 !important; }body:not(.home) .page-heading { padding-top: clamp(26px, 3.2vw, 44px) !important; }@media (max-width: 600px) { body:not(.home) .page-heading { padding-top: 24px !important; } }
/* Nessuna barretta sotto la voce attiva: resta solo il colore scuro. */#primary-nav .progelec-nav .current-menu-item > a::after, #primary-nav .progelec-nav .current_page_item > a::after { content: none !important; display: none !important; }#primary-nav .progelec-nav .current-menu-item > a, #primary-nav .progelec-nav .current_page_item > a { color: #39342a !important; }
#primary-nav a[aria-current=page]::after { content: none !important; display: none !important; }#primary-nav a[aria-current=page] { color: #39342a !important; text-decoration: none !important; }a.button:hover, .button:hover, button:hover, input[type=submit]:hover, .wp-block-button__link:hover { color: #fff !important; background-color: #806529 !important; border-color: #806529 !important; box-shadow: none !important; }
/* Margine verticale compatto sulle intestazioni interne, anche su mobile. */body:not(.home) .page-heading { padding-top: 18px !important; }@media (max-width: 600px) { body:not(.home) .page-heading { padding-top: 14px !important; } }
/* Niente maschere scure su link e immagini; i box mantengono il proprio hover. */a:hover { background-color: transparent !important; background-image: none !important; box-shadow: none !important; }.entry-card:hover, .home-entry-unified > a:hover { background-color: #39342a !important; background-image: none !important; box-shadow: 0 0 0 3px #39342a !important; }.entry-card:hover *, .home-entry-unified > a:hover * { color: #fff !important; }.ambiti-grid > a:hover { background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,253,247,.46)) !important; }.filter-bar button:hover:not(.active) { background: #806529 !important; color: #fff !important; border-color: #806529 !important; }.photo-open:hover { background-color: transparent !important; box-shadow: none !important; }
/* Progetti in evidenza: rimuove il fondale nero dalla didascalia e dal link. */.project-showcase .project-slide figcaption { background: transparent !important; color: #fff !important; text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.75) !important; }.project-showcase .project-slide figcaption small, .project-showcase .project-slide figcaption a { color: #fff !important; text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.75) !important; }.project-showcase .showcase-top a, .project-showcase .showcase-top a:hover { background: transparent !important; background-image: none !important; box-shadow: none !important; padding: 0 !important; color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,.9) !important; }
/* Home: ogni card è un unico link sull'intera box; i testi interni non sono sottolineati. */.home-entry-unified > a.entry-card,.home-entry-unified > a.entry-studio,.home-entry-unified > a.entry-card *,.home-entry-unified > a.entry-studio * {  text-decoration: none !important;}.home-entry-unified > a.entry-card,.home-entry-unified > a.entry-studio { cursor: pointer; }

/* Studio e team: l'intera scheda è un link; i contenuti interni restano senza sottolineatura. */
.studio-ambiti .ambiti-grid > a,
.studio-ambiti .ambiti-grid > a * { text-decoration: none !important; }
.studio-ambiti .ambiti-grid > a { cursor: pointer; }

/* Mantiene costante il raggio delle box e dei pulsanti al passaggio del mouse. */
a.button:hover,.button:hover{border-radius:10px!important}
.entry-card:hover,.entry-studio:hover,.home-entry-unified>a:hover,.studio-ambiti .ambiti-grid>a:hover,.ambiti-grid>a:hover,.network-card:hover{border-radius:18px!important}
.project-card .portfolio-cover:hover{border-radius:19px!important}
/* Logo SVG aggiornato solo nel piè di pagina: intestazione invariata. */footer .footer-logo { content: url("studiobarbatti-logo-wt-pg.webp") !important; filter: brightness(0) invert(1) !important; object-fit: contain; }/* Ripristina il footer scuro lasciando trasparente il riquadro interno. */footer { background: linear-gradient(122deg,#282722,#34312b 62%,#1d2021) !important; color: rgba(248,244,234,.78) !important; }footer .footer-grid { background: transparent !important; color: rgba(248,244,234,.78) !important; }footer .footer-grid strong { color: #e9ce82 !important; }footer .footer-grid p, footer .footer-grid a, footer .footer-bottom { color: rgba(248,244,234,.78) !important; }footer .footer-grid a:hover { color: #f3d77f !important; }/* Align the expandable service cards with their inset copy */.service-body > .role-comparison,.service-body > .pv-grid { margin-left: 70px; margin-right: 42px; }@media (max-width: 600px) {  .service-body > .role-comparison,  .service-body > .pv-grid { margin-left: 44px; margin-right: 8px; }

}

/* Contrasto dei testi sovrapposti alle copertine portfolio */
.project-card .project-info,
.project-card .project-info :is(.label, small, h2, p, a),
.project-card .project-info a:visited {
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.88), 0 0 2px rgba(0,0,0,.72) !important;
}
.project-card .project-info a:hover,
.project-card .project-info a:focus-visible { color: #fff !important; }

/* Il comando per ripercorrere le fasi usa l’oro Progelec */
#replay-timeline { color: #b58a32 !important; border-color: #b58a32 !important; }
#replay-timeline:hover,
#replay-timeline:focus-visible { color: #fff !important; border-color: #b58a32 !important; background-color: #b58a32 !important; }


/* Rimozione definitiva delle frecce decorative da ogni link */
a.button::after,
.button::after,
#primary-nav.is-open > a:not(.button)::after {
  content: none !important;
  display: none !important;
}
/* Progelec: testi allineati, pulsanti Parliamone oro e pagina Progetti compatta */.role-comparison article h3,.role-comparison article p,.pv-grid article h3,.pv-grid article p {  text-align: left !important;  margin-left: 0 !important;  margin-right: 0 !important;}.page-cta a.button.primary {  background: var(--gold) !important;  border-color: var(--gold) !important;  color: #fff !important;}.page-cta a.button.primary:hover,.page-cta a.button.primary:focus-visible {  background: #75591c !important;  border-color: #75591c !important;  color: #fff !important;}body.page-id-14 main > .page-heading { display: none !important; }body.page-id-14 .portfolio-section { padding-top: 8px !important; }body.page-id-14 .filter-bar { margin-top: 0 !important; }.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }.team-card { display: grid; grid-template-columns: minmax(120px, 38%) 1fr; gap: 22px; align-items: center; padding: 20px; border: 1px solid rgba(141,115,58,.22); border-radius: 18px; background: rgba(255,253,247,.72); color: inherit; text-decoration: none !important; }.team-card img { width: 100%; height: 100%; max-height: 330px; object-fit: cover; border-radius: 12px; }.team-card h3 { margin: 10px 0; font-size: 22px; }.team-card p { color: var(--muted); line-height: 1.65; }.team-card .text-link { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }.team-bio-layout { display: grid; grid-template-columns: minmax(240px, .8fr) 1.2fr; gap: clamp(28px, 6vw, 80px); align-items: center; }.team-bio-portrait { width: 100%; max-width: 430px; height: auto; border-radius: 20px; box-shadow: 18px 20px 0 rgba(171,139,69,.15),0 24px 60px rgba(42,33,18,.14); }.team-bio-intro h2 { margin: 12px 0 16px; }.team-bio-intro p { line-height: 1.7; }.team-bio-details { margin-top: 44px; }.team-bio-details h2 { margin-bottom: 20px; }.team-bio-details details { padding: 8px 0; }.team-bio-details summary { padding: 12px 0; }.team-bio-details details p { margin: 12px 0 14px; }@media (max-width: 600px) {  .team-card, .team-bio-layout { grid-template-columns: 1fr; }  .team-card img, .team-bio-portrait { max-width: 100%; max-height: 380px; object-fit: cover; }  .team-bio-details { margin-top: 30px; }

}

/* Titoli delle pagine più compatti; la Home conserva la scala attuale. */
body:not(.home) main .page-heading > h1 {
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1.08 !important;
}
@media (max-width: 850px) {
  body:not(.home) main .page-heading > h1 {
    font-size: clamp(27px, 5.4vw, 38px) !important;
  }
}
@media (max-width: 600px) {
  body:not(.home) main .page-heading > h1 {
    font-size: clamp(25px, 7vw, 32px) !important;
  }
}
/* Spazio contenuto tra intestazione e filtri del portfolio */.portfolio-section { padding-top: 20px !important; }@media (max-width: 600px) { .portfolio-section { padding-top: 16px !important; } }
/* Distacco leggero sopra i filtri nella pagina Progetti */body.page-id-14 .portfolio-section { padding-top: 18px !important; }@media (max-width: 600px) { body.page-id-14 .portfolio-section { padding-top: 16px !important; } }/* Marchio StudioBarbatti nel piè di pagina in Myriad Pro Regular */body > footer a.affiliation-footer.progelec-link {  font-family: "Myriad Pro", Arial, sans-serif !important;  font-weight: 400 !important;}
/* Marchio Barbatti in Myriad Pro Regular nel footer */body > footer a.progelec-link { font-family: "Myriad Pro", Arial, sans-serif !important; font-weight: 400 !important; }
/* Solo “Barbatti” usa il peso Regular nel marchio del footer */body > footer a.progelec-link { font-size: 0 !important; font-weight: 300 !important; }body > footer a.progelec-link::before { content: "Una realtà Studio "; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: 11px !important; font-weight: 300 !important; }body > footer a.progelec-link::after { content: "Barbatti"; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; }
/* Il link resta testo HTML accessibile; il marchio usa Myriad Pro Regular */body > footer a.progelec-link { font-size: 11px !important; font-family: "Myriad Pro", Arial, sans-serif !important; font-weight: 400 !important; }body > footer a.progelec-link::before, body > footer a.progelec-link::after { content: none !important; }
/* Ritratto circolare nella scheda Team e raggio invariato al passaggio del cursore */.team-directory .team-card > img {  width: clamp(120px, 24vw, 220px) !important;  height: clamp(120px, 24vw, 220px) !important;  aspect-ratio: 1 / 1 !important;  object-fit: cover !important;  border-radius: 50% !important;}.team-directory .team-card,.team-directory .team-card:hover,.team-directory .team-card:focus,.team-directory .team-card:focus-visible {  border-radius: 26px !important;}@media (max-width: 600px) {  .team-directory .team-card > img {    width: clamp(96px, 30vw, 150px) !important;    height: clamp(96px, 30vw, 150px) !important;  }}
/* Ritratto perfettamente circolare e raggio della scheda stabile */body .team-directory .team-grid > a.team-card > img { width: 150px !important; height: 150px !important; min-width: 150px !important; max-width: 150px !important; min-height: 150px !important; max-height: 150px !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; border-radius: 50% !important; }body .team-directory .team-grid > a.team-card, body .team-directory .team-grid > a.team-card:hover, body .team-directory .team-grid > a.team-card:focus, body .team-directory .team-grid > a.team-card:focus-visible, body .team-directory .team-grid > a.team-card:active { border-radius: 26px !important; transition-property: color, background-color, border-color, box-shadow, transform !important; }@media (max-width: 600px) { body .team-directory .team-grid > a.team-card > img { width: 100px !important; height: 100px !important; min-width: 100px !important; max-width: 100px !important; min-height: 100px !important; max-height: 100px !important; } }
/* Ritratto Team: porta il volto al centro del taglio circolare. */.team-directory .team-grid > a.team-card > img { object-position: 50% 28% !important; }
/* Nasconde il titolo di pagina Team, senza intervenire sul contenuto del profilo. */body:has(.team-directory) main .page-heading { display: none !important; }
/* Elimina l’etichetta Team ripetuta sopra al sottotitolo. */body:has(.team-directory) .team-directory .wrap > .label { display: none !important; }
body:has(.team-directory) .team-directory .label { display: none !important; }
/* Pagina biografica: usa titolo e breadcrumb inseriti nel contenuto, senza titolo automatico. */body:has(.team-bio) main .page-heading { display: none !important; }
/* Più respiro laterale per i contenuti del piè di pagina */footer > .footer-grid { padding-left: clamp(56px, 6vw, 80px) !important; padding-right: clamp(56px, 6vw, 80px) !important; }@media (max-width: 600px) { footer > .footer-grid { padding-left: 24px !important; padding-right: 24px !important; } }
/* Mostra la sola dicitura introduttiva sopra al titolo Team */body:has(.team-directory) .team-directory .section-head .label { display: block !important; }
/* Biografia: titoli accordion leggibili e testo allineato all’icona */.team-bio-details summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; grid-template-columns: none !important; width: 100% !important; min-height: 58px !important; box-sizing: border-box !important; padding: 10px 0 !important; line-height: 1.35 !important; }.team-bio-details summary::after { display: grid !important; place-items: center !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; margin-left: auto !important; }@media (min-width: 601px) { body:has(.team-bio) main > .team-bio.wrap { padding-left: 0 !important; padding-right: 0 !important; } }@media (max-width: 600px) { .team-bio-details summary { gap: 12px !important; min-height: 54px !important; font-size: 18px !important; } }
@media (min-width: 601px) { body:has(.team-bio) .wp-page-content > .team-bio.wrap { padding-left: 0 !important; padding-right: 0 !important; } }


/* Tasti chiari sulla sezione scura della home, anche su iPhone e al passaggio del mouse. */
.home-stage .home-copy .actions .button,
.home-stage .home-copy .actions .button:link,
.home-stage .home-copy .actions .button:visited,
.home-stage .home-copy .actions .button:hover,
.home-stage .home-copy .actions .button:focus,
.home-stage .home-copy .actions .button:focus-visible,
.home-stage .home-copy .actions .button:active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* Allinea la colonna logo del footer al margine del logo in intestazione su desktop. */
@media (min-width: 851px) {
  footer .footer-grid {
    padding-left: clamp(22px, 5vw, 88px) !important;
    padding-right: clamp(22px, 5vw, 88px) !important;
  }
}


/* Allinea il contenuto del footer al margine del logo dell’intestazione su desktop. */
@media (min-width: 851px) { footer > .footer-grid { padding-left: 48px !important; padding-right: 48px !important; } }


/* Link senza sottolineatura nella pagina Affiliazioni e reti. */
body.sb-affiliazioni main a,
body.sb-affiliazioni main a:link,
body.sb-affiliazioni main a:visited,
body.sb-affiliazioni main a:hover,
body.sb-affiliazioni main a:focus,
body.sb-affiliazioni main a:active { text-decoration: none !important; }


/* Scheda Team di Daniele con la stessa base grafite della home. */
body .team-directory a.team-card[href*="daniele-barbatti"],
body .team-directory a.team-card[href*="daniele-barbatti"]:hover,
body .team-directory a.team-card[href*="daniele-barbatti"]:focus-visible {
  background: radial-gradient(ellipse at 78% 28%, rgba(201,166,82,.22), transparent 42%), linear-gradient(125deg, #282722 0%, #34312b 48%, #1d2021 100%) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #f6f2e9 !important;
}
body .team-directory a.team-card[href*="daniele-barbatti"] h3 { color: #fbf8f0 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] p { color: rgba(247,243,234,.82) !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] .label { color: #e6c977 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] .entry-more { color: #f2e7c9 !important; }

/* Contrasto chiaro per il richiamo alla biografia sulla scheda scura. */
body .team-directory a.team-card[href*="daniele-barbatti"] .text-link { color: #f2e7c9 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"]:hover .text-link { color: #ffffff !important; }


/* Il breadcrumb mobile non deve ereditare lo stile a riquadro del menu. */
@media (max-width: 850px) {
  body .page-heading nav.breadcrumb {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}


/* Corregge il menu a riquadro ereditato dal breadcrumb mobile. */
@media (max-width: 850px) {
  body .wp-page-content nav.breadcrumb { padding: 0 !important; margin-top: 0 !important; margin-bottom: 18px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
}


/* Filtro selezionato del portfolio in oro, anche prima di qualsiasi clic. */
body.page-id-14 .filter-bar button.active,
body.page-id-14 .filter-bar button.active:hover,
body.page-id-14 .filter-bar button.active:focus,
body.page-id-14 .filter-bar button.active:focus-visible {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #ffffff !important;
}


/* Link “Parliamo del progetto” bianco nella hero scura della home. */
body.home .home-stage .actions a.text-link[href*="/contatti/"],
body.home .home-stage .actions a.text-link[href*="/contatti/"]:visited,
body.home .home-stage .actions a.text-link[href*="/contatti/"]:hover,
body.home .home-stage .actions a.text-link[href*="/contatti/"]:focus-visible {
  color: #ffffff !important;
}


/* Link del piè di pagina senza sottolineatura, in ogni stato e viewport. */
body footer a,
body footer a:visited,
body footer a:hover,
body footer a:focus,
body footer a:focus-visible,
body footer a:active {
  text-decoration: none !important;
}


/* Corregge l’altezza minima nelle due pagine: la zoom globale al 150% non deve creare uno spazio artificiale prima del footer. */
body.page-id-16:not(.admin-bar), body.sb-conduzione:not(.admin-bar) { min-height: 66.6667dvh !important; }
body.page-id-16.admin-bar, body.sb-conduzione.admin-bar { min-height: calc(66.6667dvh - 21.333px) !important; }
@media (max-width: 782px) { body.page-id-16.admin-bar, body.sb-conduzione.admin-bar { min-height: calc(66.6667dvh - 30.667px) !important; } }


/* Logo bianco corretto nel piè di pagina */
footer .footer-logo {
  content: url("studiobarbatti-logo-wt-pg.webp") !important;
  filter: none !important;
  opacity: 1 !important;
}


/* Piccolo distacco tra il pulsante finale e il piè di pagina in Come collaboriamo */
body.page-id-16 #main > section.wrap:last-child { margin-bottom: 16px !important; }


/* Avvicina la descrizione al logo nel piè di pagina */
footer .footer-logo { display: block; margin-bottom: 4px !important; }
footer .footer-logo + p { margin-top: 0 !important; }

/* Una realt Studio light nel footer; solo Barbatti regular. */
body > footer .footer-grid a.progelec-link { font-weight: 300 !important; }

/* Link StudioBarbatti: oro su fondo chiaro, giallo sul piè di pagina scuro */
main a.progelec-link, main a.progelec-link span, main a.progelec-link strong { color: #82621f !important; }
main a.progelec-link:hover, main a.progelec-link:hover span, main a.progelec-link:hover strong { color: #5b4517 !important; }
body > footer a.progelec-link, body > footer a.progelec-link span, body > footer a.progelec-link strong { color: #e9ce82 !important; }
body > footer a.progelec-link:hover, body > footer a.progelec-link:hover span, body > footer a.progelec-link:hover strong { color: #f4dc9c !important; }


/* Metodo: riduce il distacco tra il pulsante finale e il piè di pagina */
body.sb-metodo .page-cta { padding-bottom: 10px !important; }
body.sb-metodo #main > div[style*="height:32px"] { display: none !important; }


/* Home: cornice compatta, stacco inferiore uguale al lato destro. */
@media (min-width: 851px) {
  body.home .home-stage { min-height: 0 !important; padding-top: 48px !important; padding-bottom: 48px !important; }
  body.home .home-stage .project-showcase { align-self: end !important; }
}

/* Studio: altezza finestra come Chi siamo e piccolo stacco finale. */
body.sb-studio:not(.admin-bar) { min-height: 66.6667dvh !important; }
body.sb-studio.admin-bar { min-height: calc(66.6667dvh - 21.333px) !important; }
@media (max-width: 782px) { body.sb-studio.admin-bar { min-height: calc(66.6667dvh - 30.667px) !important; } }
body.sb-studio .page-cta { padding-bottom: 10px !important; }

/* Home mobile: “Scopri i servizi” resta sempre su fondo oro. */
@media (max-width: 850px) {
  body.home .home-stage .home-copy .actions a.button[href*="competenze.html"],
  body.home .home-stage .home-copy .actions a.button[href*="/competenze/"],
  body.home .home-stage .home-copy .actions a.button:link,
  body.home .home-stage .home-copy .actions a.button:visited,
  body.home .home-stage .home-copy .actions a.button:hover,
  body.home .home-stage .home-copy .actions a.button:focus,
  body.home .home-stage .home-copy .actions a.button:focus-visible,
  body.home .home-stage .home-copy .actions a.button:active {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Ancoraggio servizi: lascia libera la riga superiore della tendina sotto l’*/
#main details[id^="servizio-"] { scroll-margin-top: 150px; }

/* Spazio ancoraggio tarato sull’intestazione sticky. */
#main details[id^="servizio-"] { scroll-margin-top: 42px !important; }


/* Servizi: compattare il passaggio dall’introduzione alle competenze e staccare le tendine dal titolo. */
body.sb-servizi .page-heading { padding-bottom: 8px !important; }
body.sb-servizi #competenze .services { margin-top: 16px !important; }


/* Sistema tipografico Progelec — armonizzazione globale desktop/tablet/mobile */
:root {
  --pg-type-font: "Myriad Pro", Arial, sans-serif;
  --pg-type-ink: #302d27;
  --pg-type-muted: #756e62;
  --pg-type-gold: #82621f;
  --pg-type-gold-dark: #5b4517;
}
body, button, input, select, textarea {
  font-family: var(--pg-type-font) !important;
}
body { font-family: var(--pg-type-font) !important; font-weight: 300; }
body main h1, body main h2, body main h3 {
  font-family: var(--pg-type-font) !important;
  font-weight: 400 !important;
  text-transform: none !important;
}
body main h1 { line-height: 1.12 !important; letter-spacing: -.018em; }
body:not(.home) main .page-heading > h1 {
  font-size: 48px !important;
  line-height: 1.12 !important;
}
body:has(.team-bio) main .team-bio h1 {
  font-size: 48px !important;
  line-height: 1.12 !important;
}
body.home .home-stage .home-copy h1 {
  font-size: clamp(56px, 5vw, 72px) !important;
  line-height: 1.02 !important;
}
body main h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em;
}
body main h3 {
  font-size: 20px !important;
  line-height: 1.28 !important;
  letter-spacing: -.006em;
}
body main p {
  font-family: var(--pg-type-font) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  text-transform: none !important;
}
body main .page-heading > p { font-size: 16px !important; line-height: 1.55 !important; }
body.home .home-stage .home-copy > p { font-size: 18px !important; line-height: 1.5 !important; }
body main .project-card .project-info h2,
body main .project-showcase h2 { font-size: 22px !important; line-height: 1.22 !important; }
body main .project-card .project-info p { font-size: 14px !important; line-height: 1.45 !important; }
body main .home-entry-unified h2 { font-size: 22px !important; line-height: 1.24 !important; }
body main .home-entry-unified p { font-size: 15px !important; line-height: 1.5 !important; }
body main .entry-studio h2 { font-size: 24px !important; line-height: 1.22 !important; }
body main .network-card h2 { font-size: 20px !important; line-height: 1.25 !important; }
body main .team-bio-intro h2 { font-size: 28px !important; line-height: 1.22 !important; }
body main .team-bio-details h2 { font-size: 30px !important; line-height: 1.22 !important; }
body main .team-card h3 { font-size: 20px !important; line-height: 1.25 !important; }
body main .role-comparison h3, body main .pv-grid h3 { font-size: 18px !important; line-height: 1.3 !important; }
body #competenze details > summary { font-size: 18px !important; line-height: 1.3 !important; }
body .breadcrumb { font-family: var(--pg-type-font) !important; font-size: 13px !important; line-height: 1.45 !important; font-weight: 300 !important; }
#primary-nav a:not(.button) { font-family: var(--pg-type-font) !important; font-size: 13px !important; line-height: 1.45 !important; }
body footer, body footer p, body footer a, body footer strong { font-family: var(--pg-type-font) !important; }
body footer .footer-grid { font-size: 12px !important; line-height: 1.5 !important; }
body footer .footer-grid strong { font-size: 13px !important; line-height: 1.35 !important; }
/* Marchio: Studio Light e Barbatti Regular in ogni occorrenza */
a.progelec-link { font-family: var(--pg-type-font) !important; font-weight: 300 !important; }
a.progelec-link span { font-family: var(--pg-type-font) !important; font-weight: 300 !important; }
a.progelec-link strong { font-family: var(--pg-type-font) !important; font-weight: 400 !important; }
/* Hover leggibile sui fondi chiari; le superfici scure conservano i loro colori contestuali */
a:hover, a:focus-visible {
  color: var(--pg-type-gold-dark) !important;
  text-decoration: none !important;
}
a:focus-visible:not(.button):not(.entry-card):not(.team-card):not(.network-card) {
  outline: 2px solid var(--pg-type-gold) !important;
  outline-offset: 3px;
  border-radius: 2px !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
@media (min-width: 601px) and (max-width: 850px) {
  body:not(.home) main .page-heading > h1,
  body:has(.team-bio) main .team-bio h1 { font-size: 36px !important; }
  body main h2 { font-size: 30px !important; }
  body main h3 { font-size: 19px !important; }
  body main p { font-size: 16px !important; }
  body.home .home-stage .home-copy h1 { font-size: clamp(38px, 5vw, 44px) !important; }
  body.home .home-stage .home-copy > p { font-size: 16px !important; }
}
@media (max-width: 600px) {
  body:not(.home) main .page-heading > h1,
  body:has(.team-bio) main .team-bio h1 { font-size: clamp(27px, 7.5vw, 30px) !important; line-height: 1.12 !important; }
  body.home .home-stage .home-copy h1 { font-size: clamp(30px, 8vw, 33px) !important; line-height: 1.06 !important; }
  body main h2 { font-size: clamp(24px, 6.5vw, 26px) !important; line-height: 1.22 !important; }
  body main h3 { font-size: 18px !important; line-height: 1.3 !important; }
  body main p { font-size: 15px !important; line-height: 1.55 !important; }
  body.home .home-stage .home-copy > p { font-size: 15px !important; line-height: 1.5 !important; }
  body main .project-card .project-info h2,
  body main .project-showcase h2 { font-size: 18px !important; line-height: 1.25 !important; }
  body main .project-card .project-info p { font-size: 13px !important; line-height: 1.4 !important; }
  body main .home-entry-unified h2 { font-size: 20px !important; }
  body main .home-entry-unified p { font-size: 14px !important; }
  body main .entry-studio h2 { font-size: 21px !important; }
  body main .network-card h2 { font-size: 18px !important; }
  body main .team-bio-intro h2, body main .team-bio-details h2 { font-size: 23px !important; line-height: 1.25 !important; }
  body main .team-card h3 { font-size: 19px !important; }
  body main .role-comparison h3, body main .pv-grid h3 { font-size: 17px !important; }
  body #competenze details > summary { font-size: 17px !important; }
  body .breadcrumb { font-size: 12px !important; line-height: 1.45 !important; }
  body footer .footer-grid { font-size: 12px !important; line-height: 1.5 !important; }
  body footer .footer-grid strong { font-size: 13px !important; }
}
/* Correzioni di scala: titolo del profilo e incipit coerenti su tutti i breakpoint. */body .team-bio-page-title { font-size: 48px !important; line-height: 1.12 !important; }@media (min-width: 601px) and (max-width: 850px) { body .team-bio-page-title { font-size: 36px !important; } }@media (max-width: 600px) { body .team-bio-page-title { font-size: clamp(27px, 7.5vw, 30px) !important; } body main .page-heading > p { font-size: 15px !important; } }
footer a.progelec-link, footer a.progelec-link strong { font-size: 12px !important; line-height: 1.5 !important; }
@media (max-width: 850px) { #primary-nav a:not(.button) { font-size: 16px !important; line-height: 1.4 !important; } }
body > footer .footer-grid a.progelec-link, body > footer .footer-grid a.progelec-link span, body > footer .footer-grid a.progelec-link strong { font-size: 12px !important; line-height: 1.5 !important; }

/* Privacy Policy: colonna di lettura allineata ai contenuti del sito */
body.page-id-3 .wp-page-content > p,
body.page-id-3 .wp-page-content > h2,
body.page-id-3 .wp-page-content > h3,
body.page-id-3 .wp-page-content > ul,
body.page-id-3 .wp-page-content > ol {
  max-width: 1050px;
}

/* Misura di lettura: evita righe eccessivamente lunghe */
body.page-id-3 .wp-page-content > p,
body.page-id-3 .wp-page-content > h2,
body.page-id-3 .wp-page-content > h3,
body.page-id-3 .wp-page-content > ul,
body.page-id-3 .wp-page-content > ol {
  max-width: 850px !important;
}


/* Novità: stesso reticolo interattivo della Home, senza griglia statica sovrapposta. */
.news-card::before { display: none !important; }
.news-card .news-card-network { opacity: 1 !important; transition: none !important; }
/* Rimosse le piste e le vias decorative; il reticolo puntinato resta visibile e interattivo. */
.circuit { display: none !important; }

/* Margini laterali uniformi sui contenuti mobile */
@media (max-width: 600px) {
  main > .wrap:not(.page-heading):not(.home-stage):not(.home-entry),
  main > .page-content,
  main > .wrap.home-entry-unified {
    width: calc(100% - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Menu mobile a schermo intero, sotto l’intestazione */
@media (max-width: 600px) {
  body:has(#primary-nav.is-open) { overflow: hidden; }
  header { z-index: 100 !important; }
  header .header { position: relative; }
  .menu-toggle { position: relative; z-index: 102; }

  #primary-nav.is-open {
    position: fixed !important;
    inset: 66px 0 0 !important;
    width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 22px clamp(24px, 8vw, 36px) max(28px, env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    background: #f4f0e7 !important;
    opacity: 1 !important;
    border-top: 1px solid rgba(130, 98, 31, .22) !important;
    border-radius: 0 !important;
    box-shadow: 0 18px 34px rgba(48, 45, 39, .14) !important;
    animation: progelec-menu-in .24s ease-out both;
  }

  #primary-nav.is-open > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 60px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 14px 2px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(130, 98, 31, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #82621f !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
  #primary-nav.is-open > a:not(.button)::after {
    content: '↗';
    margin-left: auto;
    color: #82621f;
    font-size: 15px;
    opacity: .65;
  }
  #primary-nav.is-open > a[aria-current='page'] {
    color: #302d27 !important;
    border-bottom-color: rgba(130, 98, 31, .48) !important;
  }
  #primary-nav.is-open > a.button {
    align-self: flex-start !important;
    width: auto !important;
    min-height: 48px !important;
    justify-content: center !important;
    margin-top: 24px !important;
    padding: 12px 22px !important;
    border: 1px solid #82621f !important;
    border-radius: 999px !important;
    background: #82621f !important;
    color: #fff !important;
  }
  .menu-toggle[aria-expanded='true'] span {
    display: inline-block;
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
}
@keyframes progelec-menu-in {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #primary-nav.is-open { animation: none !important; }
}


@media (max-width: 600px) {
  #primary-nav.is-open {
    top: 64px !important;
    bottom: auto !important;
    height: calc(100vh - 64px) !important;
    height: calc(100dvh - 64px) !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: min-content !important;
    align-content: start !important;
  }
  #primary-nav.is-open > a { grid-column: 1 !important; width: 100% !important; }
}

@media (max-width: 600px) {
  #primary-nav.is-open > a:not(.button)::after {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
  }
}


/* Filtri portfolio: i sottogruppi residenziali compaiono selezionando la categoria */
.filter-bar button[data-filter="ville"],
.filter-bar button[data-filter="condominio"] { display: none !important; }
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="condominio"],
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="condominio"],
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="condominio"] { display: inline-flex !important; }
.filter-bar button[data-filter="all"] { order: 0; }
.filter-bar button[data-filter="Residenziale"] { order: 1; }
.filter-bar button[data-filter="ville"] { order: 2; }
.filter-bar button[data-filter="condominio"] { order: 3; }
.filter-bar button[data-filter="Sport"] { order: 4; }
.filter-bar button[data-filter="protezione-civile"] { order: 5; }
.filter-bar button[data-filter="ristorazione"] { order: 6; }
.filter-bar button[data-filter="cafe"] { order: 7; }
.filter-bar button[data-filter="hotellerie"] { order: 8; }
.filter-bar button[data-filter="turismo"] { order: 9; }
.filter-bar > span { order: 10; }
.filter-bar button[data-filter="Residenziale"]::after { content: "+"; margin-left: 8px; color: inherit; }
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="Residenziale"]::after,
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="Residenziale"]::after,
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="Residenziale"]::after { content: "−"; }
.filter-bar button[data-filter="ville"],
.filter-bar button[data-filter="condominio"] { margin-left: 8px; border-style: dashed !important; background: rgba(255,253,247,.9) !important; }
.filter-bar button[data-filter="ville"]::before,
.filter-bar button[data-filter="condominio"]::before { content: "↳"; margin-right: 6px; color: #82621f; }


/* I filtri a comparsa seguono la gerarchia delle categorie Portfolio in WordPress. */
.filter-bar:has(button[aria-expanded]) button[data-filter-parent][hidden] { display: none !important; }
.filter-bar button[data-filter-parent]:not([hidden]) { display: inline-flex !important; margin-left: 9px; border-style: dashed !important; background: rgba(255,253,247,.9) !important; }
.filter-bar button[data-filter-parent]:not([hidden])::before { content: "↳"; margin-right: 6px; color: #82621f; }
.filter-bar button[data-filter-depth="2"] { margin-left: 20px !important; }
.filter-bar .filter-disclosure { margin-left: 8px; color: inherit; }

/* Ordine coerente con i gruppi e le sottocategorie del Portfolio. */
.filter-bar button[data-filter="all"] { order: 0; }
.filter-bar button[data-filter="residenziale"] { order: 1; }
.filter-bar button[data-filter="condominio"] { order: 2; }
.filter-bar button[data-filter="ville"] { order: 3; }
.filter-bar button[data-filter="sport"] { order: 4; }
.filter-bar button[data-filter="protezione-civile"] { order: 5; }
.filter-bar button[data-filter="turismo"] { order: 6; }
.filter-bar button[data-filter="restaurant"] { order: 7; }
.filter-bar > span { order: 20; }


/* Progelec: controlli compatti, link leggibili e superfici arrotondate. */
a {
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  font-variant-emoji: text;
}
a:hover, a:focus-visible {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #39342a !important;
  border-radius: 4px;
  box-shadow: 0 0 0 3px #39342a;
}
.button, button, input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  border-radius: 10px;
}
.button, .filter-bar button, .menu-toggle, input[type="submit"], button[type="submit"] {
  padding: 6px 11px !important;
  min-height: 34px;
  font-size: 12px !important;
}
.filter-bar button { border-radius: 999px !important; }
.slide-controls button { width: 36px !important; height: 34px !important; padding: 0 !important; border-radius: 50% !important; }
.button:hover, button:hover, input[type="submit"]:hover {
  color: #fff !important;
  background-color: #39342a !important;
  border-color: #39342a !important;
}
/* Mantieni una sola freccia obliqua: gli eventuali simboli già nel testo restano testo, senza doppioni o glifi emoji. */
.button::after { content: none !important; }
.button, .button * { font-variant-emoji: text; }
.showcase-top a {
  color: #fff !important;
  background: rgba(45, 42, 35, .88);
  border-radius: 5px;
  padding: 4px 8px;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.project-slide figcaption, .project-slide figcaption small, .project-slide figcaption a {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.7);
}
.project-slide figcaption a { text-decoration: underline !important; }
.project-slide figcaption a:hover { text-decoration: none !important; }
/* Nei progetti le informazioni stanno sulla copertina, su un fondale sfumato ad alto contrasto. */
.project-card { position: relative; overflow: hidden; isolation: isolate; }
.project-card .portfolio-cover { display: block; height: 100%; }
.project-card .portfolio-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.project-card .project-info {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  padding: 34px 18px 16px !important;
  color: #fff !important;
  background: linear-gradient(0deg, rgba(22,21,18,.94) 0%, rgba(22,21,18,.78) 58%, rgba(22,21,18,0) 100%);
}
.project-card .project-info .label,
.project-card .project-info small,
.project-card .project-info h2,
.project-card .project-info p { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.65); }
.project-card .project-info h2 { margin: 5px 0 8px !important; }
.project-card .project-info p { margin: 0 0 8px !important; }
.project-card .project-info a { color: #f3d77f !important; text-decoration: underline !important; }
.project-card .project-info a:hover { color: #fff !important; text-decoration: none !important; }
@media (min-width: 851px) {
  .project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 850px) {
  .button, .filter-bar button, .menu-toggle, input[type="submit"], button[type="submit"] { padding: 6px 10px !important; min-height: 32px; font-size: 11.5px !important; }
  .project-card .project-info { padding: 28px 14px 13px !important; }
}

/* Freccia singola in stile testo, mai in versione emoji. */
.button::after { content: "↗︎" !important; font-variant-emoji: text; font-size: .9em; }

/* Il riquadro “Come collaboriamo” e le schede mantengono angoli morbidi. */
.entry-card, .home-entry-unified > a { border: 1px solid rgba(141,115,58,.2); border-radius: 18px !important; overflow: hidden; }
/* Rifinitura interazioni: pulsanti senza maschera scura, testo bianco sui box. */a.button:hover, .button:hover, button:hover, input[type=submit]:hover, .wp-block-button__link:hover {  color: #fff !important;  background-color: transparent !important;  border-color: #8d733a !important;  box-shadow: none !important;}.entry-card:hover, .home-entry-unified > a:hover {  background-color: #39342a !important;  box-shadow: 0 0 0 3px #39342a !important;}.entry-card:hover *, .home-entry-unified > a:hover * { color: #fff !important; }/* Menu: niente sottolineature; evidenza della pagina corrente mantenuta scura. */header nav a, .site-header nav a, .main-navigation a, .primary-navigation a, header .menu a {  text-decoration: none !important;}header nav a:hover, .site-header nav a:hover, .main-navigation a:hover, .primary-navigation a:hover, header .menu a:hover {  color: #39342a !important;  background: transparent !important;  box-shadow: none !important;}header nav .current-menu-item > a, header nav .current_page_item > a, .site-header .current-menu-item > a, .site-header .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a {  color: #39342a !important;  text-decoration: none !important;}/* Avvicina l’inizio dei contenuti all’intestazione nelle pagine interne. */body:not(.home) main, body:not(.home) .site-main { padding-top: 24px !important; }body:not(.home) .page-hero, body:not(.home) .page-header, body:not(.home) .page-intro { padding-top: 12px !important; margin-top: 0 !important; }
/* Rifinitura: menu senza linee decorative e voce attiva scura; titoli pagina più vicini all’header. */#primary-nav a { text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; }#primary-nav a:hover { color: #39342a !important; background: transparent !important; box-shadow: none !important; }#primary-nav .current-menu-item > a, #primary-nav .current_page_item > a { color: #39342a !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important; }#primary-nav .current-menu-item > a::after, #primary-nav .current_page_item > a::after { content: none !important; display: none !important; }body:not(.home) main, body:not(.home) .site-main { padding-top: 0 !important; }body:not(.home) .page-heading { padding-top: clamp(26px, 3.2vw, 44px) !important; }@media (max-width: 600px) { body:not(.home) .page-heading { padding-top: 24px !important; } }
/* Nessuna barretta sotto la voce attiva: resta solo il colore scuro. */#primary-nav .progelec-nav .current-menu-item > a::after, #primary-nav .progelec-nav .current_page_item > a::after { content: none !important; display: none !important; }#primary-nav .progelec-nav .current-menu-item > a, #primary-nav .progelec-nav .current_page_item > a { color: #39342a !important; }
#primary-nav a[aria-current=page]::after { content: none !important; display: none !important; }#primary-nav a[aria-current=page] { color: #39342a !important; text-decoration: none !important; }a.button:hover, .button:hover, button:hover, input[type=submit]:hover, .wp-block-button__link:hover { color: #fff !important; background-color: #806529 !important; border-color: #806529 !important; box-shadow: none !important; }
/* Margine verticale compatto sulle intestazioni interne, anche su mobile. */body:not(.home) .page-heading { padding-top: 18px !important; }@media (max-width: 600px) { body:not(.home) .page-heading { padding-top: 14px !important; } }
/* Niente maschere scure su link e immagini; i box mantengono il proprio hover. */a:hover { background-color: transparent !important; background-image: none !important; box-shadow: none !important; }.entry-card:hover, .home-entry-unified > a:hover { background-color: #39342a !important; background-image: none !important; box-shadow: 0 0 0 3px #39342a !important; }.entry-card:hover *, .home-entry-unified > a:hover * { color: #fff !important; }.ambiti-grid > a:hover { background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,253,247,.46)) !important; }.filter-bar button:hover:not(.active) { background: #806529 !important; color: #fff !important; border-color: #806529 !important; }.photo-open:hover { background-color: transparent !important; box-shadow: none !important; }
/* Progetti in evidenza: rimuove il fondale nero dalla didascalia e dal link. */.project-showcase .project-slide figcaption { background: transparent !important; color: #fff !important; text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.75) !important; }.project-showcase .project-slide figcaption small, .project-showcase .project-slide figcaption a { color: #fff !important; text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.75) !important; }.project-showcase .showcase-top a, .project-showcase .showcase-top a:hover { background: transparent !important; background-image: none !important; box-shadow: none !important; padding: 0 !important; color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,.9) !important; }
/* Home: ogni card è un unico link sull'intera box; i testi interni non sono sottolineati. */.home-entry-unified > a.entry-card,.home-entry-unified > a.entry-studio,.home-entry-unified > a.entry-card *,.home-entry-unified > a.entry-studio * {  text-decoration: none !important;}.home-entry-unified > a.entry-card,.home-entry-unified > a.entry-studio { cursor: pointer; }

/* Studio e team: l'intera scheda è un link; i contenuti interni restano senza sottolineatura. */
.studio-ambiti .ambiti-grid > a,
.studio-ambiti .ambiti-grid > a * { text-decoration: none !important; }
.studio-ambiti .ambiti-grid > a { cursor: pointer; }

/* Mantiene costante il raggio delle box e dei pulsanti al passaggio del mouse. */
a.button:hover,.button:hover{border-radius:10px!important}
.entry-card:hover,.entry-studio:hover,.home-entry-unified>a:hover,.studio-ambiti .ambiti-grid>a:hover,.ambiti-grid>a:hover,.network-card:hover{border-radius:18px!important}
.project-card .portfolio-cover:hover{border-radius:19px!important}
/* Logo SVG aggiornato solo nel piè di pagina: intestazione invariata. */footer .footer-logo { content: url("studiobarbatti-logo-wt-pg.webp") !important; filter: brightness(0) invert(1) !important; object-fit: contain; }/* Ripristina il footer scuro lasciando trasparente il riquadro interno. */footer { background: linear-gradient(122deg,#282722,#34312b 62%,#1d2021) !important; color: rgba(248,244,234,.78) !important; }footer .footer-grid { background: transparent !important; color: rgba(248,244,234,.78) !important; }footer .footer-grid strong { color: #e9ce82 !important; }footer .footer-grid p, footer .footer-grid a, footer .footer-bottom { color: rgba(248,244,234,.78) !important; }footer .footer-grid a:hover { color: #f3d77f !important; }/* Align the expandable service cards with their inset copy */.service-body > .role-comparison,.service-body > .pv-grid { margin-left: 70px; margin-right: 42px; }@media (max-width: 600px) {  .service-body > .role-comparison,  .service-body > .pv-grid { margin-left: 44px; margin-right: 8px; }

}

/* Contrasto dei testi sovrapposti alle copertine portfolio */
.project-card .project-info,
.project-card .project-info :is(.label, small, h2, p, a),
.project-card .project-info a:visited {
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.88), 0 0 2px rgba(0,0,0,.72) !important;
}
.project-card .project-info a:hover,
.project-card .project-info a:focus-visible { color: #fff !important; }

/* Il comando per ripercorrere le fasi usa l’oro Progelec */
#replay-timeline { color: #b58a32 !important; border-color: #b58a32 !important; }
#replay-timeline:hover,
#replay-timeline:focus-visible { color: #fff !important; border-color: #b58a32 !important; background-color: #b58a32 !important; }


/* Rimozione definitiva delle frecce decorative da ogni link */
a.button::after,
.button::after,
#primary-nav.is-open > a:not(.button)::after {
  content: none !important;
  display: none !important;
}
/* Progelec: testi allineati, pulsanti Parliamone oro e pagina Progetti compatta */.role-comparison article h3,.role-comparison article p,.pv-grid article h3,.pv-grid article p {  text-align: left !important;  margin-left: 0 !important;  margin-right: 0 !important;}.page-cta a.button.primary {  background: var(--gold) !important;  border-color: var(--gold) !important;  color: #fff !important;}.page-cta a.button.primary:hover,.page-cta a.button.primary:focus-visible {  background: #75591c !important;  border-color: #75591c !important;  color: #fff !important;}body.page-id-14 main > .page-heading { display: none !important; }body.page-id-14 .portfolio-section { padding-top: 8px !important; }body.page-id-14 .filter-bar { margin-top: 0 !important; }.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }.team-card { display: grid; grid-template-columns: minmax(120px, 38%) 1fr; gap: 22px; align-items: center; padding: 20px; border: 1px solid rgba(141,115,58,.22); border-radius: 18px; background: rgba(255,253,247,.72); color: inherit; text-decoration: none !important; }.team-card img { width: 100%; height: 100%; max-height: 330px; object-fit: cover; border-radius: 12px; }.team-card h3 { margin: 10px 0; font-size: 22px; }.team-card p { color: var(--muted); line-height: 1.65; }.team-card .text-link { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }.team-bio-layout { display: grid; grid-template-columns: minmax(240px, .8fr) 1.2fr; gap: clamp(28px, 6vw, 80px); align-items: center; }.team-bio-portrait { width: 100%; max-width: 430px; height: auto; border-radius: 20px; box-shadow: 18px 20px 0 rgba(171,139,69,.15),0 24px 60px rgba(42,33,18,.14); }.team-bio-intro h2 { margin: 12px 0 16px; }.team-bio-intro p { line-height: 1.7; }.team-bio-details { margin-top: 44px; }.team-bio-details h2 { margin-bottom: 20px; }.team-bio-details details { padding: 8px 0; }.team-bio-details summary { padding: 12px 0; }.team-bio-details details p { margin: 12px 0 14px; }@media (max-width: 600px) {  .team-card, .team-bio-layout { grid-template-columns: 1fr; }  .team-card img, .team-bio-portrait { max-width: 100%; max-height: 380px; object-fit: cover; }  .team-bio-details { margin-top: 30px; }

}

/* Titoli delle pagine più compatti; la Home conserva la scala attuale. */
body:not(.home) main .page-heading > h1 {
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1.08 !important;
}
@media (max-width: 850px) {
  body:not(.home) main .page-heading > h1 {
    font-size: clamp(27px, 5.4vw, 38px) !important;
  }
}
@media (max-width: 600px) {
  body:not(.home) main .page-heading > h1 {
    font-size: clamp(25px, 7vw, 32px) !important;
  }
}
/* Spazio contenuto tra intestazione e filtri del portfolio */.portfolio-section { padding-top: 20px !important; }@media (max-width: 600px) { .portfolio-section { padding-top: 16px !important; } }
/* Distacco leggero sopra i filtri nella pagina Progetti */body.page-id-14 .portfolio-section { padding-top: 18px !important; }@media (max-width: 600px) { body.page-id-14 .portfolio-section { padding-top: 16px !important; } }/* Marchio StudioBarbatti nel piè di pagina in Myriad Pro Regular */body > footer a.affiliation-footer.progelec-link {  font-family: "Myriad Pro", Arial, sans-serif !important;  font-weight: 400 !important;}
/* Marchio Barbatti in Myriad Pro Regular nel footer */body > footer a.progelec-link { font-family: "Myriad Pro", Arial, sans-serif !important; font-weight: 400 !important; }
/* Solo “Barbatti” usa il peso Regular nel marchio del footer */body > footer a.progelec-link { font-size: 0 !important; font-weight: 300 !important; }body > footer a.progelec-link::before { content: "Una realtà Studio "; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: 11px !important; font-weight: 300 !important; }body > footer a.progelec-link::after { content: "Barbatti"; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; }
/* Il link resta testo HTML accessibile; il marchio usa Myriad Pro Regular */body > footer a.progelec-link { font-size: 11px !important; font-family: "Myriad Pro", Arial, sans-serif !important; font-weight: 400 !important; }body > footer a.progelec-link::before, body > footer a.progelec-link::after { content: none !important; }
/* Ritratto circolare nella scheda Team e raggio invariato al passaggio del cursore */.team-directory .team-card > img {  width: clamp(120px, 24vw, 220px) !important;  height: clamp(120px, 24vw, 220px) !important;  aspect-ratio: 1 / 1 !important;  object-fit: cover !important;  border-radius: 50% !important;}.team-directory .team-card,.team-directory .team-card:hover,.team-directory .team-card:focus,.team-directory .team-card:focus-visible {  border-radius: 26px !important;}@media (max-width: 600px) {  .team-directory .team-card > img {    width: clamp(96px, 30vw, 150px) !important;    height: clamp(96px, 30vw, 150px) !important;  }}
/* Ritratto perfettamente circolare e raggio della scheda stabile */body .team-directory .team-grid > a.team-card > img { width: 150px !important; height: 150px !important; min-width: 150px !important; max-width: 150px !important; min-height: 150px !important; max-height: 150px !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; border-radius: 50% !important; }body .team-directory .team-grid > a.team-card, body .team-directory .team-grid > a.team-card:hover, body .team-directory .team-grid > a.team-card:focus, body .team-directory .team-grid > a.team-card:focus-visible, body .team-directory .team-grid > a.team-card:active { border-radius: 26px !important; transition-property: color, background-color, border-color, box-shadow, transform !important; }@media (max-width: 600px) { body .team-directory .team-grid > a.team-card > img { width: 100px !important; height: 100px !important; min-width: 100px !important; max-width: 100px !important; min-height: 100px !important; max-height: 100px !important; } }
/* Ritratto Team: porta il volto al centro del taglio circolare. */.team-directory .team-grid > a.team-card > img { object-position: 50% 28% !important; }
/* Nasconde il titolo di pagina Team, senza intervenire sul contenuto del profilo. */body:has(.team-directory) main .page-heading { display: none !important; }
/* Elimina l’etichetta Team ripetuta sopra al sottotitolo. */body:has(.team-directory) .team-directory .wrap > .label { display: none !important; }
body:has(.team-directory) .team-directory .label { display: none !important; }
/* Pagina biografica: usa titolo e breadcrumb inseriti nel contenuto, senza titolo automatico. */body:has(.team-bio) main .page-heading { display: none !important; }
/* Più respiro laterale per i contenuti del piè di pagina */footer > .footer-grid { padding-left: clamp(56px, 6vw, 80px) !important; padding-right: clamp(56px, 6vw, 80px) !important; }@media (max-width: 600px) { footer > .footer-grid { padding-left: 24px !important; padding-right: 24px !important; } }
/* Mostra la sola dicitura introduttiva sopra al titolo Team */body:has(.team-directory) .team-directory .section-head .label { display: block !important; }
/* Biografia: titoli accordion leggibili e testo allineato all’icona */.team-bio-details summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; grid-template-columns: none !important; width: 100% !important; min-height: 58px !important; box-sizing: border-box !important; padding: 10px 0 !important; line-height: 1.35 !important; }.team-bio-details summary::after { display: grid !important; place-items: center !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; margin-left: auto !important; }@media (min-width: 601px) { body:has(.team-bio) main > .team-bio.wrap { padding-left: 0 !important; padding-right: 0 !important; } }@media (max-width: 600px) { .team-bio-details summary { gap: 12px !important; min-height: 54px !important; font-size: 18px !important; } }
@media (min-width: 601px) { body:has(.team-bio) .wp-page-content > .team-bio.wrap { padding-left: 0 !important; padding-right: 0 !important; } }


/* Tasti chiari sulla sezione scura della home, anche su iPhone e al passaggio del mouse. */
.home-stage .home-copy .actions .button,
.home-stage .home-copy .actions .button:link,
.home-stage .home-copy .actions .button:visited,
.home-stage .home-copy .actions .button:hover,
.home-stage .home-copy .actions .button:focus,
.home-stage .home-copy .actions .button:focus-visible,
.home-stage .home-copy .actions .button:active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* Allinea la colonna logo del footer al margine del logo in intestazione su desktop. */
@media (min-width: 851px) {
  footer .footer-grid {
    padding-left: clamp(22px, 5vw, 88px) !important;
    padding-right: clamp(22px, 5vw, 88px) !important;
  }
}


/* Allinea il contenuto del footer al margine del logo dell’intestazione su desktop. */
@media (min-width: 851px) { footer > .footer-grid { padding-left: 48px !important; padding-right: 48px !important; } }


/* Link senza sottolineatura nella pagina Affiliazioni e reti. */
body.sb-affiliazioni main a,
body.sb-affiliazioni main a:link,
body.sb-affiliazioni main a:visited,
body.sb-affiliazioni main a:hover,
body.sb-affiliazioni main a:focus,
body.sb-affiliazioni main a:active { text-decoration: none !important; }


/* Scheda Team di Daniele con la stessa base grafite della home. */
body .team-directory a.team-card[href*="daniele-barbatti"],
body .team-directory a.team-card[href*="daniele-barbatti"]:hover,
body .team-directory a.team-card[href*="daniele-barbatti"]:focus-visible {
  background: radial-gradient(ellipse at 78% 28%, rgba(201,166,82,.22), transparent 42%), linear-gradient(125deg, #282722 0%, #34312b 48%, #1d2021 100%) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #f6f2e9 !important;
}
body .team-directory a.team-card[href*="daniele-barbatti"] h3 { color: #fbf8f0 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] p { color: rgba(247,243,234,.82) !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] .label { color: #e6c977 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] .entry-more { color: #f2e7c9 !important; }

/* Contrasto chiaro per il richiamo alla biografia sulla scheda scura. */
body .team-directory a.team-card[href*="daniele-barbatti"] .text-link { color: #f2e7c9 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"]:hover .text-link { color: #ffffff !important; }


/* Il breadcrumb mobile non deve ereditare lo stile a riquadro del menu. */
@media (max-width: 850px) {
  body .page-heading nav.breadcrumb {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}


/* Corregge il menu a riquadro ereditato dal breadcrumb mobile. */
@media (max-width: 850px) {
  body .wp-page-content nav.breadcrumb { padding: 0 !important; margin-top: 0 !important; margin-bottom: 18px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
}


/* Filtro selezionato del portfolio in oro, anche prima di qualsiasi clic. */
body.page-id-14 .filter-bar button.active,
body.page-id-14 .filter-bar button.active:hover,
body.page-id-14 .filter-bar button.active:focus,
body.page-id-14 .filter-bar button.active:focus-visible {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #ffffff !important;
}


/* Link “Parliamo del progetto” bianco nella hero scura della home. */
body.home .home-stage .actions a.text-link[href*="/contatti/"],
body.home .home-stage .actions a.text-link[href*="/contatti/"]:visited,
body.home .home-stage .actions a.text-link[href*="/contatti/"]:hover,
body.home .home-stage .actions a.text-link[href*="/contatti/"]:focus-visible {
  color: #ffffff !important;
}


/* Link del piè di pagina senza sottolineatura, in ogni stato e viewport. */
body footer a,
body footer a:visited,
body footer a:hover,
body footer a:focus,
body footer a:focus-visible,
body footer a:active {
  text-decoration: none !important;
}


/* Corregge l’altezza minima nelle due pagine: la zoom globale al 150% non deve creare uno spazio artificiale prima del footer. */
body.page-id-16:not(.admin-bar), body.sb-conduzione:not(.admin-bar) { min-height: 66.6667dvh !important; }
body.page-id-16.admin-bar, body.sb-conduzione.admin-bar { min-height: calc(66.6667dvh - 21.333px) !important; }
@media (max-width: 782px) { body.page-id-16.admin-bar, body.sb-conduzione.admin-bar { min-height: calc(66.6667dvh - 30.667px) !important; } }


/* Logo bianco corretto nel piè di pagina */
footer .footer-logo {
  content: url("studiobarbatti-logo-wt-pg.webp") !important;
  filter: none !important;
  opacity: 1 !important;
}


/* Piccolo distacco tra il pulsante finale e il piè di pagina in Come collaboriamo */
body.page-id-16 #main > section.wrap:last-child { margin-bottom: 16px !important; }


/* Avvicina la descrizione al logo nel piè di pagina */
footer .footer-logo { display: block; margin-bottom: 4px !important; }
footer .footer-logo + p { margin-top: 0 !important; }


/* Nel marchio del footer “Barbatti” resta inline, con corpo uniforme e peso regular. */
body > footer .footer-grid a.progelec-link > span { font-weight: 300 !important; font-size: inherit !important; }
body > footer .footer-grid a.progelec-link > strong { display: inline !important; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: inherit !important; font-weight: 400 !important; color: inherit !important; margin: 0 !important; line-height: inherit !important; }
/* Rimosse le piste e le vias decorative; il reticolo puntinato resta visibile e interattivo. */
.circuit { display: none !important; }

/* Margini laterali uniformi sui contenuti mobile */
@media (max-width: 600px) {
  main > .wrap:not(.page-heading):not(.home-stage):not(.home-entry),
  main > .page-content,
  main > .wrap.home-entry-unified {
    width: calc(100% - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Menu mobile a schermo intero, sotto l’intestazione */
@media (max-width: 600px) {
  body:has(#primary-nav.is-open) { overflow: hidden; }
  header { z-index: 100 !important; }
  header .header { position: relative; }
  .menu-toggle { position: relative; z-index: 102; }

  #primary-nav.is-open {
    position: fixed !important;
    inset: 66px 0 0 !important;
    width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 22px clamp(24px, 8vw, 36px) max(28px, env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    background: #f4f0e7 !important;
    opacity: 1 !important;
    border-top: 1px solid rgba(130, 98, 31, .22) !important;
    border-radius: 0 !important;
    box-shadow: 0 18px 34px rgba(48, 45, 39, .14) !important;
    animation: progelec-menu-in .24s ease-out both;
  }

  #primary-nav.is-open > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 60px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 14px 2px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(130, 98, 31, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #82621f !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
  #primary-nav.is-open > a:not(.button)::after {
    content: '↗';
    margin-left: auto;
    color: #82621f;
    font-size: 15px;
    opacity: .65;
  }
  #primary-nav.is-open > a[aria-current='page'] {
    color: #302d27 !important;
    border-bottom-color: rgba(130, 98, 31, .48) !important;
  }
  #primary-nav.is-open > a.button {
    align-self: flex-start !important;
    width: auto !important;
    min-height: 48px !important;
    justify-content: center !important;
    margin-top: 24px !important;
    padding: 12px 22px !important;
    border: 1px solid #82621f !important;
    border-radius: 999px !important;
    background: #82621f !important;
    color: #fff !important;
  }
  .menu-toggle[aria-expanded='true'] span {
    display: inline-block;
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
}
@keyframes progelec-menu-in {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #primary-nav.is-open { animation: none !important; }
}


@media (max-width: 600px) {
  #primary-nav.is-open {
    top: 64px !important;
    bottom: auto !important;
    height: calc(100vh - 64px) !important;
    height: calc(100dvh - 64px) !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: min-content !important;
    align-content: start !important;
  }
  #primary-nav.is-open > a { grid-column: 1 !important; width: 100% !important; }
}

@media (max-width: 600px) {
  #primary-nav.is-open > a:not(.button)::after {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
  }
}


/* Filtri portfolio: i sottogruppi residenziali compaiono selezionando la categoria */
.filter-bar button[data-filter="ville"],
.filter-bar button[data-filter="condominio"] { display: none !important; }
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="condominio"],
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="condominio"],
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="ville"],
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="condominio"] { display: inline-flex !important; }
.filter-bar button[data-filter="all"] { order: 0; }
.filter-bar button[data-filter="Residenziale"] { order: 1; }
.filter-bar button[data-filter="ville"] { order: 2; }
.filter-bar button[data-filter="condominio"] { order: 3; }
.filter-bar button[data-filter="Sport"] { order: 4; }
.filter-bar button[data-filter="protezione-civile"] { order: 5; }
.filter-bar button[data-filter="ristorazione"] { order: 6; }
.filter-bar button[data-filter="cafe"] { order: 7; }
.filter-bar button[data-filter="hotellerie"] { order: 8; }
.filter-bar button[data-filter="turismo"] { order: 9; }
.filter-bar > span { order: 10; }
.filter-bar button[data-filter="Residenziale"]::after { content: "+"; margin-left: 8px; color: inherit; }
.filter-bar:has(button[data-filter="Residenziale"].active) button[data-filter="Residenziale"]::after,
.filter-bar:has(button[data-filter="ville"].active) button[data-filter="Residenziale"]::after,
.filter-bar:has(button[data-filter="condominio"].active) button[data-filter="Residenziale"]::after { content: "−"; }
.filter-bar button[data-filter="ville"],
.filter-bar button[data-filter="condominio"] { margin-left: 8px; border-style: dashed !important; background: rgba(255,253,247,.9) !important; }
.filter-bar button[data-filter="ville"]::before,
.filter-bar button[data-filter="condominio"]::before { content: "↳"; margin-right: 6px; color: #82621f; }


/* I filtri a comparsa seguono la gerarchia delle categorie Portfolio in WordPress. */
.filter-bar:has(button[aria-expanded]) button[data-filter-parent][hidden] { display: none !important; }
.filter-bar button[data-filter-parent]:not([hidden]) { display: inline-flex !important; margin-left: 9px; border-style: dashed !important; background: rgba(255,253,247,.9) !important; }
.filter-bar button[data-filter-parent]:not([hidden])::before { content: "↳"; margin-right: 6px; color: #82621f; }
.filter-bar button[data-filter-depth="2"] { margin-left: 20px !important; }
.filter-bar .filter-disclosure { margin-left: 8px; color: inherit; }

/* Ordine coerente con i gruppi e le sottocategorie del Portfolio. */
.filter-bar button[data-filter="all"] { order: 0; }
.filter-bar button[data-filter="residenziale"] { order: 1; }
.filter-bar button[data-filter="condominio"] { order: 2; }
.filter-bar button[data-filter="ville"] { order: 3; }
.filter-bar button[data-filter="sport"] { order: 4; }
.filter-bar button[data-filter="protezione-civile"] { order: 5; }
.filter-bar button[data-filter="turismo"] { order: 6; }
.filter-bar button[data-filter="restaurant"] { order: 7; }
.filter-bar > span { order: 20; }


/* Progelec: controlli compatti, link leggibili e superfici arrotondate. */
a {
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  font-variant-emoji: text;
}
a:hover, a:focus-visible {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #39342a !important;
  border-radius: 4px;
  box-shadow: 0 0 0 3px #39342a;
}
.button, button, input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  border-radius: 10px;
}
.button, .filter-bar button, .menu-toggle, input[type="submit"], button[type="submit"] {
  padding: 6px 11px !important;
  min-height: 34px;
  font-size: 12px !important;
}
.filter-bar button { border-radius: 999px !important; }
.slide-controls button { width: 36px !important; height: 34px !important; padding: 0 !important; border-radius: 50% !important; }
.button:hover, button:hover, input[type="submit"]:hover {
  color: #fff !important;
  background-color: #39342a !important;
  border-color: #39342a !important;
}
/* Mantieni una sola freccia obliqua: gli eventuali simboli già nel testo restano testo, senza doppioni o glifi emoji. */
.button::after { content: none !important; }
.button, .button * { font-variant-emoji: text; }
.showcase-top a {
  color: #fff !important;
  background: rgba(45, 42, 35, .88);
  border-radius: 5px;
  padding: 4px 8px;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.project-slide figcaption, .project-slide figcaption small, .project-slide figcaption a {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.7);
}
.project-slide figcaption a { text-decoration: underline !important; }
.project-slide figcaption a:hover { text-decoration: none !important; }
/* Nei progetti le informazioni stanno sulla copertina, su un fondale sfumato ad alto contrasto. */
.project-card { position: relative; overflow: hidden; isolation: isolate; }
.project-card .portfolio-cover { display: block; height: 100%; }
.project-card .portfolio-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.project-card .project-info {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  padding: 34px 18px 16px !important;
  color: #fff !important;
  background: linear-gradient(0deg, rgba(22,21,18,.94) 0%, rgba(22,21,18,.78) 58%, rgba(22,21,18,0) 100%);
}
.project-card .project-info .label,
.project-card .project-info small,
.project-card .project-info h2,
.project-card .project-info p { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.65); }
.project-card .project-info h2 { margin: 5px 0 8px !important; }
.project-card .project-info p { margin: 0 0 8px !important; }
.project-card .project-info a { color: #f3d77f !important; text-decoration: underline !important; }
.project-card .project-info a:hover { color: #fff !important; text-decoration: none !important; }
@media (min-width: 851px) {
  .project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 850px) {
  .button, .filter-bar button, .menu-toggle, input[type="submit"], button[type="submit"] { padding: 6px 10px !important; min-height: 32px; font-size: 11.5px !important; }
  .project-card .project-info { padding: 28px 14px 13px !important; }
}

/* Freccia singola in stile testo, mai in versione emoji. */
.button::after { content: "↗︎" !important; font-variant-emoji: text; font-size: .9em; }

/* Il riquadro “Come collaboriamo” e le schede mantengono angoli morbidi. */
.entry-card, .home-entry-unified > a { border: 1px solid rgba(141,115,58,.2); border-radius: 18px !important; overflow: hidden; }
/* Rifinitura interazioni: pulsanti senza maschera scura, testo bianco sui box. */a.button:hover, .button:hover, button:hover, input[type=submit]:hover, .wp-block-button__link:hover {  color: #fff !important;  background-color: transparent !important;  border-color: #8d733a !important;  box-shadow: none !important;}.entry-card:hover, .home-entry-unified > a:hover {  background-color: #39342a !important;  box-shadow: 0 0 0 3px #39342a !important;}.entry-card:hover *, .home-entry-unified > a:hover * { color: #fff !important; }/* Menu: niente sottolineature; evidenza della pagina corrente mantenuta scura. */header nav a, .site-header nav a, .main-navigation a, .primary-navigation a, header .menu a {  text-decoration: none !important;}header nav a:hover, .site-header nav a:hover, .main-navigation a:hover, .primary-navigation a:hover, header .menu a:hover {  color: #39342a !important;  background: transparent !important;  box-shadow: none !important;}header nav .current-menu-item > a, header nav .current_page_item > a, .site-header .current-menu-item > a, .site-header .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a {  color: #39342a !important;  text-decoration: none !important;}/* Avvicina l’inizio dei contenuti all’intestazione nelle pagine interne. */body:not(.home) main, body:not(.home) .site-main { padding-top: 24px !important; }body:not(.home) .page-hero, body:not(.home) .page-header, body:not(.home) .page-intro { padding-top: 12px !important; margin-top: 0 !important; }
/* Rifinitura: menu senza linee decorative e voce attiva scura; titoli pagina più vicini all’header. */#primary-nav a { text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; }#primary-nav a:hover { color: #39342a !important; background: transparent !important; box-shadow: none !important; }#primary-nav .current-menu-item > a, #primary-nav .current_page_item > a { color: #39342a !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important; }#primary-nav .current-menu-item > a::after, #primary-nav .current_page_item > a::after { content: none !important; display: none !important; }body:not(.home) main, body:not(.home) .site-main { padding-top: 0 !important; }body:not(.home) .page-heading { padding-top: clamp(26px, 3.2vw, 44px) !important; }@media (max-width: 600px) { body:not(.home) .page-heading { padding-top: 24px !important; } }
/* Nessuna barretta sotto la voce attiva: resta solo il colore scuro. */#primary-nav .progelec-nav .current-menu-item > a::after, #primary-nav .progelec-nav .current_page_item > a::after { content: none !important; display: none !important; }#primary-nav .progelec-nav .current-menu-item > a, #primary-nav .progelec-nav .current_page_item > a { color: #39342a !important; }
#primary-nav a[aria-current=page]::after { content: none !important; display: none !important; }#primary-nav a[aria-current=page] { color: #39342a !important; text-decoration: none !important; }a.button:hover, .button:hover, button:hover, input[type=submit]:hover, .wp-block-button__link:hover { color: #fff !important; background-color: #806529 !important; border-color: #806529 !important; box-shadow: none !important; }
/* Margine verticale compatto sulle intestazioni interne, anche su mobile. */body:not(.home) .page-heading { padding-top: 18px !important; }@media (max-width: 600px) { body:not(.home) .page-heading { padding-top: 14px !important; } }
/* Niente maschere scure su link e immagini; i box mantengono il proprio hover. */a:hover { background-color: transparent !important; background-image: none !important; box-shadow: none !important; }.entry-card:hover, .home-entry-unified > a:hover { background-color: #39342a !important; background-image: none !important; box-shadow: 0 0 0 3px #39342a !important; }.entry-card:hover *, .home-entry-unified > a:hover * { color: #fff !important; }.ambiti-grid > a:hover { background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,253,247,.46)) !important; }.filter-bar button:hover:not(.active) { background: #806529 !important; color: #fff !important; border-color: #806529 !important; }.photo-open:hover { background-color: transparent !important; box-shadow: none !important; }
/* Progetti in evidenza: rimuove il fondale nero dalla didascalia e dal link. */.project-showcase .project-slide figcaption { background: transparent !important; color: #fff !important; text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.75) !important; }.project-showcase .project-slide figcaption small, .project-showcase .project-slide figcaption a { color: #fff !important; text-shadow: 0 2px 5px rgba(0,0,0,.95), 0 0 12px rgba(0,0,0,.75) !important; }.project-showcase .showcase-top a, .project-showcase .showcase-top a:hover { background: transparent !important; background-image: none !important; box-shadow: none !important; padding: 0 !important; color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,.9) !important; }
/* Home: ogni card è un unico link sull'intera box; i testi interni non sono sottolineati. */.home-entry-unified > a.entry-card,.home-entry-unified > a.entry-studio,.home-entry-unified > a.entry-card *,.home-entry-unified > a.entry-studio * {  text-decoration: none !important;}.home-entry-unified > a.entry-card,.home-entry-unified > a.entry-studio { cursor: pointer; }

/* Studio e team: l'intera scheda è un link; i contenuti interni restano senza sottolineatura. */
.studio-ambiti .ambiti-grid > a,
.studio-ambiti .ambiti-grid > a * { text-decoration: none !important; }
.studio-ambiti .ambiti-grid > a { cursor: pointer; }

/* Mantiene costante il raggio delle box e dei pulsanti al passaggio del mouse. */
a.button:hover,.button:hover{border-radius:10px!important}
.entry-card:hover,.entry-studio:hover,.home-entry-unified>a:hover,.studio-ambiti .ambiti-grid>a:hover,.ambiti-grid>a:hover,.network-card:hover{border-radius:18px!important}
.project-card .portfolio-cover:hover{border-radius:19px!important}
/* Logo SVG aggiornato solo nel piè di pagina: intestazione invariata. */footer .footer-logo { content: url("studiobarbatti-logo-wt-pg.webp") !important; filter: brightness(0) invert(1) !important; object-fit: contain; }/* Ripristina il footer scuro lasciando trasparente il riquadro interno. */footer { background: linear-gradient(122deg,#282722,#34312b 62%,#1d2021) !important; color: rgba(248,244,234,.78) !important; }footer .footer-grid { background: transparent !important; color: rgba(248,244,234,.78) !important; }footer .footer-grid strong { color: #e9ce82 !important; }footer .footer-grid p, footer .footer-grid a, footer .footer-bottom { color: rgba(248,244,234,.78) !important; }footer .footer-grid a:hover { color: #f3d77f !important; }/* Align the expandable service cards with their inset copy */.service-body > .role-comparison,.service-body > .pv-grid { margin-left: 70px; margin-right: 42px; }@media (max-width: 600px) {  .service-body > .role-comparison,  .service-body > .pv-grid { margin-left: 44px; margin-right: 8px; }

}

/* Contrasto dei testi sovrapposti alle copertine portfolio */
.project-card .project-info,
.project-card .project-info :is(.label, small, h2, p, a),
.project-card .project-info a:visited {
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.88), 0 0 2px rgba(0,0,0,.72) !important;
}
.project-card .project-info a:hover,
.project-card .project-info a:focus-visible { color: #fff !important; }

/* Il comando per ripercorrere le fasi usa l’oro Progelec */
#replay-timeline { color: #b58a32 !important; border-color: #b58a32 !important; }
#replay-timeline:hover,
#replay-timeline:focus-visible { color: #fff !important; border-color: #b58a32 !important; background-color: #b58a32 !important; }


/* Rimozione definitiva delle frecce decorative da ogni link */
a.button::after,
.button::after,
#primary-nav.is-open > a:not(.button)::after {
  content: none !important;
  display: none !important;
}
/* Progelec: testi allineati, pulsanti Parliamone oro e pagina Progetti compatta */.role-comparison article h3,.role-comparison article p,.pv-grid article h3,.pv-grid article p {  text-align: left !important;  margin-left: 0 !important;  margin-right: 0 !important;}.page-cta a.button.primary {  background: var(--gold) !important;  border-color: var(--gold) !important;  color: #fff !important;}.page-cta a.button.primary:hover,.page-cta a.button.primary:focus-visible {  background: #75591c !important;  border-color: #75591c !important;  color: #fff !important;}body.page-id-14 main > .page-heading { display: none !important; }body.page-id-14 .portfolio-section { padding-top: 8px !important; }body.page-id-14 .filter-bar { margin-top: 0 !important; }.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }.team-card { display: grid; grid-template-columns: minmax(120px, 38%) 1fr; gap: 22px; align-items: center; padding: 20px; border: 1px solid rgba(141,115,58,.22); border-radius: 18px; background: rgba(255,253,247,.72); color: inherit; text-decoration: none !important; }.team-card img { width: 100%; height: 100%; max-height: 330px; object-fit: cover; border-radius: 12px; }.team-card h3 { margin: 10px 0; font-size: 22px; }.team-card p { color: var(--muted); line-height: 1.65; }.team-card .text-link { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }.team-bio-layout { display: grid; grid-template-columns: minmax(240px, .8fr) 1.2fr; gap: clamp(28px, 6vw, 80px); align-items: center; }.team-bio-portrait { width: 100%; max-width: 430px; height: auto; border-radius: 20px; box-shadow: 18px 20px 0 rgba(171,139,69,.15),0 24px 60px rgba(42,33,18,.14); }.team-bio-intro h2 { margin: 12px 0 16px; }.team-bio-intro p { line-height: 1.7; }.team-bio-details { margin-top: 44px; }.team-bio-details h2 { margin-bottom: 20px; }.team-bio-details details { padding: 8px 0; }.team-bio-details summary { padding: 12px 0; }.team-bio-details details p { margin: 12px 0 14px; }@media (max-width: 600px) {  .team-card, .team-bio-layout { grid-template-columns: 1fr; }  .team-card img, .team-bio-portrait { max-width: 100%; max-height: 380px; object-fit: cover; }  .team-bio-details { margin-top: 30px; }

}

/* Titoli delle pagine più compatti; la Home conserva la scala attuale. */
body:not(.home) main .page-heading > h1 {
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1.08 !important;
}
@media (max-width: 850px) {
  body:not(.home) main .page-heading > h1 {
    font-size: clamp(27px, 5.4vw, 38px) !important;
  }
}
@media (max-width: 600px) {
  body:not(.home) main .page-heading > h1 {
    font-size: clamp(25px, 7vw, 32px) !important;
  }
}
/* Spazio contenuto tra intestazione e filtri del portfolio */.portfolio-section { padding-top: 20px !important; }@media (max-width: 600px) { .portfolio-section { padding-top: 16px !important; } }
/* Distacco leggero sopra i filtri nella pagina Progetti */body.page-id-14 .portfolio-section { padding-top: 18px !important; }@media (max-width: 600px) { body.page-id-14 .portfolio-section { padding-top: 16px !important; } }/* Marchio StudioBarbatti nel piè di pagina in Myriad Pro Regular */body > footer a.affiliation-footer.progelec-link {  font-family: "Myriad Pro", Arial, sans-serif !important;  font-weight: 400 !important;}
/* Marchio Barbatti in Myriad Pro Regular nel footer */body > footer a.progelec-link { font-family: "Myriad Pro", Arial, sans-serif !important; font-weight: 400 !important; }
/* Solo “Barbatti” usa il peso Regular nel marchio del footer */body > footer a.progelec-link { font-size: 0 !important; font-weight: 300 !important; }body > footer a.progelec-link::before { content: "Una realtà Studio "; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: 11px !important; font-weight: 300 !important; }body > footer a.progelec-link::after { content: "Barbatti"; font-family: "Myriad Pro", Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; }
/* Il link resta testo HTML accessibile; il marchio usa Myriad Pro Regular */body > footer a.progelec-link { font-size: 11px !important; font-family: "Myriad Pro", Arial, sans-serif !important; font-weight: 400 !important; }body > footer a.progelec-link::before, body > footer a.progelec-link::after { content: none !important; }
/* Ritratto circolare nella scheda Team e raggio invariato al passaggio del cursore */.team-directory .team-card > img {  width: clamp(120px, 24vw, 220px) !important;  height: clamp(120px, 24vw, 220px) !important;  aspect-ratio: 1 / 1 !important;  object-fit: cover !important;  border-radius: 50% !important;}.team-directory .team-card,.team-directory .team-card:hover,.team-directory .team-card:focus,.team-directory .team-card:focus-visible {  border-radius: 26px !important;}@media (max-width: 600px) {  .team-directory .team-card > img {    width: clamp(96px, 30vw, 150px) !important;    height: clamp(96px, 30vw, 150px) !important;  }}
/* Ritratto perfettamente circolare e raggio della scheda stabile */body .team-directory .team-grid > a.team-card > img { width: 150px !important; height: 150px !important; min-width: 150px !important; max-width: 150px !important; min-height: 150px !important; max-height: 150px !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; border-radius: 50% !important; }body .team-directory .team-grid > a.team-card, body .team-directory .team-grid > a.team-card:hover, body .team-directory .team-grid > a.team-card:focus, body .team-directory .team-grid > a.team-card:focus-visible, body .team-directory .team-grid > a.team-card:active { border-radius: 26px !important; transition-property: color, background-color, border-color, box-shadow, transform !important; }@media (max-width: 600px) { body .team-directory .team-grid > a.team-card > img { width: 100px !important; height: 100px !important; min-width: 100px !important; max-width: 100px !important; min-height: 100px !important; max-height: 100px !important; } }
/* Ritratto Team: porta il volto al centro del taglio circolare. */.team-directory .team-grid > a.team-card > img { object-position: 50% 28% !important; }
/* Nasconde il titolo di pagina Team, senza intervenire sul contenuto del profilo. */body:has(.team-directory) main .page-heading { display: none !important; }
/* Elimina l’etichetta Team ripetuta sopra al sottotitolo. */body:has(.team-directory) .team-directory .wrap > .label { display: none !important; }
body:has(.team-directory) .team-directory .label { display: none !important; }
/* Pagina biografica: usa titolo e breadcrumb inseriti nel contenuto, senza titolo automatico. */body:has(.team-bio) main .page-heading { display: none !important; }
/* Più respiro laterale per i contenuti del piè di pagina */footer > .footer-grid { padding-left: clamp(56px, 6vw, 80px) !important; padding-right: clamp(56px, 6vw, 80px) !important; }@media (max-width: 600px) { footer > .footer-grid { padding-left: 24px !important; padding-right: 24px !important; } }
/* Mostra la sola dicitura introduttiva sopra al titolo Team */body:has(.team-directory) .team-directory .section-head .label { display: block !important; }
/* Biografia: titoli accordion leggibili e testo allineato all’icona */.team-bio-details summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; grid-template-columns: none !important; width: 100% !important; min-height: 58px !important; box-sizing: border-box !important; padding: 10px 0 !important; line-height: 1.35 !important; }.team-bio-details summary::after { display: grid !important; place-items: center !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; margin-left: auto !important; }@media (min-width: 601px) { body:has(.team-bio) main > .team-bio.wrap { padding-left: 0 !important; padding-right: 0 !important; } }@media (max-width: 600px) { .team-bio-details summary { gap: 12px !important; min-height: 54px !important; font-size: 18px !important; } }
@media (min-width: 601px) { body:has(.team-bio) .wp-page-content > .team-bio.wrap { padding-left: 0 !important; padding-right: 0 !important; } }


/* Tasti chiari sulla sezione scura della home, anche su iPhone e al passaggio del mouse. */
.home-stage .home-copy .actions .button,
.home-stage .home-copy .actions .button:link,
.home-stage .home-copy .actions .button:visited,
.home-stage .home-copy .actions .button:hover,
.home-stage .home-copy .actions .button:focus,
.home-stage .home-copy .actions .button:focus-visible,
.home-stage .home-copy .actions .button:active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* Allinea la colonna logo del footer al margine del logo in intestazione su desktop. */
@media (min-width: 851px) {
  footer .footer-grid {
    padding-left: clamp(22px, 5vw, 88px) !important;
    padding-right: clamp(22px, 5vw, 88px) !important;
  }
}


/* Allinea il contenuto del footer al margine del logo dell’intestazione su desktop. */
@media (min-width: 851px) { footer > .footer-grid { padding-left: 48px !important; padding-right: 48px !important; } }


/* Link senza sottolineatura nella pagina Affiliazioni e reti. */
body.sb-affiliazioni main a,
body.sb-affiliazioni main a:link,
body.sb-affiliazioni main a:visited,
body.sb-affiliazioni main a:hover,
body.sb-affiliazioni main a:focus,
body.sb-affiliazioni main a:active { text-decoration: none !important; }


/* Scheda Team di Daniele con la stessa base grafite della home. */
body .team-directory a.team-card[href*="daniele-barbatti"],
body .team-directory a.team-card[href*="daniele-barbatti"]:hover,
body .team-directory a.team-card[href*="daniele-barbatti"]:focus-visible {
  background: radial-gradient(ellipse at 78% 28%, rgba(201,166,82,.22), transparent 42%), linear-gradient(125deg, #282722 0%, #34312b 48%, #1d2021 100%) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #f6f2e9 !important;
}
body .team-directory a.team-card[href*="daniele-barbatti"] h3 { color: #fbf8f0 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] p { color: rgba(247,243,234,.82) !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] .label { color: #e6c977 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"] .entry-more { color: #f2e7c9 !important; }

/* Contrasto chiaro per il richiamo alla biografia sulla scheda scura. */
body .team-directory a.team-card[href*="daniele-barbatti"] .text-link { color: #f2e7c9 !important; }
body .team-directory a.team-card[href*="daniele-barbatti"]:hover .text-link { color: #ffffff !important; }


/* Il breadcrumb mobile non deve ereditare lo stile a riquadro del menu. */
@media (max-width: 850px) {
  body .page-heading nav.breadcrumb {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}


/* Corregge il menu a riquadro ereditato dal breadcrumb mobile. */
@media (max-width: 850px) {
  body .wp-page-content nav.breadcrumb { padding: 0 !important; margin-top: 0 !important; margin-bottom: 18px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
}


/* Filtro selezionato del portfolio in oro, anche prima di qualsiasi clic. */
body.page-id-14 .filter-bar button.active,
body.page-id-14 .filter-bar button.active:hover,
body.page-id-14 .filter-bar button.active:focus,
body.page-id-14 .filter-bar button.active:focus-visible {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #ffffff !important;
}


/* Link “Parliamo del progetto” bianco nella hero scura della home. */
body.home .home-stage .actions a.text-link[href*="/contatti/"],
body.home .home-stage .actions a.text-link[href*="/contatti/"]:visited,
body.home .home-stage .actions a.text-link[href*="/contatti/"]:hover,
body.home .home-stage .actions a.text-link[href*="/contatti/"]:focus-visible {
  color: #ffffff !important;
}


/* Link del piè di pagina senza sottolineatura, in ogni stato e viewport. */
body footer a,
body footer a:visited,
body footer a:hover,
body footer a:focus,
body footer a:focus-visible,
body footer a:active {
  text-decoration: none !important;
}


/* Corregge l’altezza minima nelle due pagine: la zoom globale al 150% non deve creare uno spazio artificiale prima del footer. */
body.page-id-16:not(.admin-bar), body.sb-conduzione:not(.admin-bar) { min-height: 66.6667dvh !important; }
body.page-id-16.admin-bar, body.sb-conduzione.admin-bar { min-height: calc(66.6667dvh - 21.333px) !important; }
@media (max-width: 782px) { body.page-id-16.admin-bar, body.sb-conduzione.admin-bar { min-height: calc(66.6667dvh - 30.667px) !important; } }


/* Logo bianco corretto nel piè di pagina */
footer .footer-logo {
  content: url("studiobarbatti-logo-wt-pg.webp") !important;
  filter: none !important;
  opacity: 1 !important;
}


/* Piccolo distacco tra il pulsante finale e il piè di pagina in Come collaboriamo */
body.page-id-16 #main > section.wrap:last-child { margin-bottom: 16px !important; }


/* Avvicina la descrizione al logo nel piè di pagina */
footer .footer-logo { display: block; margin-bottom: 4px !important; }
footer .footer-logo + p { margin-top: 0 !important; }

/* Una realt Studio light nel footer; solo Barbatti regular. */
body > footer .footer-grid a.progelec-link { font-weight: 300 !important; }

/* Link StudioBarbatti: oro su fondo chiaro, giallo sul piè di pagina scuro */
main a.progelec-link, main a.progelec-link span, main a.progelec-link strong { color: #82621f !important; }
main a.progelec-link:hover, main a.progelec-link:hover span, main a.progelec-link:hover strong { color: #5b4517 !important; }
body > footer a.progelec-link, body > footer a.progelec-link span, body > footer a.progelec-link strong { color: #e9ce82 !important; }
body > footer a.progelec-link:hover, body > footer a.progelec-link:hover span, body > footer a.progelec-link:hover strong { color: #f4dc9c !important; }


/* Metodo: riduce il distacco tra il pulsante finale e il piè di pagina */
body.sb-metodo .page-cta { padding-bottom: 10px !important; }
body.sb-metodo #main > div[style*="height:32px"] { display: none !important; }


/* Home: cornice compatta, stacco inferiore uguale al lato destro. */
@media (min-width: 851px) {
  body.home .home-stage { min-height: 0 !important; padding-top: 48px !important; padding-bottom: 48px !important; }
  body.home .home-stage .project-showcase { align-self: end !important; }
}

/* Studio: altezza finestra come Chi siamo e piccolo stacco finale. */
body.sb-studio:not(.admin-bar) { min-height: 66.6667dvh !important; }
body.sb-studio.admin-bar { min-height: calc(66.6667dvh - 21.333px) !important; }
@media (max-width: 782px) { body.sb-studio.admin-bar { min-height: calc(66.6667dvh - 30.667px) !important; } }
body.sb-studio .page-cta { padding-bottom: 10px !important; }

/* Home mobile: “Scopri i servizi” resta sempre su fondo oro. */
@media (max-width: 850px) {
  body.home .home-stage .home-copy .actions a.button[href*="competenze.html"],
  body.home .home-stage .home-copy .actions a.button[href*="/competenze/"],
  body.home .home-stage .home-copy .actions a.button:link,
  body.home .home-stage .home-copy .actions a.button:visited,
  body.home .home-stage .home-copy .actions a.button:hover,
  body.home .home-stage .home-copy .actions a.button:focus,
  body.home .home-stage .home-copy .actions a.button:focus-visible,
  body.home .home-stage .home-copy .actions a.button:active {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Ancoraggio servizi: lascia libera la riga superiore della tendina sotto l’*/
#main details[id^="servizio-"] { scroll-margin-top: 150px; }

/* Spazio ancoraggio tarato sull’intestazione sticky. */
#main details[id^="servizio-"] { scroll-margin-top: 42px !important; }


/* Servizi: compattare il passaggio dall’introduzione alle competenze e staccare le tendine dal titolo. */
body.sb-servizi .page-heading { padding-bottom: 8px !important; }
body.sb-servizi #competenze .services { margin-top: 16px !important; }


/* Sistema tipografico Progelec — armonizzazione globale desktop/tablet/mobile */
:root {
  --pg-type-font: "Myriad Pro", Arial, sans-serif;
  --pg-type-ink: #302d27;
  --pg-type-muted: #756e62;
  --pg-type-gold: #82621f;
  --pg-type-gold-dark: #5b4517;
}
body, button, input, select, textarea {
  font-family: var(--pg-type-font) !important;
}
body { font-family: var(--pg-type-font) !important; font-weight: 300; }
body main h1, body main h2, body main h3 {
  font-family: var(--pg-type-font) !important;
  font-weight: 400 !important;
  text-transform: none !important;
}
body main h1 { line-height: 1.12 !important; letter-spacing: -.018em; }
body:not(.home) main .page-heading > h1 {
  font-size: 48px !important;
  line-height: 1.12 !important;
}
body:has(.team-bio) main .team-bio h1 {
  font-size: 48px !important;
  line-height: 1.12 !important;
}
body.home .home-stage .home-copy h1 {
  font-size: clamp(56px, 5vw, 72px) !important;
  line-height: 1.02 !important;
}
body main h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  letter-spacing: -.012em;
}
body main h3 {
  font-size: 20px !important;
  line-height: 1.28 !important;
  letter-spacing: -.006em;
}
body main p {
  font-family: var(--pg-type-font) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  text-transform: none !important;
}
body main .page-heading > p { font-size: 16px !important; line-height: 1.55 !important; }
body.home .home-stage .home-copy > p { font-size: 18px !important; line-height: 1.5 !important; }
body main .project-card .project-info h2,
body main .project-showcase h2 { font-size: 22px !important; line-height: 1.22 !important; }
body main .project-card .project-info p { font-size: 14px !important; line-height: 1.45 !important; }
body main .home-entry-unified h2 { font-size: 22px !important; line-height: 1.24 !important; }
body main .home-entry-unified p { font-size: 15px !important; line-height: 1.5 !important; }
body main .entry-studio h2 { font-size: 24px !important; line-height: 1.22 !important; }
body main .network-card h2 { font-size: 20px !important; line-height: 1.25 !important; }
body main .team-bio-intro h2 { font-size: 28px !important; line-height: 1.22 !important; }
body main .team-bio-details h2 { font-size: 30px !important; line-height: 1.22 !important; }
body main .team-card h3 { font-size: 20px !important; line-height: 1.25 !important; }
body main .role-comparison h3, body main .pv-grid h3 { font-size: 18px !important; line-height: 1.3 !important; }
body #competenze details > summary { font-size: 18px !important; line-height: 1.3 !important; }
body .breadcrumb { font-family: var(--pg-type-font) !important; font-size: 13px !important; line-height: 1.45 !important; font-weight: 300 !important; }
#primary-nav a:not(.button) { font-family: var(--pg-type-font) !important; font-size: 13px !important; line-height: 1.45 !important; }
body footer, body footer p, body footer a, body footer strong { font-family: var(--pg-type-font) !important; }
body footer .footer-grid { font-size: 12px !important; line-height: 1.5 !important; }
body footer .footer-grid strong { font-size: 13px !important; line-height: 1.35 !important; }
/* Marchio: Studio Light e Barbatti Regular in ogni occorrenza */
a.progelec-link { font-family: var(--pg-type-font) !important; font-weight: 300 !important; }
a.progelec-link span { font-family: var(--pg-type-font) !important; font-weight: 300 !important; }
a.progelec-link strong { font-family: var(--pg-type-font) !important; font-weight: 400 !important; }
/* Hover leggibile sui fondi chiari; le superfici scure conservano i loro colori contestuali */
a:hover, a:focus-visible {
  color: var(--pg-type-gold-dark) !important;
  text-decoration: none !important;
}
a:focus-visible:not(.button):not(.entry-card):not(.team-card):not(.network-card) {
  outline: 2px solid var(--pg-type-gold) !important;
  outline-offset: 3px;
  border-radius: 2px !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
@media (min-width: 601px) and (max-width: 850px) {
  body:not(.home) main .page-heading > h1,
  body:has(.team-bio) main .team-bio h1 { font-size: 36px !important; }
  body main h2 { font-size: 30px !important; }
  body main h3 { font-size: 19px !important; }
  body main p { font-size: 16px !important; }
  body.home .home-stage .home-copy h1 { font-size: clamp(38px, 5vw, 44px) !important; }
  body.home .home-stage .home-copy > p { font-size: 16px !important; }
}
@media (max-width: 600px) {
  body:not(.home) main .page-heading > h1,
  body:has(.team-bio) main .team-bio h1 { font-size: clamp(27px, 7.5vw, 30px) !important; line-height: 1.12 !important; }
  body.home .home-stage .home-copy h1 { font-size: clamp(30px, 8vw, 33px) !important; line-height: 1.06 !important; }
  body main h2 { font-size: clamp(24px, 6.5vw, 26px) !important; line-height: 1.22 !important; }
  body main h3 { font-size: 18px !important; line-height: 1.3 !important; }
  body main p { font-size: 15px !important; line-height: 1.55 !important; }
  body.home .home-stage .home-copy > p { font-size: 15px !important; line-height: 1.5 !important; }
  body main .project-card .project-info h2,
  body main .project-showcase h2 { font-size: 18px !important; line-height: 1.25 !important; }
  body main .project-card .project-info p { font-size: 13px !important; line-height: 1.4 !important; }
  body main .home-entry-unified h2 { font-size: 20px !important; }
  body main .home-entry-unified p { font-size: 14px !important; }
  body main .entry-studio h2 { font-size: 21px !important; }
  body main .network-card h2 { font-size: 18px !important; }
  body main .team-bio-intro h2, body main .team-bio-details h2 { font-size: 23px !important; line-height: 1.25 !important; }
  body main .team-card h3 { font-size: 19px !important; }
  body main .role-comparison h3, body main .pv-grid h3 { font-size: 17px !important; }
  body #competenze details > summary { font-size: 17px !important; }
  body .breadcrumb { font-size: 12px !important; line-height: 1.45 !important; }
  body footer .footer-grid { font-size: 12px !important; line-height: 1.5 !important; }
  body footer .footer-grid strong { font-size: 13px !important; }
}
/* Correzioni di scala: titolo del profilo e incipit coerenti su tutti i breakpoint. */body .team-bio-page-title { font-size: 48px !important; line-height: 1.12 !important; }@media (min-width: 601px) and (max-width: 850px) { body .team-bio-page-title { font-size: 36px !important; } }@media (max-width: 600px) { body .team-bio-page-title { font-size: clamp(27px, 7.5vw, 30px) !important; } body main .page-heading > p { font-size: 15px !important; } }
footer a.progelec-link, footer a.progelec-link strong { font-size: 12px !important; line-height: 1.5 !important; }
@media (max-width: 850px) { #primary-nav a:not(.button) { font-size: 16px !important; line-height: 1.4 !important; } }
body > footer .footer-grid a.progelec-link, body > footer .footer-grid a.progelec-link span, body > footer .footer-grid a.progelec-link strong { font-size: 12px !important; line-height: 1.5 !important; }

/* Privacy Policy: colonna di lettura allineata ai contenuti del sito */
body.page-id-3 .wp-page-content > p,
body.page-id-3 .wp-page-content > h2,
body.page-id-3 .wp-page-content > h3,
body.page-id-3 .wp-page-content > ul,
body.page-id-3 .wp-page-content > ol {
  max-width: 1050px;
}

/* Misura di lettura: evita righe eccessivamente lunghe */
body.page-id-3 .wp-page-content > p,
body.page-id-3 .wp-page-content > h2,
body.page-id-3 .wp-page-content > h3,
body.page-id-3 .wp-page-content > ul,
body.page-id-3 .wp-page-content > ol {
  max-width: 850px !important;
}

/* Chi siamo: evita il doppio margine del contenitore interno. */
body.sb-conduzione main .wp-page-content > .wrap.team-directory {
 width:100% !important; max-width:none !important;
 margin-left:0 !important; margin-right:0 !important;
 padding-left:0 !important; padding-right:0 !important;
 box-sizing:border-box;
}

/* Chi siamo: scheda compatta, metà larghezza su desktop. */
@media (min-width:851px){
 body.sb-conduzione main .team-directory .team-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;}
 body.sb-conduzione main .team-directory .team-card {width:100% !important;min-width:0;grid-column:auto !important;grid-template-columns:100px minmax(0,1fr) !important;gap:20px !important;}
 body.sb-conduzione main .team-directory .team-card>img {width:100px !important;height:100px !important;min-width:0 !important;min-height:0 !important;max-width:100% !important;}
}

/* Revisione 10 ottobre: sei fasi SIA, quattro passaggi operativi, contatti. */
.home-stage .showcase-top {justify-content:flex-end;}
#metodo .sia-timeline {grid-template-columns:repeat(6,minmax(190px,1fr)) !important;min-width:1140px !important;}
#metodo .sia-timeline::before,#metodo .sia-timeline::after {right:calc(16.6667% - 20px);}
#metodo .sia-timeline::after {animation-duration:6.3s;}
#metodo .sia-timeline h3 {min-height:2.6em;font-size:18px !important;line-height:1.3 !important;}
#metodo .sia-timeline p {font-size:14px !important;line-height:1.55 !important;}
#metodo .sia-timeline li {padding-right:28px;min-width:0;}
#metodo .sia-timeline .subphases {color:var(--gold,#98752b);}
.method-collaboration .collaboration-steps {grid-template-columns:repeat(4,minmax(0,1fr));}
#contatti.contact-panel-section {padding-top:0 !important;padding-bottom:32px !important;}
#contatti .contact-network-card {position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border-radius:18px;border:1px solid rgba(255,255,255,.22);padding:28px;gap:32px;align-items:start;background:radial-gradient(at 78% 28%,rgba(201,166,82,.22),transparent 42%),linear-gradient(125deg,#282722 0%,#34312b 48%,#1d2021 100%);color:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
#contatti .contact-network-card>canvas.gold-network {z-index:0 !important;}
#contatti .contact-network-card>div,#contatti .contact-network-card>address {z-index:1;position:relative;}
#contatti .contact-network-card h2,#contatti .contact-network-card p {color:#fff !important;}
#contatti .contact-network-card .label,#contatti .contact-network-card a {color:#edcf80 !important;}
#contatti .contact-network-card a:hover,#contatti .contact-network-card a:focus-visible {color:#fff !important;background:transparent !important;}
#contatti .contact-network-card address {background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;min-width:0;font-style:normal;display:grid;gap:12px;}
#contatti .contact-network-card address a {font-size:clamp(18px,2vw,24px);overflow-wrap:anywhere;}
#contatti .contact-network-card address p {margin-bottom:0;}
@media (min-width:601px) and (max-width:850px){.method-collaboration .collaboration-steps {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.method-collaboration .collaboration-steps {grid-template-columns:1fr;}#contatti .contact-network-card {grid-template-columns:1fr;padding:22px;gap:24px;}}

@media(min-width:851px){.method-collaboration .collaboration-steps {gap:28px;} .method-collaboration .collaboration-steps h3 {font-size:18px !important;line-height:1.3 !important;} .method-collaboration .collaboration-steps p {font-size:14px !important;line-height:1.55 !important;}}

/* Home: foto e testo Conduzione allineati sul bordo superiore. */
body.home main .entry-studio { align-items: start; }

/* Home: riquadri Metodo e Conduzione compatti, proporzionati al ritratto. */
body.home .home-entry-unified > a { min-height:0; padding:18px; }
body.home .home-entry-unified .entry-studio h2 > div:has(> br:only-child) { display:none; }
body.home .home-entry-unified .entry-studio h2 { margin-top:8px; margin-bottom:6px; }
body.home .home-entry-unified .entry-studio .entry-more { margin-top:8px; }

/* Home: etichette Metodo e Conduzione uniformi. */
body.home main .home-entry-unified > a .label { font-size:13px !important; font-weight:400 !important; line-height:1.55 !important; letter-spacing:.045em !important; }

/* Puntatore nativo: rispetta dimensioni e preferenze del sistema del visitatore. */
html body, html body * { cursor:auto; }
html body a, html body a *, html body button, html body button *, html body summary, html body summary *, html body [role="button"], html body [role="button"] * { cursor:pointer; }

/* Referenze: prova indipendente con schede di mandato. */
body:is(.page-id-889,.page-id-894,.page-id-896,.page-id-898,.page-id-900,.page-id-902,.page-id-904,.page-id-906,.page-id-908) main > .page-heading {display:none !important;}
body:is(.page-id-889,.page-id-894,.page-id-896,.page-id-898,.page-id-900,.page-id-902,.page-id-904,.page-id-906,.page-id-908) main > .wp-page-content {width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;}
body.page-id-889 .wp-page-content > .page-heading {display:none !important;}
body.page-id-889 .portfolio-section {padding-top:18px !important;padding-bottom:12px !important;}
body.page-id-889 .filter-bar button.active,body.page-id-889 .filter-bar button[aria-pressed="true"] {background:var(--gold,#82621f) !important;color:#fff !important;border-color:var(--gold,#82621f) !important;}
body:is(.page-id-889,.page-id-894,.page-id-896,.page-id-898,.page-id-900,.page-id-902,.page-id-904,.page-id-906,.page-id-908) .mandate-sheet {display:block;text-decoration:none !important;background:transparent !important;}
body:is(.page-id-889,.page-id-894,.page-id-896,.page-id-898,.page-id-900,.page-id-902,.page-id-904,.page-id-906,.page-id-908) .mandate-sheet::before,body:is(.page-id-889,.page-id-894,.page-id-896,.page-id-898,.page-id-900,.page-id-902,.page-id-904,.page-id-906,.page-id-908) .mandate-sheet::after {display:none !important;}

/* Schede web della prova Referenze: fotografie, testo e dati separati dal PDF. */
@media(max-width:600px) {.wp-page-content > .page-heading:has(+ .mandate-web) {padding-left:0!important;padding-right:0!important;}}
.mandate-web {padding-top:0!important;padding-bottom:28px!important;}
.mandate-web figure {margin:0;min-width:0;}
.mandate-web .mandate-hero {margin-bottom:32px;}
.mandate-web .mandate-hero img {display:block;width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center;background:transparent;border-radius:16px;}
.mandate-web .mandate-body {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;}
.mandate-web h2 {font-size:24px!important;line-height:1.25!important;margin:0 0 18px!important;}
.mandate-web .mandate-description p {margin:0 0 18px;line-height:1.6;}
.mandate-web .mandate-data {min-width:0;}
.mandate-web .mandate-data section {padding:24px;border:1px solid var(--line,rgba(130,98,31,.22));border-radius:16px;margin-bottom:20px;background:rgba(255,255,255,.35);}
.mandate-web .mandate-facts {margin:0;}
.mandate-web .mandate-facts > div {margin:0 0 16px;}
.mandate-web .mandate-facts > div:last-child {margin-bottom:0;}
.mandate-web dt {font-weight:400;color:var(--gold,#82621f);line-height:1.35;margin-bottom:4px;}
.mandate-web dd {margin:0;font-weight:300;line-height:1.5;overflow-wrap:anywhere;}
.mandate-web .mandate-prestations {margin-top:28px;padding:0!important;min-height:0;height:auto;}
.mandate-web .mandate-prestations ul {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;}
.mandate-web .mandate-prestations li {line-height:1.5;}
.mandate-web .mandate-download {margin-top:28px!important;}
.mandate-web .button.primary {background:var(--gold,#82621f)!important;color:#fff!important;text-decoration:none!important;}
.mandate-web .button.primary:hover,.mandate-web .button.primary:focus-visible {background:var(--gold-dark,#72551b)!important;color:#fff!important;}
.mandate-web .mandate-photos {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;align-items:start;}
.mandate-web .mandate-photos:has(> figure:nth-child(2):last-child) {grid-template-columns:repeat(2,minmax(0,1fr));}
.mandate-web .mandate-photos img {display:block;width:100%;height:auto;max-height:400px;object-fit:contain;object-position:left top;border-radius:16px;}
.mandate-web figcaption {font-size:14px;line-height:1.4;color:var(--muted,#67645c);margin-top:10px;}
.mandate-web .mandate-return {margin:28px 0 0;}
@media(max-width:850px) {
 .mandate-web .mandate-body {grid-template-columns:minmax(0,1fr);gap:24px;}
 .mandate-web .mandate-photos {gap:18px;}
}
@media(max-width:600px) {
 .mandate-web .mandate-hero {margin-bottom:24px;}
 .mandate-web h2 {font-size:21px!important;}
 .mandate-web .mandate-data section {padding:20px;}
 .mandate-web .mandate-prestations ul {grid-template-columns:minmax(0,1fr);}
 .mandate-web .mandate-photos,.mandate-web .mandate-photos:has(> figure:nth-child(2):last-child) {grid-template-columns:minmax(0,1fr);}
 .mandate-web .mandate-photos img {max-height:none;}
}