/* KAIROS / WHERE
   File nuovo e isolato: non modifica st_mc.css né gli stili VIAINS. */

.kairos-where-section {
    margin-top: 0;
}

.kairos-anchor-marker {
    display: block;
    height: 0;
    overflow: hidden;
    scroll-margin-top: 15px;
}

.kairos-where-title {
    color: rgb(233, 133, 13) !important;
}

.kairos-where-nav {
    text-align: right;
}

.kairos-where-nav a {
    color: #00b4e2;
    font-size: 12px;
    font-weight: 200;
    text-decoration: none;
}

/*
 * Le cinque colonne sono reali e non elastiche rispetto al numero di record.
 * Una riga con 1-4 elementi mantiene quindi gli spazi liberi a destra.
 */
.kairos-where-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-right: calc(-0.5 * var(--bs-gutter-x, 1.5rem));
    margin-left: calc(-0.5 * var(--bs-gutter-x, 1.5rem));
}

.kairos-where-item {
    grid-column: var(--kairos-where-position);
    min-width: 0;
    padding-right: calc(0.5 * var(--bs-gutter-x, 1.5rem));
    padding-left: calc(0.5 * var(--bs-gutter-x, 1.5rem));
}

.kairos-where-cover {
    display: block;
    text-decoration: none;
}

.kairos-where-cover img {
    height: auto;
}

.kairos-where-cover-missing {
    aspect-ratio: 4 / 3;
    width: 100%;
    min-height: 150px;
    padding: 18px;
    border: 1px solid rgb(92, 92, 92);
    background: rgb(34, 34, 34);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    text-align: center;
    text-decoration: none;
}

.kairos-where-cover-missing strong {
    color: rgb(235, 235, 235);
    font-size: clamp(18px, 1.45vw, 26px);
    font-weight: 600;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.kairos-where-cover-missing span {
    color: rgb(172, 172, 172);
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.kairos-where-cover-missing:hover strong {
    color: rgb(233, 133, 13);
}

.kairos-where-socials {
    margin-top: 20px;
    text-align: center;
    white-space: nowrap;
}

.kairos-where-socials a,
.kairos-where-socials span {
    display: inline-block;
    line-height: 1;
    text-decoration: none;
}

.kairos-where-social-disabled {
    cursor: default;
    pointer-events: none;
}

.kairos-where-social-disabled .homepviains {
    color: rgb(80, 80, 80) !important;
}

@media (max-width: 575.98px) {
    .kairos-where-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .kairos-where-item {
        grid-column: 1 !important;
    }
}