/* Layout Fixes — correzioni di impaginazione del frontend.
   Caricato dopo style.css (tema) e mobile-fixes.css. */

/* Locandina video.
   Nel tema la copertina YouTube occupa tutta la larghezza e tutta l'altezza
   della finestra (.box-seat .inner-img { height: 100vh }), quindi una
   miniatura 16:9 veniva stirata a schermo intero e tagliata sui lati.
   Qui il riquadro tiene sempre il rapporto 16:9 della miniatura e su desktop
   si ferma a 1024px, centrato. */
.box-seat .inner-img {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    aspect-ratio: 16 / 9;
}

.box-seat .inner-img img {
    width: 100%;
    height: 100%;
}

/* Slider home, titoli su mobile.
   Il tema imposta line-height: 0.75em sul titolo e white-space: nowrap sul
   suo contenitore: su desktop il titolo sta su una riga sola e l'interlinea
   stretta e' voluta. Su mobile il titolo va a capo, e con il nowrap sul
   contenitore l'unico punto in cui poteva spezzarsi era DENTRO le parole
   (il tema le divide lettera per lettera per l'animazione), da cui righe
   sovrapposte e parole tagliate a meta' ("industria|le").
   Qui, sotto i 992px: interlinea leggibile, il titolo puo' andare a capo,
   ma ogni parola resta intera. */
@media (max-width: 991px) {
    .dsn-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner span,
    .dsn-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner a {
        line-height: 1.1;
        white-space: normal;
    }

    .dsn-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner .dsn-word-wrapper {
        display: inline-block !important;
        white-space: nowrap;
    }
}

/* Slider home, testo descrittivo: stessa interlinea in tutte le lingue.
   Il tema fissa line-height: 24px su un corpo di 13px, ma lo slider ingrandisce
   il testo dello slide attivo: a quel punto 24px diventano stretti.
   In italiano il problema non si vedeva per caso: quei testi sono stati
   incollati da Word e si portano dietro un class="MsoNormal"
   style="line-height: 1.5" inline, che vince sul CSS. In inglese il testo e'
   stato scritto pulito, quindi restava l'interlinea del tema e le righe
   risultavano piu' attaccate che in italiano.
   Qui l'interlinea diventa proporzionale al corpo e uguale ovunque; serve
   !important perche' deve avere la meglio anche sullo stile inline di Word. */
.dsn-slider-content .slide-content .slide-content-inner p {
    line-height: 1.5 !important;
}