/* Stile del selettore lingue nel menu - super figo! 😎 */
.menu-language-select {
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.2) !important; /* come i tuoi link inattivi */
    font-family: 'Montserrat', sans-serif;
    font-size: 72px;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease;
}

/* Quando è attivo o hover - si illumina come gli altri elementi 🔥 */
.menu-language-select:hover,
.menu-language-select:focus {
    color: var(--text) !important;
    outline: none !important;
}

/* Styling per le bandierine */
.flag-icon {
    margin-right: 8px;
    font-size: 1em;
}

/* Fix per il dropdown bootstrap */
.dropdown-menu {
    background-color: var(--background-dark) !important;
    border: 1px solid var(--border) !important;
}

.dropdown-item {
    color: var(--text) !important;
    transition: all 0.3s ease;
}

.dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Contenitore icone nella top-bar */
.icons-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Stile del popover personalizzato */
.popover {
    background-color: var(--background-dark);
    border: 1px solid var(--border);
    border-radius: var(--bento-radius);
    min-width: 300px;
}

.popover .arrow::after {
    border-bottom-color: var(--background-dark);
}

/* Container del login */
.login-popover-container {
    padding: 15px;
}

/* Stile form e input */
.login-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.login-form input {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--border);
    border-radius: var(--button-radius);
    color: var(--text);
    padding: 12px 15px;
    width: 100%;
}

/* Bottoni */
.login-btn, .google-btn, .logout-btn {
    border: 1px solid var(--border);
    border-radius: var(--button-radius);
    color: var(--text);
    padding: 10px;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease;
}

.login-btn {
    background: var(--circle3);
}

.google-btn {
    background: #dc3545;
}

/* Menu utente loggato */
.user-info {
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.login-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.login-menu a {
    color: var(--text);
    text-decoration: none;
    padding: 8px;
    border-radius: var(--bento-radius);
    transition: background 0.3s ease;
}

.login-menu a:hover {
    background: rgba(255, 255, 255, 0.1);
}