/**
 * Home color — «Carta tinta dell’ente»
 * Le bande muted prendono l’8–12% del primario tenant.
 * Il pieno --bs-primary resta a CTA, chip e banda Argomenti.
 * Evidenza e card restano carta bianca.
 */

body.home #main-container {
    --siagid-home-tint: color-mix(in srgb, var(--bs-primary) 8%, var(--bs-gray-100, #f3f3f5));
    --siagid-home-tint-2: color-mix(in srgb, var(--bs-primary) 12%, var(--bs-gray-100, #f3f3f5));
    --siagid-home-on-primary: #fff;
    --siagid-home-on-primary-muted: color-mix(in srgb, #fff 82%, var(--bs-primary));
    --siagid-home-shadow-lift: 0 0.5rem 1.25rem color-mix(in srgb, var(--bs-primary) 18%, rgba(17, 24, 39, 0.08));
}

body.home #main-container .section-muted {
    background-color: var(--siagid-home-tint);
}

body.home #main-container .section-muted.bg-100 {
    background-color: var(--siagid-home-tint-2);
}

body.home #argomento .section-background-header {
    background-color: var(--bs-primary);
    color: var(--siagid-home-on-primary);
}

body.home #argomento .section-background-header .u-grey-light,
body.home #argomento .section-background-header h3 {
    color: var(--siagid-home-on-primary-muted);
}

body.home #hai-bisogno-di-aiuto .section-background-header {
    background-color: var(--bs-primary);
}

body.home #main-container article.it-card:not(.bg-primary):not(.it-card-banner),
body.home #main-container .card.card-teaser:not(.card-bg-primary):not(.card-bg-blue) {
    background-color: #fff;
}

body.home #notizia .topics .border {
    background-color: #fff;
}

body.home #main-container > section .section-muted {
    box-shadow: none;
}

body.home #argomento .section-background-header .chip-primary {
    background-color: #fff;
    color: var(--bs-primary);
    border-color: #fff;
}

body.home #argomento .section-background-header .chip-primary .chip-label {
    color: var(--bs-primary);
}

body.home #argomento .section-background-header .btn-primary {
    background-color: #fff;
    color: var(--bs-primary);
    border-color: #fff;
}

body.home #argomento .section-background-header .btn-primary:hover,
body.home #argomento .section-background-header .btn-primary:focus-visible {
    background-color: color-mix(in srgb, #fff 88%, var(--bs-primary));
    color: var(--bs-primary);
    border-color: #fff;
}

body.home #hai-bisogno-di-aiuto .row-title .h3,
body.home #hai-bisogno-di-aiuto .row-title p {
    color: var(--siagid-home-on-primary);
}

body.home #hai-bisogno-di-aiuto .section-background-header[style*="background-image"] {
    box-shadow: inset 0 0 0 100vmax color-mix(in srgb, var(--bs-primary) 42%, #17324d 18%);
}

body.home #cerca .siagid-home-search {
    min-height: 44px;
    justify-content: flex-start;
}

body.home #cerca .section.section-image::before {
    position: unset;
}

@media print {
    body.home #main-container .section-muted,
    body.home #main-container .section-muted.bg-100,
    body.home #argomento .section-background-header,
    body.home #hai-bisogno-di-aiuto .section-background-header {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
    }
}
