/* ==========================================================================
   CONFIGURAZIONE FONT (Montserrat)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

* {
    font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif;
    font-weight: 600;
}

.help-center-title, .portal-title {
    font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif;
    font-weight: 700;
}

.article-content, .article-body {
    font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif;
    line-height: 1.7;
}

.article-title {
    font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif;
    font-weight: 600;
}

.nav-link, .menu-item, .breadcrumb {
    font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif;
    font-weight: 500;
}

.btn, button, input[type="submit"], .search-input, .search-results, .category-heading, .section-title, a, input, textarea, select {
    font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif;
}

/* ==========================================================================
   LAYOUT NAVBAR & FIX ALLARGAMENTO LINGUA
   ========================================================================== */

.Header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.Header__menuList {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px;
}

/* FIX: Allargamento dello switcher lingua */
/* Targettizza il placeholder ${Languages} per dargli spazio ed evitare tagli */
#navBarContainer > div:nth-last-child(4), 
.languages-container {
    min-width: 160px !important; /* Forza l'allargamento */
    flex-shrink: 0;
}

/* Assicura che la select interna occupi tutto lo spazio */
.Header__navbar select {
    width: 100% !important;
    min-width: 140px !important;
}

/* ==========================================================================
   RESPONSIVE MOBILE (< 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    /* Nasconde solo il nome azienda e il menu centrale */
    .Header__name, 
    .Header__menuTab {
        display: none !important;
    }

    /* Assicura che Logo, Lingua e Menu occupino bene la riga */
    .Header__container {
        justify-content: space-between;
    }

    /* Lo switcher si posiziona a destra */
    #navBarContainer > div:nth-last-child(4) {
        margin-left: auto;
        min-width: 120px !important;
    }

    .Header__menuicon {
        display: block !important;
        margin-left: 15px;
    }
}