:root {
    --museo-primary-background: color-mix(in oklab, white 97%, var(--museo-primary-color));
    --museo-washed-primary: color-mix(in oklab, white 90%, var(--museo-primary-color));
    --museo-washed-primary-dark: color-mix(in oklab, white 80%, var(--museo-primary-color));
    --museo-primary-dark: color-mix(in oklab, black 25%, var(--museo-primary-color));
}

/* header slip */
.it-header-slim-wrapper {
    background: #333333;
}

/* nome e descrizione header */
.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-brand-wrapper a {
    color: #191919;
}

/* link navbar */
.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li.megamenu>button.nav-link {
    color: #333333;
}

.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link,
.navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    font-weight: 600;
}

/* footer */
.it-footer-main,
.it-footer-small-prints {
    background-color: #050505;
}

/* hero page */
.museo-hero-archive {
    position: relative;
    z-index: 1;
    min-height: 130px !important;
}

.museo-hero-archive__background {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.1;
    z-index: -1;
    pointer-events: none;
}

.museo-hero-archive__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.2;
}

.museo-hero-archive__description {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* hero */
.it-hero-wrapper {
    background-color: var(--museo-primary-color);
}

/* hero wrapper donazioni */
.it-hero-wrapper.hero-supporta {
    position: relative;
    z-index: 1;
    min-height: 130px !important;
}

.it-hero-wrapper.hero-supporta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    opacity: 0.1;
    z-index: -1;
}

/* link */
a {
    color: var(--museo-primary-color);
}

a:hover {
    color: color-mix(in srgb, var(--museo-primary-color) 70%, black);
}

/* bottoni */
.btn-primary {
    background-color: var(--museo-primary-color);
}

.btn-primary:hover,
.btn-primary:focus-visible {
    background-color: var(--museo-primary-dark);
    border-color: var(--museo-primary-color);

}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary.dropdown-toggle.show,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--museo-primary-dark);
    border-color: var(--museo-primary-color);
}

.btn-outline-primary {
    --bs-btn-color: var(--museo-primary-color);
    --bs-btn-border-color: var(--museo-primary-color);
    --bs-btn-hover-color: var(--museo-primary-color);
    --bs-btn-hover-border-color: var(--museo-primary-dark);
    --bs-btn-active-color: var(--museo-primary-color);
    --bs-btn-active-border-color: var(--museo-primary-dark);
    --bs-btn-disabled-color: var(--museo-primary-color);
    --bs-btn-disabled-border-color: var(--museo-primary-color);
    box-shadow: inset 0 0 0 2px var(--museo-primary-color);
}

.btn-outline-primary.disabled,
.btn-outline-primary:hover,
.btn-outline-primary:active {
    box-shadow: inset 0 0 0 2px var(--museo-primary-color);
}

.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    color: #fff;
    border-color: var(--museo-primary-dark);
}

.btn-dropdown {
    color: var(--museo-primary-color);
}

.link-list-wrapper ul li a:hover:not(.disabled) .icon {
    fill: var(--museo-primary-color);
}

/* header cerca */
.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon {
    background: #4F4F4F;
}

.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-right-zone {
    color: #191919;
}

.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon:hover {
    background: var(--museo-primary-color);
}

.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon {
    background: none;
}

.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon svg {
    fill: var(--museo-primary-color);
}

/* link social */
.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-right-zone .it-socials ul .icon {
    fill: #191919;
}

.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-right-zone .it-socials ul a:hover svg {
    fill: var(--museo-primary-color);
}

/* megamenu dropdown */
.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li.megamenu>button.nav-link svg {
    fill: #333333;
}

.it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu {
    background-color: #fff;
}

.it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu .link-list-wrapper ul li a svg {
    fill: var(--museo-primary-color);
}

.it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu .link-list-wrapper ul li a span {
    color: #333333;
}

.it-header-navbar-wrapper .text-end a {
    color: var(--museo-primary-color);
    font-weight: 600;
}

.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li.megamenu>button.nav-link::before {
    background-color: white;
}

/*
Elementi custom
*/
.card-museo {
    background-color: var(--museo-primary-background) !important;
    border-bottom: solid 4px var(--museo-washed-primary-dark);
}

.card-museo-title svg {
    fill: var(--museo-primary-color);
}

.card-museo-content {
    max-width: 80%;
}

.card-museo-content p {
    color: #2F465E;
}

.card-museo-footer svg {
    fill: var(--museo-primary-color) !important;
}

/* card museo servizio */
.card-museo-servizio {
    border-bottom: solid 3px #E2CADF;
    height: 100%;
}

/* hero supporta museo */
.hero-museo-support {
    background-color: #333333;
}

/* hero percorsi museo pag organizza visita */
.it-hero-wrapper.it-overlay.museo-hero-percorsi .img-responsive-wrapper::after {
    height: 130px;
    bottom: 0;
    top: auto;
}

.museo-hero-percorsi-text {
    max-width: none !important;
    position: absolute !important;
    bottom: 0 !important;
    padding: 0 0 10px 25px !important;
}

/* sfondo chiaro */
.bg-muted {
    background-color: var(--museo-primary-background);
}

.museo-badge {
    color: #2F465E;
    background-color: var(--museo-washed-primary);
}

/* pagina toc sidebar */
.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a.active span {
    color: var(--museo-primary-color);
}

.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a.active::after {
    background-color: var(--museo-primary-color);
}

.link-list-wrapper ul li a:hover:not(.disabled) span {
    color: var(--museo-primary-color);
}

.link-list-wrapper ul li a span {
    color: var(--museo-primary-color);
}

.it-list-wrapper .it-list .list-item .it-rounded-icon svg {
    fill: var(--museo-primary-color);
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span {
    color: var(--museo-primary-color);
}

@media (min-width: 992px) {
    .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span {
        color: var(--museo-primary-color);
    }
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active {
    border-left: 4px solid var(--museo-primary-color);
}

@media (min-width: 992px) {
    .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active {
        border-left: 4px solid var(--museo-primary-color);
    }
}

/* Hero Museo */
.hero-museo {
    background-color: var(--museo-primary-background);
}

@media (max-width: 991.98px) {
    .hero-museo {
        height: auto !important;
        padding: 0;
    }

    .hero-museo .hero-image {
        position: relative !important;
        width: 100% !important;
        height: 300px !important;
    }

    .hero-museo .container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.hero-museo .hero-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hero-museo .hero-image img {
    position: relative;
    z-index: 0;
}

.hero-museo h1 {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Accessibilità */
.museo-card-luogo:focus-within .museo-card-luogo__image-wrapper {
    outline: 2px solid var(--museo-primary-color);
    outline-offset: 2px;
}

.museo-card-collezione:focus-within .museo-card-collezione__image-wrapper {
    outline: 2px solid var(--museo-primary-color);
    outline-offset: 2px;
}

/* avvisi museo home page */
.museo-avvisi-home .alert {
    border-radius: 0;
    border: none;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* mappa leaflet */
.museo-mappa {
    border: 1px solid #ddd;
    overflow: hidden;
    z-index: 100; /* per evitare che vada sopra il menu mobile - verificare se crea problemi*/
}

.museo-mappa-indirizzo {
    color: #555;
    font-size: 0.95rem;
}

.museo-mappa-link {
    color: #0073aa;
    text-decoration: none;
    font-size: 0.9rem;
}

.museo-mappa-link:hover {
    text-decoration: underline;
}

.museo-mappa-popup {
    text-align: center;
    padding: 5px;
}

.museo-mappa-popup a {
    display: inline-block;
    margin-top: 5px;
    color: #0073aa;
    text-decoration: none;
    font-weight: 600;
}

.museo-mappa-popup a:hover {
    text-decoration: underline;
}