/*
 * ADDITIONAL STYLES - Download section button alignment fix
 * Forza l'allineamento orizzontale dei pulsanti "DOWNLOAD PDF"
 * nella sezione downloads usando flexbox su ogni colonna/card.
 */

/* La .row di Bootstrap è già display:flex; ci assicuriamo che le colonne si estendano in altezza */
section.downloads .row {
    align-items: stretch;
}

/* Ogni colonna deve essere un flex container per passare l'altezza al figlio */
section.downloads .col-12.col-md-6.col-lg-4 {
    display: flex;
    flex-direction: column;
}

/* .text-reveal-animation deve occupare tutta l'altezza della colonna */
section.downloads .col-12.col-md-6.col-lg-4 > .text-reveal-animation {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

/* .download deve occupare tutta l'altezza disponibile ed essere un flex container */
section.downloads .download {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
}

/* Il pulsante CTA viene spinto in fondo grazie a margin-top: auto */
section.downloads .download .cta {
    margin-top: auto !important;
    padding-top: 10px;
}

/*
 * ADDITIONAL STYLES - Titoli di sezione
 */

.title, .blk-title {
    text-transform: unset !important;
    font-weight: 100 !important;
}

.title p, .blk-title p {
    text-transform: unset;
    font-weight: 100;
}

.title-description {
    text-transform: unset !important;
}

.item-title, .item-read-more, .product-title, .blk-attach a, section .cta a, section .blk-cta a, .blk-collapse .heading, section.difference a {
    text-transform: unset !important;
}

section.product-title .description h1, section h1, 
section.product-title .description h2, section h2, 
section.product-title .description h3, section h3, 
section.product-title .description h4, section h4, 
section.product-title .description h5, section h5, 
section.product-title .description h6, section h6 {
    text-transform: unset !important;
}

#breadcrumbs {
    text-transform: unset !important;
}

/*
 * ADDITIONAL STYLES - Posizioni aperte (section.difference)
 * Allinea i pulsanti "DOWNLOAD SPECIFICHE" alla stessa altezza
 * usando flexbox su ogni colonna della griglia.
 */

/* La .row interna deve avere align-items: stretch per uniformare le altezze */
section.difference .row .row {
    align-items: stretch;
}

/* Ogni colonna diventa un flex container verticale */
section.difference .col-xl-4 {
    display: flex;
    flex-direction: column;
}

/* Il link CTA viene spinto in fondo grazie a margin-top: auto */
section.difference .col-xl-4 > a {
    margin-top: auto !important;
}