/* FORZA IL COLORE BLU - TEST INIZIALE */
form.mod-login button[type="submit"], 
form.mod-login .btn-primary,
#login-form-139 .btn-primary {
    background-color: #3289d9 !important;
    border-color: #3289d9 !important;
    color: #ffffff !important;
    background-image: none !important;
    display: inline-block !important;
}

/* EFFETTO HOVER */
form.mod-login button[type="submit"]:hover {
    background-color: #2669a8 !important;
    border-color: #2669a8 !important;
}





/* Cambia il colore di sfondo del corpo della pagina */
body {
    background-color: #eeeeee;
    background-image: none; /* Rimuove eventuali gradienti predefiniti */
}



Regole per le scritte

/* Titoli con dimensione 1.4rem e sottolineatura */
div[role="main"] h2, 
div[role="main"] h2 a,
.com-content-article__title,
.com-content-article__title a,
h2.item-title,
h2.item-title a {
    font-size: 1.4rem !important;
    display: inline-block !important;
    text-decoration: underline !important; /* Aggiunge la sottolineatura */
    text-underline-offset: 5px !important;    /* Distanzia la linea dal testo per una migliore leggibilità */
    text-decoration-thickness: 1px !important; /* Mantiene la linea sottile e pulita */
}

/* Rimuove la sottolineatura quando passi il mouse (effetto inverso) - Opzionale */
div[role="main"] h2 a:hover,
.com-content-article__title a:hover {
    text-decoration: none !important;
}




/* Titolo della pagina singola con dimensione ridotta e sottolineatura */
.item-page h1, 
.item-page .page-header h1,
.com-content-article h1 {
    font-size: 1.4rem !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;    /* Mantiene lo spazio tra testo e linea */
    text-decoration-thickness: 1px !important; /* Linea sottile ed elegante */
    display: inline-block !important;          /* La linea finisce dove finisce il testo */
    margin-bottom: 20px !important;
}



/* Titoli nella pagina Concetti Chiave (Layout Blog) */
.blog-items h2, 
.blog-items h2 a,
.com-content-category-blog__item h2,
.com-content-category-blog__item h2 a {
    font-size: 1.4rem !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
    text-decoration-thickness: 1px !important;
    display: inline-block !important;
    margin-bottom: 15px !important;
}

/* Rimuove la sottolineatura al passaggio del mouse per i titoli linkati */
.blog-items h2 a:hover {
    text-decoration: none !important;
}







.container-sidebar-left .sidebar-left:first-child {
  margin-top: 1em;
  width: 226px;
}

.container-sidebar-right .sidebar-right:first-child {
  margin-top: 1em;
  width: 183px;
  margin-left: 52px;
}





/* Applica la spaziatura di 16px anche al Main Menu in posizione Below Top */
.container-below-top .mod-menu > li,
.container-below-top .navbar-nav > li {
    margin: 0 0 0 16px !important;
}

/* Assicura che anche questo menu sia allineato orizzontalmente se non lo fosse */
.container-below-top .mod-menu,
.container-below-top .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    list-style: none !important;
    padding-left: 10px !important;
    margin: 0 !important;
}


/* Aggiornamento della barra menu con bordo sfumato */
header .container-nav, 
header nav.navbar {
    display: block !important;
    width: calc(100% - 30px) !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    background-color: #dddddd !important;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd) !important;
    
    /* 1. Il bordo reale (sottile e grigio medio) */
    border: 1px solid #b2b2b2 !important;
    border-radius: 6px !important;

    /* 2. L'effetto sfumato (Box Shadow) */
    /* Abbiamo: un riflesso bianco interno in alto + un'ombra scura morbida esterna */
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.8), 
        0 2px 4px rgba(0, 0, 0, 0.15) !important;
    
    margin-top: 20px !important;
    padding: 0 !important;
    clear: both;
}

/* 2. Allineiamo le voci orizzontalmente */
header .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    margin: 0 !important;
    padding: 0 0 0 15px !important;
    list-style: none !important;
}

/* 3. Colore e stile dei link (esattamente come il vecchio sito) */
header .navbar-nav li a, 
header .navbar-nav li a span {
    color: #095197 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49) !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 12px 20px !important;
    display: block !important;
    text-decoration: none !important;
}

/* 4. Effetto al passaggio del mouse */
header .navbar-nav li a:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    color: #000000 !important;
}

/* 5. Nascondiamo il bottone "Menu" (hamburger) se siamo su desktop */
header .navbar-toggler {
    display: none !important;
}

/* 6. Assicuriamoci che il menu sia visibile (non collassato) */
header .collapse.navbar-collapse {
    display: block !important;
}


/* Modifica del contenitore della barra per distanziarla dai lati */
header .container-nav, 
header nav.navbar {
    margin-left: 15px !important;  /* Spazio a sinistra */
    margin-right: 15px !important; /* Spazio a destra */
    width: calc(100% - 30px) !important; /* Compensa la larghezza per i margini */
    border-radius: 6px !important; /* Arrotonda gli angoli per un effetto più rifinito */
}



/* Distanzia le voci del menu tra loro spostandole verso destra */
.header .container-nav .mod-menu > li,
.header .container-nav .navbar-nav > li {
    margin: 0 0 0 16px !important;
}

/* Opzionale: se vuoi che anche la prima voce non sia troppo attaccata al bordo sinistro della barra */
.header .container-nav .mod-menu,
.header .container-nav .navbar-nav {
    padding-left: 10px !important;
}


/* Trasforma in maiuscolo le voci del Main Menu e del Top Menu */
.header .navbar-nav a, 
.header .metismenu a,
.header .mod-menu a {
    text-transform: uppercase !important;
    letter-spacing: 0.5px; /* Opzionale: aggiunge un po' di respiro tra le lettere */
    font-size: 0.9rem;      /* Opzionale: di solito il maiuscolo richiede un font leggermente più piccolo */
}

/* Se hai dei sottomenu e vuoi che anche quelli siano in maiuscolo */
.header .dropdown-menu a {
    text-transform: uppercase !important;
}






/* 1. Sfondo generale della pagina */
body {
    background-color: #eeeeee !important;
}

/* 2. Reset dei contenitori esterni (li rendiamo trasparenti) */
.container-header, 
.container-nav, 
.container-footer, 
.container-topbar, 
.container-below-top {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 3. Definizione del Box Centrale (1025px) */
/* Applichiamo lo stile a header, main e footer separatamente ma con le stesse regole */
.header, 
.site-grid, 
.footer {
    max-width: 1025px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #ffffff !important;
    box-sizing: border-box; /* Importante per il calcolo corretto della larghezza */
    
    /* Ombra e bordi laterali */
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    box-shadow: 10px 0 15px -10px rgba(0,0,0,0.1), -10px 0 15px -10px rgba(0,0,0,0.1);
}

/* 4. Correzione specifica per l'Header (Testo e Menu) */
.header {
    background-image: none !important;
    border-bottom: 1px solid #eeeeee;
}

/* Colore dei link del menu per farli leggere sul bianco */
.header .navbar-nav > li > a, 
.header .navbar-brand a,
.header .metismenu > li > a {
    color: #333333 !important;
}

/* 5. Correzione per il Footer */
.footer {
    border-top: 1px solid #eeeeee;
}

/* Rimuove margini extra che potrebbero spostare il corpo a destra o sinistra */
.site-wrapper {
    overflow-x: hidden;
}



/* Colora i link del menu principale */
.header .container-nav .navbar-nav a, 
.header .container-nav .navbar-nav a span,
.header .mod-menu a,
.header .mod-menu a span,
.header .metismenu a,
.header .metismenu a span {
    color: #333333 !important;
}

/* Colore al passaggio del mouse (Hover) */
.header .container-nav .navbar-nav a:hover, 
.header .container-nav .navbar-nav a:hover span,
.header .mod-menu a:hover span {
    color: #0056b3 !important;
}

/* Se usi il menu "Verticale" o "Collapsible" (Metismenu) */
.metismenu.mod-menu .metismenu-item > a,
.metismenu.mod-menu .metismenu-item > span {
    color: #333333 !important;
}

/* Rende visibile la freccina dei sottomenu (se presente) */
.header .mod-menu .mm-toggler::after {
    border-color: #333333 !important;
}




/* 1. Rimpicciolisce il testo del "Leggi tutto" */
.readmore a, 
.btn.readmore {
    font-size: 0.95rem !important; /* Più piccolo rispetto al testo standard */
    text-transform: uppercase;     /* Opzionale: li rende coerenti con i tuoi menu */
    font-weight: 600;              /* Li rende leggermente più visibili */
}

/* 3. Se la freccia è un'icona dentro un tag <i> o <span> */
.readmore a [class^="icon-"], 
.readmore a .icon-chevron-right {
    display: none !important;
}

.readmore a, 
.btn.readmore,
.btn-primary.readmore {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: #095197 !important;        /* Il blu del tuo brand */
    text-decoration: none !important; /* Rimuove la sottolineatura */
    font-size: 0.85rem !important;
    font-weight: 600 !important;      /* Un po' più spesso per farlo risaltare */
}






/* Sposta il cerca dentro la barra del menu a destra */
.header .container-nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
	margin-bottom:-9px;
}

.header .search {
    margin-right: 15px;
    margin-top: 0 !important;
}







/* --- 2. FOOTER (Grigio scuro #555 con testi chiari) --- */
.footer {
    background-color: #555555 !important;
    background-image: none !important;
    color: #ffffff !important; /* Colore testo generico */
    border-top: 1px solid #444444;
	margin-top:0px;
}

/* Effetto hover sui link del footer */
.footer a:hover {
    color: #cccccc !important;
    text-decoration: underline;
}


/* 1. Riduciamo il padding globale del contenitore footer */
.footer {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 2. Azzeriamo i margini dei moduli interni (fondamentale) */
.footer .mod-custom, 
.footer .module, 
.footer .mod-footer {
    margin-top: -35px !important;
    margin-bottom: -25px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 3. Azzeriamo i margini dei paragrafi di testo nel footer */
.footer p, 
.footer div {
    margin-top: 5px !important;
    margin-bottom: 0px !important;
}







Spazio Banner

/* 1. Reset totale del contenitore top-b */
.top-b, 
.container-top-b,
section.top-b {
    display: block !important;
    text-align: center !important; /* Metodo classico per centrare elementi inline e immagini */
    width: 100% !important;
}

/* 2. Forza il centramento di ogni modulo interno */
.top-b .mod-custom, 
.top-b .moduletable,
.top-b .grid-child {
    display: inline-block !important; /* Trasforma il modulo in un elemento che risponde a text-align: center */
    float: none !important;           /* Rimuove eventuali float a sinistra */
    margin: 0 auto !important;        /* Centra il blocco se ha una larghezza fissa */
    text-align: center !important;
}

/* 3. Colpiamo il contenuto finale (Immagini e Link) */
.top-b img, 
.top-b a, 
.top-b p {
    display: inline-block !important; /* Fondamentale per farli rispondere al text-align: center del padre */
    margin: px auto !important;
    float: none !important;
}

table { margin: 0 auto !important; }



Colonna sinistra e destra


.container-sidebar-right>:first-child,

.container-sidebar-right>*+* {
 margin-top:1em;
  width: 183px;
   margin-left: 52px;
}

.container-sidebar-left>*+* {
 margin-top:1em;
  width: 226px;
  margin-left: 0px;
}


.container-component {
 grid-area:comp;
  margin-left: -40px;
}



Menù colonna sinistra

/* 1. Rimuovi lo sfondo rosso (visto che funziona) */
body { background-color: transparent !important; }

/* 2. Rimuove ogni tipo di sottolineatura dai link nelle sidebar */
div[class*="sidebar-"] a, 
.mod-list a, 
.card-body a {
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* 3. Forza la rimozione anche per i link senza classe (il caso di Cassiopeia) */
aside a:not([class]) {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}


/* Effetto hover: il link cambia colore quando ci passi sopra */
div[class*="sidebar-"] a:hover {
    color: #007bff !important; /* Puoi cambiare questo codice colore con quello che preferisci */
    transition: color 0.2s ease-in-out;
}



.card-header_login {
 padding:var(--card-cap-padding-y)var(--card-cap-padding-x);
 color:red;
 background-color:black;
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.4em;
}

.card-header_stella {
 padding:0px 23px;
 color:white;
 background: no-repeat scroll 0px -16px url(http://hyipmonitoritalia.com/images/stories/stella.webp);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.1em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}

.card-header_intervista {
 padding:0px 23px;
 color:red;
 background: no-repeat scroll 0px -16px url(http://hyipmonitoritalia.com/images/stories/intervista.png);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.2em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 226px;
 border: 0px solid #DDDDDD;
}

.card-header_monete {
 padding:0px 23px;
 color:white;
 background: url("http://hyipmonitoritalia.com/images/stories/monete.webp") no-repeat scroll -1px -16px rgba(0, 0, 0, 0);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.1em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}

.card-header_freccia {
 padding:0px 23px;
 color:red;
 background: url("http://hyipmonitoritalia.com/images/stories/freccia.png") no-repeat scroll -2px -16px rgba(0, 0, 0, 0);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.2em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 226px;
 border: 0px solid #DDDDDD;
}

.card-header_warning {
 padding:0px 23px;
 color:white;
 background: url("http://hyipmonitoritalia.com/images/stories/warning.webp") no-repeat scroll -2px -16px rgba(0, 0, 0, 0);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.1em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}

.card-header_translate {
 padding:0px 23px;
 color:red;
 background: url("http://hyipmonitoritalia.com/images/stories/Translate.png") no-repeat scroll -3px -16px rgba(0, 0, 0, 0);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.2em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 226px;
 border: 0px solid #DDDDDD;
}

Menù colonna destra


.card-header_utenti {
 padding:0px 23px;
 color:white;
 background: url("http://hyipmonitoritalia.com/images/stories/online.webp") no-repeat scroll -3px -16px rgba(0, 0, 0, 0);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:10px;
 font-size: 1.1em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 199px;
 border: 0px solid #DDDDDD;
}


.card-header_social {
 padding:0px 23px;
 color:white;
 background: url("http://hyipmonitoritalia.com/images/stories/social.webp") no-repeat scroll -3px -16px rgba(0, 0, 0, 0);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:10px;
 font-size: 1.1em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 183px;
 border: 0px solid #DDDDDD;
}

.card-header_pubblicità {
 padding:0px 23px;
 color:red;
 background-color:black;
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.2em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 183px;
 border: 0px solid #DDDDDD;
}

.card-header_ecurrency {
 padding:0px 23px;
 color:white;
 background: url("http://hyipmonitoritalia.com/images/stories/online.webp") no-repeat scroll -3px -16px rgba(0, 0, 0, 0);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:10px;
 font-size: 1.1em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 183px;
 border: 0px solid #DDDDDD;
}

/* Rimpicciolisce il testo nel modulo Chi è Online */
.mod-whosonline, 
.mod-whosonline p, 
.mod-whosonline ul {
    font-size: 0.8rem !important; /* Molto piccolo e discreto */
    line-height: 1.2 !important;  /* Riduce lo spazio tra le righe se ci sono più utenti */
    color: #666 !important;       /* Un grigio leggermente più morbido, opzionale */
	margin-bottom: -5px;
}

.card-header_alexa {
 padding:0px 23px;
 color:red;
 background: url("http://hyipmonitoritalia.com/images/stories/Alexa.png") no-repeat scroll -2px -18px rgba(0, 0, 0, 0);
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.2em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 226px;
 border: 0px solid #DDDDDD;
}






.card-header_home {
 padding:var(--card-cap-padding-y)var(--card-cap-padding-x);
 color:red;
 background-color:black;
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.4em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}

.card-header_concettichiave {
 padding:var(--card-cap-padding-y)var(--card-cap-padding-x);
 color:red;
 background-color:black;
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.4em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}

.card-header_guide {
 padding:var(--card-cap-padding-y)var(--card-cap-padding-x);
 color:red;
 background-color:black;
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.4em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}

.card-header_guideliberty {
 padding:var(--card-cap-padding-y)var(--card-cap-padding-x);
 color:red;
 background-color:black;
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.4em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}

.card-header_guidepayza {
 padding:var(--card-cap-padding-y)var(--card-cap-padding-x);
 color:red;
 background-color:black;
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.4em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}

.card-header_news {
 padding:var(--card-cap-padding-y)var(--card-cap-padding-x);
 color:red;
 background-color:black;
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.4em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}

.card-header_exchanger {
 padding:var(--card-cap-padding-y)var(--card-cap-padding-x);
 color:red;
 background-color:black;
 border-bottom:var(--card-border-width)solid var(--card-border-color);
 margin-bottom:0;
 font-size: 1.4em;
 font-family: icon;
 height: 23px;
 border-radius: 5px 5px 0 0;
 width: 194px;
 border: 0px solid #DDDDDD;
}




/* 1. Il contenitore che ospita sia Menu che Login */
.container-below-top .container-nav {
    display: flex !important;
    justify-content: space-between !important; /* Spinge Menu a sx e Login a dx */
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* 2. Il tuo modulo Login con la modifica del 60% */
#login-form-139, 
.mod-login {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 60% !important; /* Ottima mossa, mantiene lo spazio per il menu */
    margin: 0 !important;
}

/* 3. Assicuriamoci che il Menu non scenda mai a capo */
.container-below-top .mod-menu {
    flex: 1 !important; /* Gli dice di occupare tutto lo spazio rimanente a sinistra */
    display: flex !important;
    white-space: nowrap !important;
}

/* 2. Allineamento campi Username, Password e Bottone Accesso */
.mod-login__userdata.userdata {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
}

/* 3. Restringiamo i campi di input (Username e Password) per salvare spazio */
.mod-login__username .input-group,
.mod-login__password .input-group {
    width: 146px !important; 
}

/* 4. Gestione del contenitore del nuovo tasto REGISTRATI (Testo Dopo) */
.mod-login__posttext {
    display: flex !important;
    align-items: center !important;
    margin-left: 6px !important;
    padding: 0 !important;
}

/* 5. Nascondiamo tutto ciò che non serve (Ricordami, Passkey e Link originali) */
.mod-login__remember, 
.plg_system_webauthn_login_button, 
.mod-login__options {
    display: none !important;
}

/* 6. Altezza uniforme per campi e bottoni (30px) */
.mod-login__username .form-control,
.mod-login__password .form-control,
.mod-login__submit .btn,
.mod-login__username .input-group-text,
.mod-login__password .btn-secondary,
.mod-login__posttext .btn {
    height: 30px !important;
    min-height: 30px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: 0.85rem !important;
}

/* 7. Stile Colore Bottoni (Blu) */
#login-form-139 .btn,
.mod-login__submit .btn-primary,
.mod-login__posttext .btn-primary {
    background-color: #3289d9 !important;
    border-color: #3289d9 !important;
    color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    white-space: nowrap !important;
}

/* 8. Effetto Hover Bottoni */
#login-form-139 .btn:hover,
.mod-login__submit .btn:hover,
.mod-login__posttext .btn:hover {
    background-color: #2669a8 !important;
    border-color: #2669a8 !important;
}

/* 9. Pulizia icone interne ai campi */
.mod-login__username .input-group-text, 
.mod-login__password .input-password-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
}

.mod-login__userdata .icon-fw {
    font-size: 0.8rem !important;
}





/* BANNER COOKIE - VERSIONE DEFINITIVA */
#cookie-wrap {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background-color: #222222 !important;
    color: #ffffff !important;
    z-index: 9999999 !important;
    display: none; /* Gestito dallo script */
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
    padding: 20px !important;
    border-top: 4px solid #ff9800 !important;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.5) !important;
}

/* Stile testo */
.cookie-text {
    font-size: 1rem !important;
    margin: 0 !important;
}

.cookie-text a {
    color: #ff9800 !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

/* Stile Bottone */
#cookie-wrap {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background-color: #222222 !important;
    color: #ffffff !important;
    z-index: 9999999 !important;
    display: none; /* Gestito dallo script */
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
    padding: 20px !important;
    border-top: 4px solid #ff9800 !important;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.5) !important;
}

/* Mobile: mette il bottone sotto al testo */
@media (max-width: 768px) {
    #cookie-wrap { 
	flex-direction: column !important; 
	text-align: center !important; }
}




/* Quando la checkbox viene spuntata (al click sul label/bottone), nasconde il banner */
#cookie-closer:checked + #custom-cookie-banner {
    display: none !important;
}

/* Trasformiamo il label in un bottone perfetto */
.cookie-button {
    background-color: #ff9800 !important;
    color: #000 !important;
    padding: 12px 30px !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    line-height: 1 !important;
}

#custom-cookie-banner {
    /* (Assicurati di avere il resto del codice di prima, 
       ma rimuovi la riga 'display: flex !important' se l'avevi messa qui, 
       usiamo quella sotto) */
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999999 !important;
    background-color: #222 !important;
    padding: 20px !important;
    border-top: 4px solid #ff9800 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
}



/* Stile del bottone Torna Su - Versione Circolare */
body a#back-top,
body .back-to-top,
body .back-to-top-link,
body #back-top a {
    border: 1px solid #c8c8c8 !important;
    color: #666666 !important;
    background-color: white; /* Sfondo trasparente di base */
    
    /* Trasformazione in cerchio */
    border-radius: 50% !important;
    width: 45px !important;   /* Larghezza fissa */
    height: 45px !important;  /* Altezza fissa uguale alla larghezza */
    
    /* Centratura della freccia */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    
    transition: all 0.3s ease !important;
}

/* Stato HOVER (passaggio mouse) */
body a#back-top:hover,
body .back-to-top:hover,
body .back-to-top-link:hover,
body #back-top a:hover {
    background-color: #f4f4f4 !important;
    border: 1px solid #c8c8c8 !important;
    color: #666666 !important;
    opacity: 1 !important;
}

/* Forza il colore e la centratura dell'icona interna */
body .back-to-top i, 
body .back-to-top svg,
body #back-top a i,
body #back-top a svg {
    color: #666666 !important;
    fill: #666666 !important;
    margin: 0 !important; /* Rimuove eventuali margini che decentrano la freccia */
    width: 18px !important; /* Regola la dimensione della freccia se necessario */
    height: auto !important;
}


/* Nasconde il titolo del modulo di contatto in Cassiopeia */
.com-contact__form fieldset legend, 
.com-contact__form h3, 
.contact-form h3 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}





h1 {
    display: none !important;
}