/*
 * Area "Novita" del login: contenuto dell'iframe sandboxato di SignInV2.aspx (Public/LoginNewsFrame.aspx).
 *
 * Il feed di xmanagerpro.it arriva con stili inline pensati per una striscia di 92 px (immagine 40x40,
 * testo 12 px, descrizione tagliata a 32 px): qui diventa una card con l'immagine a banner. I !important
 * servono a vincere gli stili inline del feed e valgono solo per la sua struttura attuale
 * (.xmp-news > img + div con titolo, descrizione e link): se il feed cambia forma, resta il suo aspetto.
 *
 * Dentro l'iframe 100vh e' l'altezza della card, decisa dal login in base allo schermo:
 * card alta = immagine sopra e testo sotto, card bassa = immagine a sinistra e testo a destra.
 */

html, body {
    height: 100%;
    overflow: hidden;
    background: transparent;
}

.xmp-news {
    height: 100vh !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
}

/* Immagine: prende lo spazio lasciato dal testo */
.xmp-news > img {
    flex: 1 1 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
}

.xmp-news > div {
    flex: 0 0 auto !important;
    padding: 12px 16px 14px !important;
}

/* Titolo: fino a 2 righe invece di una riga troncata */
.xmp-news > div > div:first-child {
    margin: 0 0 4px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
}

/* Descrizione: fino a 3 righe invece di 32 px */
.xmp-news > div > div:nth-child(2) {
    max-height: none !important;
    margin: 0 0 8px !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
}

.xmp-news > div > a {
    display: inline-block;
    font-size: 13px;
}

.xmp-news > div > a:hover {
    text-decoration: underline !important;
}

/* Card bassa: immagine a sinistra, testo a destra */
@media (max-height: 259px) {
    .xmp-news {
        flex-direction: row !important;
    }

    .xmp-news > img {
        flex: 0 0 38% !important;
        width: 38% !important;
        height: 100% !important;
    }

    .xmp-news > div {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        align-self: center !important;
        padding: 10px 14px !important;
    }
}

@media (max-height: 169px) {
    .xmp-news > div > div:nth-child(2) {
        -webkit-line-clamp: 2;
    }
}

/* Card minima (finestre basse): titolo su una riga */
@media (max-height: 139px) {
    .xmp-news > div {
        padding: 8px 12px !important;
    }

    .xmp-news > div > div:first-child {
        display: block !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .xmp-news > div > div:nth-child(2) {
        margin-bottom: 4px !important;
    }
}

/* Telefono: colonna del testo stretta */
@media (max-height: 259px) and (max-width: 360px) {
    .xmp-news > div > div:first-child {
        font-size: 14px !important;
    }

    .xmp-news > div > div:nth-child(2) {
        font-size: 12.5px !important;
    }
}