/* SHM Srl - overrides.css - generato il 24/09/2026 da ~/_aec/mkplugin.py
   Copia consolidata di TUTTE le regole CSS aggiunte da SHM al tema albini-aec
   (BugSmash settembre 2026). Caricato dopo style.css: se il tema viene
   sovrascritto, queste regole restano attive. Ogni blocco riporta il file
   di origine nel tema. */

/* ===== blocks/page-intro/style.css (modifiche in-place) ===== */
.gc-intro { padding-bottom: 0; }  /* SHM 04/09/2026 - BugSmash #5 (era 150px), modifica in-place nel tema */
.si-intro { padding-bottom: 0; }  /* SHM 04/09/2026 - BugSmash #5 (era 117px), modifica in-place nel tema */

/* ===== blocks/link-button/style.css (modifiche in-place) ===== */
.svi-viewall-wrap { padding: 69px 0 60px; }  /* SHM 04/09/2026 - BugSmash #5 (era 46px 0 46px), modifica in-place nel tema */

/* ===== blocks/page-intro/style.css (righe 74-108) ===== */
/* --- SHM 04/09/2026 - BugSmash #4 (richiesta cliente) ----------------------
   "i testi introduttivi di ogni pagina da allineare al testo nero a sx (vedi
   figma)". In Figma la colonna di destra parte all'altezza dell'H1 nero, non
   del titoletto rosso. Qui titoletto e H1 stanno nella stessa cella di
   sinistra, quindi la colonna di destra va spinta giu' di una riga di
   titoletto piu' il suo margine: var(--lh-titoletti) 38px + 24px = 62px.
   Solo da 1025px in su: sotto, .grid-2 diventa a colonna singola
   (style.css, @media max-width:1024px) e l'offset non avrebbe senso.
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
  .chi-siamo-intro__copy,
  .gc-intro__copy,
  .si-intro__copy,
  .svi-intro__copy {
    padding-top: calc(var(--lh-titoletti) + 24px);
  }
}

/* --- SHM 08/09/2026 - BugSmash #16 e #17 (richiesta cliente) ---------------
   "andare a capo come su Figma (finestra testo piu' stretta)". Il titolo H1
   occupava tutta la colonna (628px) e andava a capo in punti diversi dal
   Figma. Larghezza massima in em del titolo stesso, cosi' scala con il
   clamp() del font: 14em a 40px = 560px, che riproduce esattamente le tre
   righe del Figma su General Contractor e Soluzioni per Investitori
   ("Governare ogni fase del / progetto, dalla pianificazione / alla
   consegna." e "Ci proponiamo agli investitori / come una realta' in grado
   di / seguire l'interno processo."); 12.5em su Sviluppo Immobiliare
   ("Progettiamo e sviluppiamo / immobili per creare valore / nel tempo.").
   Solo da 1025px in su, dove le colonne sono due. */
@media (min-width: 1025px) {
  .gc-intro__heading,
  .si-intro__heading { max-width: 14em; }
  .svi-intro__heading { max-width: 12.5em; }
}

/* ===== blocks/hero-slider/style.css (righe 194-200) ===== */
/* --- SHM 08/09/2026 - BugSmash #12 (richiesta cliente) ---------------------
   "possiamo nascondere il pallino?": con la testata ridotta al solo video
   (BugSmash #1) la paginazione ha un solo pallino, che non serve. Si nasconde
   solo quando la slide e' una: se un giorno tornano piu' slide, i pallini
   ricompaiono da soli. */
.hero__pagination li:only-child { display: none; }

/* ===== blocks/stats-band/style.css (righe 50-74) ===== */
/* --- SHM 08/09/2026 - BugSmash #21 (richiesta cliente) ---------------------
   "numeri ok, ma dimensioni e posizione da fare come su Figma" (180:2610,
   misurato al 200%): cifre 54px con line-height 1 (erano 55px/42px), etichette
   invariate a 17px ma su una riga sola, gruppo dei cinque valori centrato nel
   container con 100px fra una coppia e l'altra invece di distribuito da bordo
   a bordo, 76px fra il titoletto e le cifre invece di 40 e 12px fra cifra ed
   etichetta invece di 8. Sotto i 1024px resta la disposizione a capo del dev. */
.stats-band .stats-band__kicker { margin-bottom: 76px; }
.stats-band__grid { justify-content: center; gap: 100px; }
.stats-band__number { font-size: 54px; line-height: 1; }
.stats-band__label { margin-top: 12px; white-space: nowrap; }
@media (max-width: 1024px) {
  .stats-band__grid { justify-content: flex-start; gap: var(--space-40) 48px; }
  .stats-band__label { white-space: normal; }
}

/* --- SHM 08/09/2026 - BugSmash #51 (richiesta cliente, mobile) -------------
   "questi piu' piccoli e li fare in singola colonna": sotto i 768px i cinque
   valori vanno in colonna singola con cifre a 40px invece di 54. */
@media (max-width: 768px) {
  .stats-band__grid { flex-direction: column; align-items: flex-start; gap: 28px; }
  .stats-band__number { font-size: 40px; }
  .stats-band__label { margin-top: 6px; }
}

/* ===== blocks/partners/style.css (righe 78-94) ===== */
/* --- SHM 08/09/2026 - BugSmash #13 (richiesta cliente) ---------------------
   "certificazioni: leggermente piu' grandi e full screen, quindi spariscono
   ai margini dello schermo". Il nastro esce dal container e occupa tutta la
   larghezza della finestra (margine negativo simmetrico), cosi' i loghi
   entrano ed escono dai bordi dello schermo. Loghi da 66 a 80px, spazi in
   proporzione. Sotto i 768px restano i valori del dev (48px). */
.partners__viewport {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.partners__logo { height: 80px; }
.partners__group { gap: 46px; padding-right: 46px; }
@media (max-width: 768px) {
  .partners__logo { height: 48px; }
  .partners__group { gap: 48px; padding-right: 48px; }
}

/* ===== blocks/si-process/style.css (righe 30-42) ===== */
/* --- SHM 08/09/2026 - BugSmash #20 (richiesta cliente) ---------------------
   "ridurre dimensioni icone" nel blocco "Il nostro processo integrato":
   colonna icona da 95 a 72px e icona al massimo 72x66 (era 95x88, la stessa
   misura del Figma: e' una preferenza del cliente). Il testo resta dov'era:
   il gap cresce di quanto si e' ridotta la colonna. Solo su questo blocco,
   le stesse icone in home e nella pagina ESG non sono state toccate. */
.si-process-intro .esg-feature__icon-wrap { flex-basis: 72px; }
.si-process-intro .esg-feature__icon-wrap img { max-width: 72px; max-height: 66px; }
.si-process-intro .esg-feature { gap: 87px; }
@media (max-width: 768px) {
  .si-process-intro .esg-feature { gap: 24px; }
}

/* ===== blocks/si-video/style.css (righe 63-66) ===== */
/* --- SHM 08/09/2026 - BugSmash #19: l'embed YouTube che al clic prende il posto
   del <video> usa la stessa classe .video-teaser__media (absolute, inset 0). */
iframe.video-teaser__media { border: 0; object-fit: initial; }

/* ===== blocks/featured-project/style.css (righe 230-249) ===== */
/* --- SHM 08/09/2026 - BugSmash #22 (richiesta cliente) ---------------------
   "spazio molto largo, uniformare" (SI, sotto il progetto in evidenza): il
   margin-bottom da 120px del componente (ritmo della home) si sommava ai 69px
   di padding del wrapper "Scopri tutti i progetti" (189px in tutto), mentre
   su Figma e su Sviluppo Immobiliare il link sta a ~65px. Azzerato solo quando
   il blocco e' seguito dal wrapper del link (Soluzioni Investitori e General
   Contractor); home ed ESG non cambiano. Va dopo le media query: deve battere
   anche il margin-bottom 100px sotto i 1024px. */
.featured-project:has(+ .si-viewall-wrap),
.featured-project:has(+ .gc-viewall-wrap) { margin-bottom: 0; }

/* --- SHM 16/09/2026 - BugSmash #59 / mail Bea 4/9 punto 6 (richiesta cliente) ----
   Le due voci della scheda sono ora "intervento" (frase di apertura della scheda
   progetto) e "categoria". Il testo dell'intervento e lungo (100-160 caratteri):
   a 28px occupava 6-7 righe e la scheda diventava altissima, quindi solo quella
   voce scende a 22px (19 su telefono); "categoria" resta come prima.
   ------------------------------------------------------------------------------- */
.featured-project__spec:first-child .t-h3 { font-size: 22px; line-height: 1.32; }
@media (max-width: 768px) { .featured-project__spec:first-child .t-h3 { font-size: 19px; } }

/* ===== blocks/projects-grid/style.css (righe 19-29) ===== */
/* --- SHM 04/09/2026 - BugSmash #6 (richiesta cliente) ----------------------
   "da uniformare spazio sotto ultima voce tra le due sequenze". Su Sviluppo
   Immobiliare questa fascia segue sempre .values, che chiude con
   padding-bottom var(--space-120): i due padding si sommavano e sotto
   l ultima riga della lista restavano 240px invece dei ~120px del Figma
   (77:811, ultima riga -> titoletto PROGETTI IN EVIDENZA). Azzerato solo
   quando le due sezioni sono adiacenti, cosi la fascia resta invariata
   ovunque venga riusata da sola.
   -------------------------------------------------------------------------- */
.values + .svi-projects { padding-top: 0; }

/* ===== blocks/storia-timeline/style.css (righe 240-277) ===== */
/* --- SHM 04/09/2026 - richiesta cliente: tappa attiva ingrandita ------------
   Il numero della tappa selezionata cresce leggermente invece di cambiare solo
   colore. Si usa transform e non font-size: non essendo una proprieta di
   layout, la riga non si sposta e le altre tappe restano ferme al loro posto.
   transform-origin a sinistra tiene la cifra allineata alla colonna dei 193px.
   Le transizioni stanno sulle regole base, non sulla variante .is-active, cosi
   valgono anche quando la tappa torna inattiva e rimpicciolisce.
   -------------------------------------------------------------------------- */
.storia__year {
  transform-origin: left center;
  transition: transform 420ms cubic-bezier(.22,.61,.36,1), color 380ms ease;
}
.storia__item,
.storia__era,
.storia__desc { transition: color 380ms ease; }

.storia__item.is-active .storia__year { transform: scale(1.1); }

@media (prefers-reduced-motion: reduce) {
  .storia__year,
  .storia__item,
  .storia__era,
  .storia__desc { transition: none; }
  .storia__item.is-active .storia__year { transform: none; }
}

/* --- SHM 08/09/2026 - BugSmash #45 / #46 (richiesta cliente, mobile) -------
   #45 "allineare in alto": sotto i 768px la tappa era centrata in un box da
   134px, con l'anno che galleggiava a meta' altezza; ora anno e testo partono
   dall'alto. #46 "freccine allineate al testo": le frecce erano centrate sotto
   l'anno (offset di meta' misura), ora partono dal bordo sinistro del testo
   come il titoletto e l'intro della sezione. */
@media (max-width: 768px) {
  .storia__item { align-items: flex-start; min-height: 0; }
  .storia .grid-split { row-gap: 40px; } /* un po' di aria fra intro e prima tappa ora che la tappa parte dall'alto */
  .storia__carousel .storia__arrows { margin-left: 0; }
}

/* ===== blocks/testimonial/style.css (righe 75-102) ===== */
/* --- SHM 08/09/2026 - BugSmash #15 e #47 (richiesta cliente) ---------------
   "togliamo queste virgolette": la virgoletta decorativa grigia da 105px
   sopra la citazione va nascosta, desktop e mobile. Il markup resta: per
   rimetterla basta togliere questa regola. */
.testimonial__mark { display: none; }

/* --- SHM 08/09/2026 - BugSmash #48 (richiesta cliente, mobile) -------------
   "questo possiamo sempre farlo sovrapposto all'immagine come per desktop?":
   sotto i 768px la citazione stava in un riquadro bianco sotto la foto (flusso
   normale, foto da 280px). Ora la foto e' alta 540px e il riquadro le si
   sovrappone in basso come su desktop (bianco al 90%, angoli arrotondati). */
@media (max-width: 768px) {
  .testimonial { position: relative; background: transparent; }
  .testimonial__media { height: 540px; }
  .testimonial > .container { position: absolute; left: 0; right: 0; bottom: 24px; height: auto; }
  .testimonial__panel { margin: 0; padding: 24px; background: rgba(255, 255, 255, .9); border-radius: var(--radius-frame); }
}

/* --- SHM 16/09/2026 - BugSmash #63 (richiesta cliente, mobile) --------------------
   "mettere box bianco al centro e ridurre altezza della pagina di sfondo": su
   telefono e tablet la fotografia scende da 540 a 440px e il riquadro bianco con
   la citazione e centrato in verticale (prima era ancorato in basso).
   ------------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .testimonial__media { height: 440px; }
  .testimonial > .container { top: 0; bottom: 0; display: flex; align-items: center; }
}

/* ===== blocks/downloads-list/style.css (righe 87-97) ===== */
/* --- SHM 08/09/2026 - BugSmash #52 (richiesta cliente, mobile) -------------
   "DOWNLOAD del bilancio da mettere sulla dx. lasciare piu' spazio sopra e
   sotto": sotto i 768px etichetta e link andavano a capo su due righe a
   sinistra; ora restano su una riga con il link a destra e la fascia ha 40px
   sopra e sotto. */
@media (max-width: 768px) {
  .downloads--report { padding: 40px 0; }
  .downloads--report .esg-report { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 16px; }
  .esg-report .aec-btn { flex: 0 0 auto; }
}

/* ===== blocks/esg-certs/style.css (righe 46-60) ===== */
/* --- SHM 08/09/2026 - BugSmash #53 / #54 (richiesta cliente, mobile) -------
   "tutte le certificazioni farle piu' piccole" / "tenere questa (ELITE, 126px)
   come riferimento per quelle tonde": sotto i 768px i quattro bolli SGS
   passano da 167px a 126px come il logo ELITE, e i loghi larghi (CQOP SOA,
   Deloitte) scendono a 220px di larghezza massima. */
@media (max-width: 768px) {
  .esg-cert img { width: auto; max-width: 220px; max-height: 126px; height: auto; }
  .esg-certs__row:first-child .esg-cert img { width: 126px; }
}

/* --- SHM 16/09/2026 - mail cliente 4/9 punto 2 -----------------------------------
   Rete di sicurezza per render.php: se un marchio non ha il PDF (Best Managed
   Companies, ELITE) il bottone Download non deve comparire (usciva con href="#"). */
.esg-cert .aec-btn[href="#"] { display: none; }

/* ===== blocks/contatti-map/style.css (righe 87-91) ===== */
/* --- SHM 08/09/2026 - BugSmash #38 (richiesta cliente) ---------------------
   "eliminare spazio bianco tra cartina e cta rossa": su Figma la fascia rossa
   parte subito sotto la mappa, quindi tolti gli 11px di padding-bottom. */
.contatti-map { padding-bottom: 0; }

/* ===== blocks/contatti/style.css (righe 237-243) ===== */
/* --- SHM 08/09/2026 - BugSmash #40 (richiesta cliente) ---------------------
   "sistemare email come da Figma": nel mockup le tre coppie etichetta/indirizzo
   del blocco "email" sono separate da una riga vuota (22px) e gli indirizzi
   sono sottolineati. Il markup (un <p> per coppia) era gia' cosi'. */
.contatti__details .ruled-item__body p + p { margin-top: 22px; }
.contatti__details .ruled-item__body a[href^="mailto:"] { text-decoration: underline; text-underline-offset: 3px; }

/* ===== style.css (righe 1740-1886) ===== */
/* --- SHM 08/09/2026 - BugSmash #10 e #44 (richiesta cliente) ---------------
   #10 "IT-EN: al passaggio del mouse scenda la tendina": la tendina si apre
   anche in hover/focus, oltre al click gia' gestito dal JS (che resta per il
   touch). Lo pseudo-elemento ::after copre i 5px di vuoto fra chip e pannello,
   altrimenti spostando il mouse verso EN la tendina si richiude.
   #44 "segnalare IT come selezionato (rosso)": il chip della lingua corrente
   e' rosso, in entrambe le varianti di header (anche sopra l'immagine). */
.lang-switch::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 100%;
  height: 8px;
}
.lang-switch:hover .lang-switch__menu,
.lang-switch:focus-within .lang-switch__menu { visibility: visible; opacity: 1; }

.lang-switch .lang-switch__toggle,
.site-header--over .lang-switch .lang-switch__toggle {
  color: var(--c-accent);
  border-color: var(--c-accent);
}

/* --- SHM 08/09/2026 - BugSmash #11 (richiesta cliente) ---------------------
   Blocco ESG: "allineare [l'icona] al testo bold di fianco, non alla casella
   ma al testo (alle O)". L'icona era centrata in verticale sull'intera voce
   (titolo + paragrafo); ora parte dall'alto e il suo bordo superiore coincide
   con l'occhio delle lettere del titolo, non con la scatola del testo: il
   margine e' meta' dell'interlinea in eccesso del titolo (22-17 = 5px / 2)
   piu' i ~2px fra il bordo del box e la cima delle tonde. */
.esg-feature { align-items: flex-start; }
.esg-feature__icon-wrap {
  margin-top: calc((var(--lh-body-sm-med) - var(--fs-body-sm-med)) / 2 + 2px);
}

/* --- SHM 08/09/2026 - BugSmash #9 (richiesta cliente) ----------------------
   "Quando full screen 16:9 l'header si deve comportare come da mock up Figma,
   allineato a margine". Sul frame Figma (1440) header e contenuto coincidono:
   80px di gutter. Su uno schermo 1920 il container resta centrato a 1280 e
   l'header, che ne condivideva la regola, si ritrovava con 320px di vuoto per
   lato. Ora l'header segue i margini dello schermo (solo il gutter --pad-x),
   il contenuto sotto resta centrato come prima. Fino a 1440 nulla cambia. */
@media (min-width: 1441px) {
  .site-header__inner { max-width: none; padding-inline: 80px; }
}

/* --- SHM 08/09/2026 - BugSmash #18 / #25 / #26 / #41 (richiesta cliente) ---
   "sistemare allineamento di questi tre testi... check su Figma" (SI, valori),
   "controllare allineamento (piu' a dx)" (SI, processo), "check allineamento
   testi" (SVI), "allineare correttamente questi testi, vedi Figma" (chi siamo).
   Fino a 1440px il fallback di .grid-split (1fr 1.52fr + 24px) portava la
   colonna testo a x=602 invece dei 732 del mockup (rail 413 + corpo 628,
   flush ai bordi del container da 1280, come nella regola base sopra i 1440).
   Qui le due tracce restano in proporzione al design a qualsiasi larghezza:
   32.27% / 49.06% con space-between (413/628 nel container da 1280).
   Sotto i 1024px resta la colonna singola del dev. */
@media (min-width: 1025px) and (max-width: 1440px) {
  .grid-split { grid-template-columns: 32.27% 49.06%; column-gap: 0; row-gap: var(--gap-2); justify-content: space-between; }
}

/* --- SHM 08/09/2026 - BugSmash #42 / #43 / #49 (richiesta cliente, mobile) --
   #42 "icona menu piu' grande": hamburger 22x16 con barre da 2px (era il 7x10
   del mockup), area tap sempre 44px. #43 "meno trasparenza": tendina bianca al
   97% invece del 90%. #49 "Servizi e Progetti devono essere cliccabili come per
   desktop": il link ora naviga e l'accordion si apre dal pulsante freccia
   .site-nav__more che site.js inserisce accanto al link (nascosto su desktop,
   dove resta l'hover del dev). */
.site-nav__more { display: none; }
@media (max-width: 1024px) {
  .nav-toggle { width: 22px; height: 16px; transform: none; } /* centrata sul logo, non piu' 5px sopra */
  .nav-toggle::before { inset: -14px -11px; }
  .nav-toggle span { height: 2px; }
  .site-nav { background: rgba(255, 255, 255, .97); }
  .site-nav__item--parent { display: flex; flex-wrap: wrap; align-items: center; }
  .site-nav__item--parent > .site-nav__link::after { display: none; }
  .site-nav__item--parent > .megabar { flex-basis: 100%; }
  .site-nav__more {
    display: inline-flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; margin: 0 0 0 -8px; padding: 0; border: 0;
    background: none; color: var(--c-accent); cursor: pointer;
  }
  .site-nav__more::before {
    content: ""; display: block; width: 7px; height: 7px;
    border-right: 1px solid currentColor; border-bottom: 1px solid currentColor;
    transform: translateY(-3px) rotate(45deg); transition: transform var(--dur) var(--ease);
  }
  .site-nav__item--parent.is-open > .site-nav__more::before { transform: translateY(1px) rotate(-135deg); }
}

/* --- SHM 08/09/2026 - BugSmash #50 (richiesta cliente, decisione Davide) ------
   "su mobile la toglierei": sotto i 768px la barra secondaria dei servizi
   (General Contractor / Soluzioni per Investitori / Sviluppo Immobiliare) e'
   nascosta: le tre voci sono gia' nel menu a tendina sotto "Servizi" e la barra
   toglieva spazio alla testata. La barra delle categorie progetti resta. */
@media (max-width: 768px) { .subnav--servizi { display: none; } }

/* --- SHM 16/09/2026 - BugSmash #11 / #61 (richiesta cliente) ----------------------
   "possiamo allineare a testo bold di fianco? non alla casella ma al testo (alle O)"
   e "abbassare di 3 px tutti i paragrafi di questo tipo": nei blocchi a due colonne
   con titolo grande a sinistra e testo a destra, il testo partiva dal bordo del box
   (stessa y del titolo) e la cima delle sue lettere risultava ~2.5px piu alta di
   quella del titolo (interlinea 45 su 40px contro 30 su 22px). Da 1025px in su il
   testo scende di 3px, cosi le maiuscole dei due blocchi sono allineate. Sotto i
   1024px le colonne sono impilate e non serve.
   ------------------------------------------------------------------------------- */
@media (min-width: 1025px) {
  .home-about__copy, .esg__copy, .si-process-intro__copy,
  .chi-siamo-intro__copy, .gc-intro__copy, .si-intro__copy, .svi-intro__copy { position: relative; top: 3px; }
}

/* --- SHM 16/09/2026 - BugSmash #60 (richiesta cliente, mobile e desktop) ----------
   "Allineare le icone al paragrafo come altezza e diminuire di un 20% la grandezza":
   nel blocco ESG della home l'icona ora parte dalla cima del paragrafo (non piu dal
   titolo) e misura l'80% dell'originale (74->59, 95->76, 88->70px). Fatto con una
   griglia a due righe (titolo / paragrafo) al posto del flex; supera la regola SHM
   del 08/09 qui sopra che allineava l'icona al titolo. Solo dentro .esg-showcase:
   lo stesso componente in Soluzioni per Investitori non e stato toccato.
   ------------------------------------------------------------------------------- */
.esg-showcase .esg-feature { display: grid; grid-template-columns: 95px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 64px; row-gap: 0; align-items: start; }
.esg-showcase .esg-feature__icon-wrap { grid-column: 1; grid-row: 2; margin-top: 0; }
.esg-showcase .esg-feature__icon-wrap img[width="74"] { width: 59px; }
.esg-showcase .esg-feature__icon-wrap img[width="95"] { width: 76px; }
.esg-showcase .esg-feature__icon-wrap img[width="88"] { width: 70px; }
.esg-showcase .esg-feature__text { display: contents; }
.esg-showcase .esg-feature__title { grid-column: 2; grid-row: 1; }
.esg-showcase .esg-feature__desc { grid-column: 2; grid-row: 2; }
@media (max-width: 768px) { .esg-showcase .esg-feature { column-gap: 24px; } }

/* --- SHM 24/09/2026 - Pagine legali (Privacy Policy / Cookie Policy): testi in blocchi core dentro .page-intro.
   Il tema azzera margini e puntini delle liste: qui ridiamo spaziatura e leggibilita'. --- */
.page-intro .container > .wp-block-heading { margin: 2.4em 0 .6em; max-width: 34em; }
.page-intro .container > h1.wp-block-heading { margin: 0 0 1.2em; }
.page-intro .container > h2.wp-block-heading + h3.wp-block-heading { margin-top: .9em; }
.page-intro .container > h4.wp-block-heading { margin-top: 1.6em; font-weight: 600; }
.page-intro .container > p { margin: 0 0 1em; max-width: 72ch; }
.page-intro .container > ul.wp-block-list { list-style: disc; padding-left: 1.4em; margin: 0 0 1.4em; max-width: 72ch; }
.page-intro .container > ul.wp-block-list li { margin-bottom: .55em; }
.page-intro .container > p a, .page-intro .container > ul a { text-decoration: underline; }
/* SHM 24/09/2026 - ancora al form Contatti (link "Candidatura spontanea" da Lavora con noi): compensa l'header fisso */
.wpcf7 { scroll-margin-top: 140px; }
/* --- SHM 24/09/2026 - Cursore personalizzato con il marchio Albini e Castelli (richiesta Bea 22/09).
   PNG 20px (+40px retina) in Media, ID 728/729 - era 32px, ridotto su richiesta Davide 24/09. --- */
html, body, a, button, [role="button"], .splide__arrow, .splide__pagination__page, label, summary {
  cursor: url("https://albini.shmhosting.com/wp-content/uploads/2026/09/aec-cursor-20.png") 1 1, auto;
  cursor: -webkit-image-set(url("https://albini.shmhosting.com/wp-content/uploads/2026/09/aec-cursor-20.png") 1x, url("https://albini.shmhosting.com/wp-content/uploads/2026/09/aec-cursor-40.png") 2x) 1 1, auto;
  cursor: image-set(url("https://albini.shmhosting.com/wp-content/uploads/2026/09/aec-cursor-20.png") 1x, url("https://albini.shmhosting.com/wp-content/uploads/2026/09/aec-cursor-40.png") 2x) 1 1, auto;
}

/* ===== assets/css/sections/progetti-grid.css (righe 129-138) ===== */
/* --- SHM 08/09/2026 - BugSmash #28 (richiesta cliente) ---------------------
   "a capo con 'Consiglio', come su Figma. concetto e' che il testo non superi
   la freccia": il titolo della card occupava tutta la larghezza e la seconda
   riga passava sotto la freccia (assoluta a destra). Con 56px di padding a
   destra il testo chiude ~30px prima della freccia (colonna testo 300px nella
   card da 412, come nel mockup) e "Fondazione Nostra Signora del Buon /
   Consiglio - Ospedale Tirana" va a capo come su Figma. Vale per tutte le
   card progetto (archivi, servizi, home). */
.project-card__title { padding-right: 56px; }

/* ===== assets/css/sections/progetti-archive.css (righe 79-115) ===== */
/* --- SHM 08/09/2026 - BugSmash #29 + #30 (richiesta cliente) ---------------
   #29 "questi testi devono finire allineati alla seconda card sottostante":
   l'intro chiude sul bordo destro della seconda colonna della griglia
   (2 colonne + 1 gap da 22px = 846px nel container da 1280) invece dei 860px
   fissi del dev. #30 "tra le card e il pulsante lasciare lo stesso spazio che
   c'e' sotto prima del footer": il link alla categoria successiva stava a 25px
   dalle card e a 71px dal footer, ora 71px sopra e sotto (43/32 nei
   breakpoint del dev). Vale per tutti gli archivi progetti (stesso template). */
.progetti-archive__intro { max-width: calc((100% - 44px) * 2 / 3 + 22px); }
.progetti-archive__next { margin-top: 71px; }
@media (max-width: 1024px) {
  .progetti-archive__intro { max-width: none; }
  .progetti-archive__next { margin-top: 43px; }
}
@media (max-width: 768px) {
  .progetti-archive__next { margin-top: 32px; }
}

/* --- SHM 08/09/2026 - conseguenza di BugSmash #28 ---------------------------
   Con la colonna testo ridotta a 300px tre titoli lunghi (archivio
   Riqualificazione) passano a 3 righe e non stanno piu' nei 380px fissi: la
   card diventa min-height 380 e puo' crescere, la riga titolo riempie lo
   spazio residuo cosi' la freccia resta a 26px dal fondo in tutte le card
   della stessa riga. Con titoli da 1-2 righe il risultato e' identico a prima. */
.progetti-archive .project-card { height: auto; min-height: 380px; display: flex; flex-direction: column; }
.progetti-archive .project-card .project-card__media { flex: 0 0 auto; }
.progetti-archive .project-card .project-card__row { flex: 1 0 auto; }

/* --- SHM 08/09/2026 - BugSmash #36 (richiesta cliente) ---------------------
   "rivedere il ridimensionamento delle card al stringere/allargare la finestra.
   Troppo spazio bianco alla base": con la min-height fissa a 380px, quando la
   finestra si stringe l'immagine si abbassa ma la card no e resta bianco sotto
   il titolo. Tolta la min-height: la card e' alta quanto immagine + riga titolo
   (a 1440 fa comunque 379px) e le card della stessa riga restano allineate
   grazie allo stretch della griglia. */
.progetti-archive .project-card { min-height: 0; }

/* ===== assets/css/sections/progetto-detail.css (righe 191-221) ===== */
/* --- SHM 08/09/2026 - BugSmash #32 (richiesta cliente) ---------------------
   "uniformare spaziatura, controllare in tutte le pagine" (fondo scheda
   progetto): i link Torna ai progetti / Prossimo progetto stavano a 65px dalla
   gallery ma a 152px dal footer (91/68 nei breakpoint); su Figma lo spazio
   sotto i link e' pari a quello sopra, quindi padding-bottom 65px a tutte le
   larghezze. Vale per tutte le schede progetto (stesso template). */
.progetto-detail { padding-bottom: 65px; }
@media (max-width: 1024px) { .progetto-detail { padding-bottom: 65px; } }
@media (max-width: 768px) { .progetto-detail { padding-bottom: 65px; } }

/* --- SHM 08/09/2026 - BugSmash #55 / #56 / #57 (richiesta cliente, mobile e
   tablet, scheda progetto) --------------------------------------------------
   Il padding-bottom da 92px della targa (regola desktop, specificita' 0,2,0)
   vinceva anche sui 40px del page-hero mobile, quindi con l'hero da 240/360px
   la targa rossa restava attaccata in alto. #55 "titolo e fondo rosso fare piu'
   piccolo e in basso": sotto i 768px targa a 18/24px con padding ridotto,
   ancorata a 24px dal fondo, hero a 300px. #56 "come per mobile piu' in basso"
   e #57 "possiamo farla piu' alta?" (tablet): fino a 1024px hero a 420px e
   targa a 32px dal fondo. */
@media (max-width: 1024px) {
  .page-hero.progetto-hero { height: 420px; }
  .progetto-hero .page-hero__caption { padding-bottom: 32px; }
}
@media (max-width: 768px) {
  .page-hero.progetto-hero { height: 300px; }
  .progetto-hero .page-hero__caption { padding-bottom: 24px; }
  .progetto-hero__plate { padding: 14px 24px 12px var(--pad-x); }
  .progetto-hero__client { font-size: 18px; }
  .progetto-hero__place { font-size: 24px; }
}

/* ===== taxonomy-categoria_progetto.php (modifiche in-place) ===== */
body.tax-categoria_progetto .cta-band { display: none; }  /* SHM 02/09/2026 - BugSmash #7: nel template la get_template_part della fascia CTA e commentata; qui nascosta via CSS se il template torna originale */