/* custom.css */
:root{

    --bs-primary: var(--museo-primary-color);
    --bs-secondary: var(--museo-secondary-color);
    --bs-success: #00cc88;
    --bs-info: #00bfff;
    --bs-warning: #ffcc00;
    --bs-danger: #ff3366;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;

    /* Se vuoi puoi modificare anche i colori derivati */
    --bs-primary-rgb: 255, 132, 0;
    --bs-success-rgb: 0, 204, 136;

    --bs-link-color: var(--museo-secondary-color);
    --bs-link-hover-color: var(--museo-secondary-accent-color);

    --bs-body-color: var(--museo-dark-color);

    --bs-it-card-color: var(--museo-dark-color);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary), black 10%);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary), black 15%);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

:root, body.stile2  {
    --museo-primary-color: #06c;
    --museo-secondary-color: #6c757d;
    --museo-accent-color: #fd7e14;
    --museo-secondary-accent-color: #fe7e14;
    --museo-dark-color: #212529;
    --museo-light-color: #f8f9fa;
    --museo-less-light-color: #e4ebf3;


}


:root,body.stile1 {
    --museo-primary-color: #14455a;
    --museo-secondary-color: #CC5500;
    --museo-accent-color: #f8b80f;
    --museo-secondary-accent-color: #dda031;

    --museo-dark-color: #212529;
    --museo-light-color: /*#e4ebf3;*/#f8f9fa;
    --museo-less-light-color: #e4ebf3;
}

.bg-dark{
    background-color: var(--museo-primary-color)!important;
}

label {
    color: var(--museo-dark-color)!important;
}

.list-unstyled .text-primary{
    color: var(--museo-primary-color)!important;
}
.list-unstyled svg{
    fill: var(--museo-primary-color)!important;
}


.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li.megamenu>button.nav-link::before {
    background-color: var(--museo-primary-color)!important;
}
.vjs-theme-bootstrap-italia .vjs-big-play-button {
    background-color: var(--museo-primary-color)!important;
}
a{
    color: var(--museo-secondary-color);
}
.it-card, article.it-card {
    --bs-it-card-color: var(--museo-dark-color);
}
.it-footer-small-prints {
    background-color: var(--museo-dark-color);
}
/* RESET CLASSI BOOTSTRAP*/
.btn-primary {
    color: #fff;
    background-color: var(--museo-primary-color);
    border-color: var(--museo-primary-color)
}

.btn-primary:hover,.btn-primary:focus-visible {
    background-color: var(--museo-accent-color);
    color: #fff;
    border-color: var(--museo-accent-color)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: var(--museo-primary-color);
    border-color: var(--museo-primary-color);
    pointer-events: none
}

.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-accent-color);
    color: #fff;
    border-color: var(--museo-accent-color)
}

.btn-secondary {
    color: #fff;
    background-color: var(--museo-secondary-color);
    border-color: var(--museo-secondary-color)
}

.btn-secondary:hover,.btn-secondary:focus-visible {
    background-color: var(--museo-secondary-accent-color);
    color: #fff;
    border-color: var(--museo-secondary-accent-color)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: var(--museo-secondary-color);
    border-color: var(--museo-secondary-color);
    pointer-events: none
}

.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary.dropdown-toggle.show,.show>.btn-secondary.dropdown-toggle {
    background-color: var(--museo-secondary-accent-color);
    color: #fff;
    border-color: var(--museo-secondary-accent-color)
}

.it-header-slim-wrapper, .it-footer-main, .it-hero-wrapper  {
    background-color: var(--museo-primary-color);
}
.link-list-wrapper ul li a span {
    color: var(--museo-primary-color);
}
.link-list-wrapper ul li a.active span,.link-list-wrapper ul li a:hover span  {
    color: var(--museo-secondary-accent-color)!important;
}
.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a.active:after {
    background-color: var(--museo-secondary-accent-color)!important;
}

.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-brand-wrapper a {
    color:var(--museo-primary-color);
}

.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-right-zone {
    color:var(--museo-primary-color);
}
.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-right-zone {
    color:var(--museo-primary-color);
}

.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li a.nav-link {
    color:var(--museo-primary-color);
}

.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li.megamenu>button.nav-link svg {
    fill: var(--museo-primary-color);
}

.it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu {
    background: var(--museo-primary-color);
}


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


.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li.megamenu>button.nav-link {
    color:  var(--museo-primary-color);
}


.icon-primary{
    fill: var(--museo-secondary-color)!important;
}

.bg-light{
    background-color: var(--museo-light-color)!important;
}
.bg-less-light{
    background-color: var(--museo-less-light-color)!important;
}

.it-card-title {
    font-size: 1.4rem;
}
.it-card-title a{
    text-decoration: none;
}

.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li.megamenu>button.nav-link::before {

    margin-left: 3px;
}

.it-hero-small {
    min-height: 180px;
}


/* CARD OVERLAY*/
.card-overlay {
    position: relative;
    background-image: url('immagine.jpg'); /* Sostituisci con il tuo path */
    background-size: cover;
    background-position: center;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
    border-radius: 0;
}

.card-overlay-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-overlay-title {
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.card-overlay-title .it-icon {
    font-size: 1.2rem;
    margin-left: 0.5rem;
}

.card-overlay-text {
    font-size: 1rem;
    margin-top: 0.5rem;
}


.with-min-height-md{
    min-height:  200px!important;
}

svg.icon > image {
    width: inherit;
    height: inherit;
}

@media (max-width: 990px) {
    .it-header-navbar-wrapper {
        transition: padding-top .3s ease;
        position: absolute;
        z-index: 3;
        left: 0;
        margin-top: -60px;
    }

    .it-header-center-content-wrapper .it-brand-wrapper {
        padding-left: 32px;
    }
}




#switcher{
    position: fixed;
    top:100px;
    right: 0px;

    opacity: 0.5;
    padding: 3px;
    border: 1px solid grey;

}
#switcher:hover{
    opacity:1;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
    width:auto!important;
}

.back-to-top {

    background: var(--museo-primary-color);
    box-shadow: white 0px 0px 10px;
}
.back-to-top:hover{

    background: var(--museo-accent-color);

}
.banner-detail-page .figure.img-full img {
    width: 100%;
    /* height: 100%; */
    /* max-height: 600px; */
    object-fit: contain;
}

/* Cookie */
#cookieModal{
    z-index: 99999;
    .overlay{
        position:fixed;
        inset:0;
        background:var(--overlay);
        display:flex;
        align-items:center;
        justify-content:center;
        z-index:1000
    }
    .modal{
        background:var(--bg);
        width:min(760px,96%);
        max-height:88vh;
        overflow:auto;
        border-radius:12px;
        box-shadow:0 10px 30px rgba(0,0,0,0.35);
        padding:24px;
        z-index: 999;

    }
    .modal header{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:16px
    }
    .modal h2{
        margin:0;
        font-size:1.25rem!important
    }
    .modal p.lead{
        margin:8px 0 18px;
        color:var(--muted);
        font-size:1rem!important
    }
    .groups{
        display:grid;
        gap:12px
    }
    .group{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:12px;
        border:1px solid #e6e6e6;
        border-radius:8px
    }
    .group h3{
        margin:0;
        font-size:1rem
    }
    .group p{
        margin:6px 0 0;
        color:var(--muted);
        font-size:0.95rem
    }
    .tog-btn{
        appearance:none;
        border:1px solid #bbb;
        border-radius:14px;
        width:46px;
        height:26px;
        position:relative;
        background:#eee;
        cursor:pointer
    }
    .tog-btn[aria-pressed="true"]{
        background:var(--primary);
        border-color:var(--primary)
    }
    .tog-knob{
        position:absolute;
        top:3px;
        left:3px;
        width:20px;
        height:20px;
        border-radius:50%;
        background:#fff;
        transition:transform .18s
    }
    .tog-btn[aria-pressed="true"] .tog-knob{
        transform:translateX(20px)
    }
    .actions{
        display:flex;
        gap:8px;
        justify-content:flex-end;
        margin-top:18px
    }

    .btn.ghost{
        background:transparent;
        color:var(--primary);
        border-color:var(--primary)
    }

    .policy{
        font-size:0.9rem;
        color:var(--muted);
        margin-top:12px
    }
    .controls{
        display:flex;
        gap:8px;
        flex-wrap:wrap;
        align-items:center
    }
    /* responsive */
    @media (max-width:420px){
        .modal{
            padding:16px;
            border-radius:8px
        }
    }
    .tog-btn[aria-pressed="true"] {
        background: var(--museo-accent-color);
        border-color: var(--primary);
    }
}

.navbar.theme-dark-mobile .navbar-collapsable .menu-wrapper{
    background-color: white!important;
}
.it-card-inline-content {
    min-height: 360px !important;
}
.it-card-image-wrapper .ratio {
    display: flex;
    align-items: center;
}

.it-card-image-wrapper img {
    height: 360px;
    width: auto;
    object-fit: contain;
}

.figure {
    display: flex;
    align-items: center;
    /*	overflow: hidden;*/
}

/*
.dropdown-item:focus {
    outline: 2px solid #0059b3;
    background-color: #f0f7ff;
}

.nav-link:focus,
.nav-link:focus-visible,
.dropdown-toggle:focus,
.dropdown-toggle:focus-visible,
.dropdown-item:focus-visible,
.dropdown-item:focus {
    outline: 2px solid #0059b3;
    background-color: #f0f7ff; 
    outline-offset: 3px;
    box-shadow: none !important; 
    color: #000!important;
}
.nav-link:focus>*,
.nav-link:focus-visible>*,
.dropdown-toggle:focus>*,
.dropdown-toggle:focus-visible>*,
.dropdown-item:focus-visible>*,
.dropdown-item:focus>* {
    color: #000!important;
}

.menu-wrapper {
    .nav-link:focus,
        .nav-link:focus-visible,
        .dropdown-toggle:focus,
        .dropdown-toggle:focus-visible,
        .dropdown-item:focus-visible,
        .dropdown-item:focus {
        outline: 2px solid #0059b3;
        background-color: #fff; 
        outline-offset: 3px;
        box-shadow: none !important; 
        color: #000!important;
        border: #000 solid;
    }
}

.text-decoration-none{
    text-decoration: underline!important;
}*/