html{
    height: 100%;
}
body {
    margin: 0;
    padding-bottom: 0rem;
    padding-top: 6rem;
    min-height: 100%;
    color: #4d4d4d;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}
.form-control{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}
#footer {
    position: relative;
    right: 0;
    bottom: -50px;
    left: 0;
    padding: 1rem;
    background-color: #EFEFEF;
    color: #88837F;
    font-size: 18px;
}
#footer a{
    color: #88837F;
}
#footer a:hover{
    color: #999;
}
a:hover{
    text-decoration: none;
}
.static_link, .static_link:hover{
    color: #0077FF;
}
.inactive_link, .inactive_link:hover{
    color: #6BAFFF;
}
/* Navbar */
.navbar{
    font-weight: 400;
    -webkit-box-shadow: -1px 2px 9px 0px rgba(221,221,221,1);
    -moz-box-shadow: -1px 2px 9px 0px rgba(221,221,221,1);
    box-shadow: -1px 2px 9px 0px rgba(221,221,221,1);
    padding-top: 20px;
    padding-bottom: 20px;
  overflow: hidden;
  background-color: #FFF;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  z-index: 1000;
}
.navbar-light .navbar-nav .nav-link {
    color: #03363D;
}
.navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #2276D2;
    text-decoration: underline;
}
/* Heading */
.heading{
    font-weight: 200;
    font-size: 42px;
    line-height: 48px;
    padding-top: 40px;
}
.sub_heading{
    font-weight: 200;
    font-size: 36px;
    margin-top: 0px;
    line-height: 35px;
}
/* Knowledge base */
.slider-block{
    background: url("../images/slider2.jpg") no-repeat;
    background-position: top;
    background-size: cover;
    color: #1b1e21;
}
.slider-block .slider-content{
    text-align: center;
    padding-top: 220px;
    padding-bottom: 120px;
}
.slider-block .slider-content h1{
    font-weight: 600;
    margin-bottom: 50px;
    text-shadow: 2px 2px 5px #000;
    color: #FFF;
}
a.kb_category{
    font-weight: 400;
    font-size: 20px;
    color: #4C4C4C;
}
a.kb_category:hover{
    color: #0077FF;
}
.kb_total_articles{
    color: #B3B3B3;
}
.kb_article_icon{
    color: #C7C7C7;
}
.kb_article_icon_lg{
    color: #E5E5E5;
    font-size: 40px;
}

.article_description{
    color: #999;
    font-size: 14px;
}

.pointer{
    cursor: pointer;
}
.bg-staff{
    background-color: #FFF5E5;
}
.text-md-right{
    display: inline;
}
.collapse navbar-collapse{
    position: fixed;
}
.navbar-nav ml-auto{
    position: fixed;
}
.dropdown-menu{
    position:fixed;
}
.row, .nav-item{
    zoom:105%;
}


@media screen and (min-width: 62em) {
   .nav-item.show{
       top: -63px;
   }
   .navbar-light {
       position:fixed;
   }
}


@media screen and (max-width: 72em) {
   .col-md-6 {
       position: relative;
       text-align: center;
   }
   .navbar-brand {
       margin-left: 60px;
   }
}


@media screen and (max-width: 38em) {
   .slider-block{
       background: url("../images/slider2,mobile.jpg") no-repeat;
       background-position: top;
   }
}

#theme-selector-widget {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 8px;
    padding: 6px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    transition: all 0.3s ease;
}

/* Adattamento del widget in modalità dark */
html[data-theme="dark"] #theme-selector-widget {
    background: rgba(30, 30, 30, 0.7);
    border-color: rgba(255, 255, 255, 0.1);
}

#theme-selector-widget button {
    background: transparent;
    border: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: 0.2s;
}

#theme-selector-widget button:hover {
    background: rgba(0, 0, 0, 0.05);
}

html[data-theme="dark"] #theme-selector-widget button:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Evidenzia il pulsante attivo */
html[data-selected="light"] #btn-light,
html[data-selected="dark"] #btn-dark,
html[data-selected="auto"] #btn-auto {
    background: #007bff;
    color: white;
}


/* --- COMPORTAMENTO DESKTOP (Solo schermi grandi) --- */
@media (min-width: 768px) {
    /* Forza il contenitore a non tagliare il menu */
    .navbar, .navbar-collapse, .nav-item {
        overflow: visible !important;
    }

    /* Posizionamento flottante/sovrapposto */
    .nav-item.dropdown .dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        left: auto !important;
        right: 0 !important;
        z-index: 99999 !important;
        display: none;
        min-width: 180px;
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        background-color: #fff;
    }

    /* Mostra al passaggio del mouse solo su Desktop */
    .nav-item.dropdown:hover .dropdown-menu {
        display: block !important;
    }
}

/* --- COMPORTAMENTO MOBILE (Ripristino originale) --- */
@media (max-width: 767px) {
    .nav-item.dropdown .dropdown-menu {
        position: static !important; /* Torna nel flusso normale del testo */
        display: none; /* Verrà gestito dal click di Bootstrap */
        float: none;
        width: 100%;
        box-shadow: none;
        border: none;
        padding-left: 20px; /* Rientro per far capire che è un sottomenu */
    }

    /* Se Bootstrap non lo apre automaticamente al click su mobile */
    .nav-item.dropdown.open .dropdown-menu,
    .nav-item.dropdown.show .dropdown-menu {
        display: block !important;
    }
}

/* --- STILI COMUNI (DARK MODE) --- */
html[data-theme="dark"] .dropdown-menu {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
}

html[data-theme="dark"] .dropdown-item, 
html[data-theme="dark"] .dropdown-menu li a {
    color: #e0e0e0 !important;
}


/* Rimuove sottolineatura e alone al passaggio del mouse e al click */
.nav-item.dropdown .nav-link, 
.nav-item.dropdown .nav-link:hover, 
.nav-item.dropdown .nav-link:focus, 
.nav-item.dropdown .nav-link:active,
.dropdown-item, 
.dropdown-item:hover, 
.dropdown-item:focus {
    text-decoration: none !important; /* Elimina la sottolineatura */
    outline: none !important;         /* Elimina l'alone di focus del browser */
    box-shadow: none !important;      /* Elimina eventuali ombre al click */
}

/* Specifico per i link all'interno del menu a tendina */
.dropdown-menu li a, 
.dropdown-menu li a:hover, 
.dropdown-menu li a:focus {
    text-decoration: none !important;
}

/* Feedback elegante senza sottolineatura */
.nav-item.dropdown .nav-link:hover {
    opacity: 0.8;
}

html[data-theme="dark"] .dropdown-item:hover {
    background-color: #333 !important;
    color: #ffffff !important;
}

/* Evidenzia la lingua attiva nel dropdown */
.dropdown-item.active, 
.dropdown-item:active {
    background-color: #007bff !important;
    color: #fff !important;
}

html[data-theme="dark"] .dropdown-item.active {
    background-color: #bb86fc !important;
    color: #000 !important;
}





/* css cookie */
#webhint{display:none}.cc_banner-wrapper{z-index:90010000;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.8em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.8em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{text-indent:-1000px;overflow:hidden;width:81px;height:22px;background-size:cover;opacity:0.7;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px 15px 50px}.cc_container .cc_btn{padding:8px 16px;background-color:#f1d600;position:absolute;bottom:10px;left:15px;right:15px;text-align:center}@media screen and (min-width: 500px){.cc_container{left:initial;right:20px;bottom:20px;width:300px;padding-bottom:77px}.cc_container .cc_btn{right:15px;bottom:37px}.cc_container .cc_logo{display:none;position:absolute;bottom:8px;left:calc(50% - 50px)}}@media screen and (min-width: 768px){#webhint{display:block}.cc_container{padding-bottom:87px}.cc_container .cc_message{font-size:1em}}.cc_container{background:#fff;color:#999;font-size:17px;font-family:"Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;box-sizing:border-box;border:1px solid #ccc}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#d7bf00;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#555}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.cc_container{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@media screen and (min-width: 500px){.cc_container{border-radius:5px;box-shadow:0px 5px 10px rgba(0,0,0,0.2)}}@media screen and (max-width: 500px) {.cc_logo{background-image:none!important;float:left;margin-bottom:-21px;}}