/* Rimuove il titolo e il percorso Home su Mobile per Astra */
@media screen and (max-width: 768px) {
    .ast-breadcrumbs-wrapper, 
    .entry-header, 
    .ast-archive-description {
        display: none !important;
    }
/* CAMBIA IL COLORE DELLE ETICHETTE (Username, Nome, Email, ecc.) */
.um-field-label label {
    color: #ffffff !important;
}

/* CAMBIA IL COLORE DEL TESTO CHE L'UTENTE SCRIVE DENTRO I CAMPI */
.um-field-area input[type="text"], 
.um-field-area input[type="password"], 
.um-field-area textarea {
    color: #ffffff !important;
}

/* CAMBIA IL COLORE DEL TESTO DENTRO IL BOTTONE (REGISTRATI/ACCEDI) */
.um-button {
    color: #ffffff !important;
}

/* CAMBIA IL COLORE DEL TESTO DEI LINK (Es: Hai dimenticato la password?) */
.um-link {
    color: #ffffff !important;
    text-decoration: underline;
}
/* APPLICA MONTSERRAT A TUTTO IL FORM DI ULTIMATE MEMBER */
.um, 
.um-field-label label, 
.um-field-area input, 
.um-button, 
.um-link,
.um-field-error {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important; /* Spessore medio, molto elegante */
}

/* SPECIFICO PER LE ETICHETTE (Username, Nome, ecc.) */
.um-field-label label {
    text-transform: uppercase !important; /* Opzionale: rende i titoli in maiuscolo */
    letter-spacing: 1px !important;       /* Spazia leggermente le lettere */
    font-size: 14px !important;
}

/* SPECIFICO PER IL TESTO DENTRO I BOTTONI */
.um-button {
    font-weight: 700 !important; /* Più marcato sui bottoni */
}	
/* APPLICA MONTSERRAT IN MINUSCOLO A TUTTO IL FORM */
.um, 
.um-field-label label, 
.um-field-area input, 
.um-button, 
.um-link,
.um-field-error {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none !important; /* Rimuove il maiuscolo forzato */
    font-weight: 400 !important;      /* Rende il tratto più leggero e pulito */
}

/* SPECIFICO PER LE ETICHETTE (Username, Nome, ecc.) */
.um-field-label label {
    font-size: 15px !important;
    letter-spacing: 0px !important; /* Rimuove la spaziatura eccessiva tra lettere */
    color: #ffffff !important;      /* Assicura che siano bianche e leggibili */
}

/* SPECIFICO PER IL TESTO DENTRO IL BOTTONE */
.um-button {
    text-transform: none !important; /* Anche il bottone in minuscolo/normale */
    font-weight: 600 !important;      /* Un po' più evidente ma non enorme */
}	
/* CAMBIA IL COLORE DEL TESTO CHE SI SCRIVE DENTRO I CAMPI */
.um-field-area input[type="text"], 
.um-field-area input[type="password"], 
.um-field-area textarea,
.um-field-area input {
    color: #000000 !important;      /* Testo NERO assoluto */
    background-color: #ffffff !important; /* Sfondo BIANCO per far risaltare il nero */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
}

/* COLORE DEL "PLACEHOLDER" (Il testo d'esempio che sparisce quando scrivi) */
.um-field-area input::placeholder {
    color: #666666 !important; /* Grigio scuro per l'esempio */
}	
/* NASCONDE IL BOTTONE SECONDARIO (LOGIN) NELLA PAGINA DI REGISTRAZIONE */
.um-register .um-button.um-alt {
    display: none !important;
}

/* CENTRA IL BOTTONE REGISTRATI (Se vuoi che rimanga solo lui al centro) */
.um-register .um-col-alt {
    text-align: center !important;
    float: none !important;
    width: 100% !important;
}
/* STILE DEL BOTTONE REGISTER (FUCSIA + TESTO NERO + CENTRATO) */
.um-button, 
.um-button.um-alt {
    background-color: #ff0099 !important; /* Il tuo fucsia personalizzato */
    color: #000000 !important;           /* Scritta NERA all'interno */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;         /* Rende la scritta nera più leggibile */
    text-transform: none !important;      /* Mantiene il minuscolo/normale */
    border-radius: 5px !important;       /* Arrotonda leggermente gli angoli */
    
    /* Forza il posizionamento centrale */
    display: block !important;
    margin: 20px auto !important;        /* Centra il bottone nel box */
    float: none !important;
    width: 100% !important;              /* Lo rende bello grande per il cellulare */
    max-width: 250px !important;         /* Impedisce che diventi troppo largo sul PC */
}	
/* ELIMINA IL BOTTONE REGISTER DALLA PAGINA ACCEDI (LOGIN) */
.um-login .um-button.um-alt {
    display: none !important;
}
/* 1. SPARISCE L'INGLESE */
.um-login a.um-link-alt, 
.um-login .um-link {
    font-size: 0 !important;
    text-decoration: none !important;
    display: block !important;
    text-align: center !important;
    margin-top: 15px !important;
}

/* 2. APPARE L'ITALIANO */
.um-login a.um-link-alt:before, 
.um-login .um-link:before {
    content: 'Recupera la tua password' !important;
    font-size: 14px !important; /* Ridiamo la dimensione */
    color: #ffffff !important;   /* Lo facciamo bianco */
    font-family: 'Montserrat', sans-serif !important;
    visibility: visible !important;
}

/* 3. COLORE FUCSIA AL PASSAGGIO DEL MOUSE */
.um-login a.um-link-alt:hover:before, 
.um-login .um-link:hover:before {
    color: #ff0099 !important;
}
/* --- RESET E PULIZIA PAGINA LOGIN --- */

/* 1. NASCONDE IL BOTTONE REGISTER (IL SECONDO) E IL LINK INGLESE ORIGINALE */
.um-login .um-button.um-alt, 
.um-login .um-link-alt, 
.um-login .um-link,
.um-login .um-left {
    display: none !important;
}

/* 2. STILE BOTTONE LOGIN (FUCSIA + TESTO NERO + CENTRATO) */
.um-login .um-button {
    background-color: #ff0099 !important; /* Il tuo fucsia */
    color: #000000 !important;           /* Testo nero */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: none !important;
    display: block !important;
    margin: 20px auto !important;
    float: none !important;
    width: 100% !important;
    max-width: 250px !important;
    border-radius: 5px !important;
}

/* 3. FA RIAPPARIRE E ABBELLI IL TUO NUOVO LINK "RECUPERA PASSWORD" */
/* Questo sblocca il quadratino che hai aggiunto nel Form Builder */
.um-login .um-field-shortcode, 
.um-login .um-field-html {
    display: block !important;
    visibility: visible !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 10px !important;
    clear: both !important;
}

/* 4. STILE DEL TESTO DEL LINK (BIANCO E MONTSERRAT) */
.um-login .um-field-shortcode a,
.um-login .um-field-html a,
.um-login .um-field-shortcode div,
.um-login .um-field-html div {
    color: #ffffff !important;           /* Scritta bianca */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    visibility: visible !important;
}

/* EFFETTO AL PASSAGGIO DEL MOUSE SUL RECUPERO PASSWORD */
.um-login .um-field-shortcode a:hover {
    color: #ff0099 !important;           /* Diventa fucsia al passaggio */
}
/* SBLOCCA IL TOCCO SUL LINK DI RECUPERO */
.um-field-shortcode, .um-field-html {
    pointer-events: auto !important; /* Forza il sistema a sentire il click */
    z-index: 999999 !important;
    position: relative !important;
    overflow: visible !important;
}

.link-recupero-wrapper a:hover {
    color: #ff0099 !important;
    text-decoration: none !important;
}	
/* RENDE VISIBILE IL MODULO NELLA PAGINA PASSWORD RESET */
.um-password-reset-submit, .um-password-reset-input {
    text-align: center !important;
}

/* COLORE DELLE ETICHETTE E DEL TESTO */
.um-password-reset .um-label label, 
.um-password-reset .um-field-label {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* STILE DEL BOTTONE DI RESET (FUCSIA) */
.um-password-reset .um-button {
    background-color: #ff0099 !important;
    color: #000000 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}

/* SISTEMA IL TESTO "INSERISCI EMAIL" */
.um-password-reset p {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
}
/* FORZA IL MODULO DI RESET A ESSERE BIANCO E VISIBILE */
.um-password-reset, 
.um-password-reset * {
    color: #ffffff !important;
    display: block !important;
    visibility: visible !important;
    font-family: 'Montserrat', sans-serif !important;
}

.um-password-reset .um-field-label label {
    color: #ffffff !important;
}

.um-password-reset input[type="text"] {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #ff0099 !important;
}
/* ELIMINA LO SFONDO BIANCO DALLE VOCI DEL MENU */
.menu-item a, 
.menu-item a:hover,
.menu-item.current-menu-item a {
    background-color: transparent !important; /* Toglie il bianco */
    color: #ffffff !important;                /* Forza il testo bianco */
    background: none !important;
}

/* SE VUOI CHE LA VOCE SELEZIONATA SIA FUCSIA INVECE CHE BIANCA */
.menu-item.current-menu-item a {
    color: #ff0099 !important; 
}

/* TOGLIE L'EFFETTO BIANCO ANCHE AL PASSAGGIO DEL MOUSE */
.main-navigation ul li a:hover {
    background: transparent !important;
    color: #ff0099 !important;
}
/* COLORE DELLA SCRITTA QUANDO SEI DENTRO LA PAGINA (VOCE ATTIVA) */
.menu-item.current-menu-item a {
    color: #000000 !important; /* Rende la scritta NERA così si legge sul fucsia */
    background: none !important;
}

/* SE PREFERISCI CHE LA SCRITTA SIA BIANCA MA CON UN PICCOLO OMBREGGIO */
.menu-item.current-menu-item a {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}	
/* RENDE NERE TUTTE LE SCRITTE DEL MENU OFF-CANVAS (FUCSIA) */
.menu-item a {
    color: #000000 !important;           /* Testo nero per tutte le voci */
    font-family: 'Montserrat', sans-serif !important;
    background: transparent !important;   /* Assicura che non ci siano strisce bianche */
    background-color: transparent !important;
}

/* COLORE NERO ANCHE QUANDO CI PASSI SOPRA CON IL MOUSE */
.menu-item a:hover {
    color: #000000 !important;
    opacity: 0.8;                        /* Un leggero effetto trasparenza al passaggio */
}

/* COLORE NERO PER LA VOCE DELLA PAGINA IN CUI TI TROVI */
.menu-item.current-menu-item a {
    color: #000000 !important;
    font-weight: bold !important;        /* La rende un po' più spessa per evidenziarla */
}
/* RENDE TUTTE LE VOCI DEL MENU UGUALI: NERE E CON LO STESSO GRASSETTO */
.menu-item a, 
.menu-item.current-menu-item a,
.menu-item.current_page_item a {
    color: #000000 !important;
    font-weight: 600 !important; /* Questo è un grassetto medio, puoi usare 700 per più marcato */
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important; /* Forza il tutto maiuscolo se serve */
    letter-spacing: 0.5px !important; /* Uniforma lo spazio tra le lettere */
}

/* TOGLIE QUALSIASI EFFETTO DIVERSO AL PASSAGGIO DEL MOUSE */
.menu-item a:hover {
    color: #000000 !important;
    font-weight: 700 !important;
    opacity: 0.7; /* Dà solo un piccolo feedback visivo senza cambiare spessore */
}	
/* SPOSTA IN BASSO IL MESSAGGIO DI RESTRIZIONE (CIRCA 2 CM) */
.um-restriction-content {
    margin-top: 80px !important;
    padding-top: 20px !important;
    display: block !important;
    clear: both !important;
}

/* SE IL MESSAGGIO È SCRITTO DENTRO UN PARAGRAFO NELLA PAGINA */
.um-restriction-content p {
    margin-top: 50px !important;
    line-height: 1.6 !important;
}
/* FORZA IL DISTACCAMENTO DEL CONTENUTO DALL'HEADER IN TUTTE LE PAGINE */
.ast-separate-container .site-content {
    padding-top: 80px !important;
}

/* COLPIAMO SPECIFICAMENTE IL CONTENITORE DI ULTIMATE MEMBER */
.um-content.um-restriction-content {
    padding-top: 100px !important;
    margin-top: 50px !important;
    display: block !important;
}
/* FORZA IL DISTACCAMENTO DEL CONTENUTO DALL'HEADER IN TUTTE LE PAGINE */
.ast-separate-container .site-content {
    padding-top: 80px !important;
}

/* COLPIAMO SPECIFICAMENTE IL CONTENITORE DI ULTIMATE MEMBER */
.um-content.um-restriction-content {
    padding-top: 100px !important;
    margin-top: 50px !important;
    display: block !important;
}

/* SE IL TESTO FUCSIA È DENTRO UN ELEMENTO SPECIFICO DI ASTRA */
.entry-content {
    margin-top: 60px !important;
}