/*
 * Theme Custom Utilities
 * Classi custom e stilizzazioni di componenti specifici (Header, Footer, Breadcrumbs)
 */

/* Hover base per le card news (zoom in) */
.luiss-card-zoom-hover {
    overflow: hidden;
}
.luiss-card-zoom-hover img {
    transition: transform 0.3s ease-in-out;
}
.luiss-card-zoom-hover:hover img {
    transform: scale(1.05);
}

@media (max-width: 1163px) {
    .footer--contatti {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        row-gap: 0 !important;
    }
}

/* 
 * ==========================================
 * LAYOUT COMPONENTS (HEADER)
 * ========================================== 
 */
/* Applica l'altezza fissa solo al contenitore blu scuro principale */
header > .wp-block-group:first-child {
    box-sizing: border-box;
}
/* Propaga l'altezza 100% per centrare verticalmente i contenuti */
header > .wp-block-group:first-child,
header > .wp-block-group:first-child .wp-block-group,
header > .wp-block-group:first-child .wp-block-columns {
    height: 100% !important;
}
header .wp-block-image img,
header .wp-block-site-logo img {
    width: auto !important;
    object-fit: contain;
}



@media (min-width: 1164px) {
    header > .wp-block-group:first-child {
        height: 160px !important;
    }
    header .wp-block-image img,
    header .wp-block-site-logo img {
        max-height: 81px !important;
    }
    header .wp-block-site-logo.logo-3-righe img{
        max-height: 96px !important;
        height: 96px !important;
    }
}
@media (max-width: 1163px) {
    header > .wp-block-group:first-child {
        height: 102px !important;
    }
    header .wp-block-image img,
    header .wp-block-site-logo img {
        max-height: 52px !important;
    }
    header .nav-search > .wp-block-group {
        justify-content: space-between !important;
        flex-direction: row-reverse !important;
    }
    header > .wp-block-group:first-child .wp-block-group {
        padding-right: 0 !important;
    }
    header .wp-block-site-logo.logo-3-righe img{
        max-height: 62px !important;
        height: 62px !important;
    }
}

/* Off-canvas menu custom classes */
.mobile-menu-logo {
    width: 100%;
    margin-bottom: 30px;
}
.mobile-menu-logo .nav-logo {
    width: auto !important;
    flex-basis: auto !important;
}
.mobile-menu-tools {
    width: 100%;
    margin-top: 80px;
}
.mobile-menu-tools .nav-search {
    width: 100% !important;
    flex-basis: auto !important;
}

/* 
 * ==========================================
 * LAYOUT COMPONENTS (FOOTER)
 * ========================================== 
 */
footer {
    box-sizing: border-box;
}
footer > .wp-block-group {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
footer .top-footer {
    flex-grow: 1;
    display: flex;
    align-items: center;
    width: 100%;
}
footer .top-footer > .wp-block-columns {
    height: 100%;
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-items: center;
    justify-content: space-between;
}
footer .bottom-footer {
    display: flex;
    align-items: center;
    min-height: 48px;
}
footer .bottom-footer p {
    width: 100%;
}

@media (min-width: 1164px) {
    footer {
        height: 200px !important;
    }
    /* Regola da Linee Guida: icone footer a 16px su desktop */
    footer .wp-block-image.size-large {
        flex-basis: 16px !important;
    }
    footer .wp-block-image.size-large img {
        width: 16px !important;
        height: auto !important;
    }
}
@media (max-width: 1163px) {
    footer {
        height: 240px !important;
    }
    footer .top-footer > .wp-block-columns {
        gap: var(--wp--preset--spacing--8) !important;
    }
    footer .top-footer,
    footer .bottom-footer {
        padding-top: var(--wp--preset--spacing--10) !important;
        padding-bottom: var(--wp--preset--spacing--10) !important;
    }
    /* Regola da Linee Guida: icone footer a 14px su mobile */
    footer .wp-block-image.size-large {
        flex-basis: 14px !important;
    }
    footer .wp-block-image.size-large img {
        width: 14px !important;
        height: auto !important;
    }
    footer .logo-luiss img {
        max-height: 40px !important;
        height: 40px !important;
    }
}

/* 
 * ==========================================
 * BREADCRUMBS
 * ========================================== 
 */
.yoast-breadcrumbs {
    /* Rimuoviamo margini spuri e sovrascriviamo eventuali font-size inline di FSE */
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(16px, 1.5vw, 20px) !important;
}

/* L'ultima voce corrente (Current Page) in grassetto */
.yoast-breadcrumbs .breadcrumb_last {
    font-weight: 700 !important; 
}

/* Evitiamo che il simbolo "»" vada a capo da solo staccandosi dal testo */
.yoast-breadcrumbs span {
    white-space: normal;
    word-break: keep-all;
}

/* Reset dei link */
.yoast-breadcrumbs a {
    text-decoration: none !important;
}
.yoast-breadcrumbs a:hover {
    text-decoration: underline !important;
}