/* public/assets/css/home.css | 2026-07-15 | V.1.1 */
/*
 * SCOPO:
 *   Override grafici della sola homepage, caricati dalla head della
 *   riga "home" nel seed (db/seed/pages.json). Additivo: non tocca
 *   i CSS generati da Breakdance.
 *
 * CONTENUTO:
 *   - Hero (bde-section-21-100) ridotto di 8 cm in altezza rispetto
 *     all'originale (900px), con padding ridimensionati di conseguenza
 *     e testi allineati in basso.
 *   - Sezione MIM (bde-section-21-107) compattata (spostata in coda
 *     alla pagina, prima del footer, via seed).
 *   - Padding-top ridotto della sezione Percorsi (bde-section-21-113).
 *
 * STORICO MODIFICHE:
 *   - 2026-07-15: prima stesura (GM)
 *   - 2026-07-15: testi hero in basso; compattamenti migrati da
 *     site-enhance.css; MIM ulteriormente compattata (GM)
 */

/* -------------------------------------------------------------------------
 * Hero: l'originale fissa height:900px e padding-top:210px.
 * Qui si passa ad altezza fluida con minimo 900px - 8cm (~598px):
 * il contenuto (titolo + form multi-step) non viene mai tagliato
 * perche' il contenitore puo' comunque crescere.
 * Queste regole vincono sulle omologhe di post-21.css (anche quelle
 * nelle media query) perche' caricate dopo, a parita' di specificita'.
 * ---------------------------------------------------------------------- */
/* Solo desktop: su tablet/mobile l'hero e' gia' ad altezza fluida
   e mantiene i padding originali del tema. */
@media (min-width: 1024px) {
    .breakdance .bde-section-21-100 .section-container {
        height: auto;
        min-height: calc(900px - 8.5cm);
        /* L'header (78px) e' in overlay assoluto sull'hero: il padding-top
           deve tenerne conto per non far finire il titolo sotto il menu. */
        padding-top: 84px;
        padding-bottom: 20px;
    }

    /* Titolo, elemento grafico, sottotitolo e bottone allineati verso
       il fondo dell'hero: la colonna testo e' un flex column stirato
       all'altezza della colonna form. */
    .breakdance .bde-column-21-102 {
        justify-content: flex-end;
    }
}

/* -------------------------------------------------------------------------
 * Sezione "Riconoscimento MIM" (bde-section-21-107): il tema imposta
 * 100-120px di padding verticale; qui e' compattata al minimo.
 * La sezione e' posizionata in coda alla pagina (dopo la mappa, prima
 * del footer) tramite il seed della home.
 * ---------------------------------------------------------------------- */
.breakdance .bde-section-21-107 .section-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Percorsi disponibili: meno vuoto sopra il titolo della sezione. */
.breakdance .bde-section-21-113 .section-container {
    padding-top: 48px;
}

@media (max-width: 40rem) {
    .breakdance .bde-section-21-107 .section-container {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}