/* Pagina D.Lgs. 24/2023 (SC-4397), caricato solo lì da includes/functions-whistleblowing.php */

/* lo spazio in fondo serve al riquadro «Hai bisogno di aiuto?» del footer, che sale sulla pagina:
   è lo stesso di parts/grid-download.php */
.wb-page .container {
    padding-bottom: 224px;
}

.wb-anteprima {
    margin-bottom: 2.4rem;
    padding: 1.2rem 1.6rem;
    border-left: 4px solid #dba617;
    background: #fff8e5;
    color: #00205b;
    font-weight: 700;
}

.wb-testo {
    margin-bottom: 3.2rem;
}

.wb-card {
    height: 100%;
    padding: 2.4rem;
    border-radius: 8px;
    background: #e8ecf3;
    color: #00205b;
}

.wb-card .wb-card-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    color: #04398e;
}

.wb-card .wb-card-title i {
    font-size: 2.2rem;
}

.wb-doc + .wb-doc {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #c9d1e0;
}

/* il tema mette 45px fra elementi consecutivi: dentro i riquadri gli spazi li decide questo file */
.wb-card > *,
.wb-card .wb-doc > * {
    margin-top: 0;
    margin-bottom: 0;
}

.wb-card .wb-doc > .wb-doc-title {
    font-weight: 700;
    color: #04398e;
}

.wb-card .wb-doc > .wb-doc-desc {
    margin-top: 0.4rem;
}

.wb-card .wb-doc > .wb-doc-meta {
    margin-top: 1.6rem;
    font-size: 0.9em;
}

.wb-card .wb-doc > .wb-doc-link {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.4rem;
    font-weight: 700;
    color: #04398e;
}

.wb-card > .wb-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 1.6rem;
}

.wb-card a:focus-visible {
    outline: 2px solid #ffd200;
    outline-offset: 3px;
}