/* ================================================================
   HEADER DESKTOP - DomusBet (template 12)
   ================================================================ */
#cg-header {
	--h-red: #c8102e;
	--h-red-dark: #a50d26;
	--h-red-soft: #fde8ec;
	--h-dark: #17171b;
	--h-text: #1d1d22;
	--h-muted: #6b6b73;
	--h-border: #e6e6ea;
	--h-input-bg: #f5f5f7;
	--h-field-bg: #ececf0;
	--h-field-border: #d4d4da;
	--h-bonus-bg: #fbd5dd;
	--h-bonus-bg-hover: #f8c4cf;
	--h-bonus-border: #f4b3c0;
	background: #fff;
	height: auto;
	font-family: Geologica, sans-serif;
}

/* ---------- Barra superiore: assistenza + disclaimer + ADM/18+ ---------- */
#cg-header #cg-legal-stuff-header {
	display: block;
	height: auto;
	margin: 0;
	background: var(--h-dark);
	color: #fff;
}

#cg-header #cg-legal-stuff-header > #cg-legal-stuff-header-main {
	display: flex;
	align-items: center;
	gap: 16px;
	height: 36px;
	margin: 0; /* il base.jsp mette margin 6px 0 che spinge giu' tutto l'header */
	padding: 0 24px;
	background: transparent;
}

/* Assistenza / Lavora con noi */
#cg-header #cg-legal-stuff-header #cg-legal-stuff-header-main-btnlist {
	display: flex;
	align-items: center;
	gap: 22px;
	flex: 0 0 auto;
}

#cg-header #cg-legal-stuff-header .cg-auto-btn-record {
	display: flex;
	align-items: center;
	margin: 0;
}

#cg-header #cg-legal-stuff-header .cg-auto-btn-anchor {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: auto;
	padding: 0;
	color: #d4d4da;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: color .15s;
}

#cg-header #cg-legal-stuff-header .cg-auto-btn-anchor:hover {
	color: #fff;
}

#cg-header #cg-legal-stuff-header .cg-auto-btn-text {
	font-size: 12px;
	line-height: 1;
}

/* icone (cuffie / valigetta) disegnate in CSS tramite mask */
#cg-header #cg-legal-stuff-header .cg-auto-btn-anchor::before {
	content: "";
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: var(--ico) center / contain no-repeat;
	mask: var(--ico) center / contain no-repeat;
}

#cg-header #cg-legal-stuff-header #cg-top-assistenza .cg-auto-btn-anchor {
	--ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E");
}

#cg-header #cg-legal-stuff-header #cg-top-lavora .cg-auto-btn-anchor {
	--ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E");
}

/* Disclaimer: su una riga, allineato a destra */
#cg-header #cg-legal-stuff-header .disclaimer {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

#cg-header #cg-legal-stuff-header .testo-disclaimer {
	margin: 0;
	color: #a8a8b0;
	font-size: 12px;
	line-height: 1.2;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* il <br> viene ignorato: testo su una riga.
   NB: nel JSP mettere uno spazio prima del <br> ("patologica. <br>Probabilita'"),
   altrimenti le due frasi restano attaccate */
#cg-header #cg-legal-stuff-header .testo-disclaimer br {
	display: none;
}

/* ADM + 18+: immagini con link, nessuno stile oltre l'allineamento */
#cg-header #cg-legal-stuff-header #cg-btn-disclaimer {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}

#cg-header #cg-legal-stuff-header #cg-language:empty {
	display: none;
}

/* ---------- Barra intermedia: logo + login ---------- */
#cg-header #cg-barra-intermedia {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 24px;
	min-height: 76px;
	padding: 10px 24px;
	background: #fff;
	border-bottom: 1px solid var(--h-border);
}

#cg-header #cg-barra-intermedia > .cg-main-logo {
	flex: 0 0 auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#cg-header #cg-barra-intermedia > .cg-main-logo img {
	display: block;
	height: 40px;
	width: auto;
}

#cg-header #cg-barra-intermedia > :not(.cg-main-logo) {
	flex: 0 1 auto;
	margin: 0;
}

#cg-header #cg-barra-intermedia .login-header {
	width: auto;
	max-width: none;
	display: flex;
	align-items: flex-end;
	gap: 12px;
	margin: 0;
}

#cg-header #cg-barra-intermedia .blocco-header {
	margin: 0;
	padding: 0;
}

#cg-header #cg-barra-intermedia #cg-social-link-container:empty,
#cg-header #cg-barra-intermedia #cg-header-right-buttons:empty {
	display: none;
}

/* Campi username / password */
#cg-header #cg-barra-intermedia .cg-inputs-login-container {
	width: auto;
	min-width: 0;
	flex: 0 0 auto;
	border: 0;
	display: flex;
	align-items: flex-end;
	gap: 10px;
}

#cg-header #cg-barra-intermedia .cg-inputs-login-container .form-group {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	margin: 0;
}

#cg-header #cg-barra-intermedia .cg-inputs-login-container .form-group::before {
	display: block;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--h-muted);
	line-height: 14px;
}

#cg-header #cg-barra-intermedia .cg-inputs-login-container .form-group:has(#cg-username)::before { content: "Username"; }
#cg-header #cg-barra-intermedia .cg-inputs-login-container .form-group:has(#cg-password)::before { content: "Password"; }

#cg-header #cg-barra-intermedia .elemento-input {
	width: 170px;
	max-width: none;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--h-field-border);
	border-radius: 8px;
	background: var(--h-field-bg);
	color: var(--h-text);
	font-size: 14px;
	outline: none;
	box-shadow: none;
	transition: border-color .15s, background .15s;
}

#cg-header #cg-barra-intermedia .elemento-input::placeholder {
	color: #8a8a93;
}

#cg-header #cg-barra-intermedia .elemento-input:focus {
	border-color: var(--h-red);
	background: #fff;
}

/* "Recupera Password" sopra il campo password, a destra */
#cg-header #cg-barra-intermedia .persoPass {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	font-size: 0; /* nasconde "Recupera Password", mostra solo "Recupera" */
	font-weight: 600;
	line-height: 14px;
	color: var(--h-red);
	white-space: nowrap;
	cursor: pointer;
}

#cg-header #cg-barra-intermedia .persoPass::after {
	content: "Recupera";
	font-size: 11px;
}

#cg-header #cg-barra-intermedia .persoPass:hover {
	text-decoration: underline;
}

/* Bottoni Accedi / Registrati */
#cg-header #cg-barra-intermedia .bottoni-login {
	border: 0;
	flex: 0 0 auto;
	width: auto;
	display: flex;
	align-items: center;
	gap: 12px;
}

#cg-header #cg-barra-intermedia .bottone-login {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex: 0 0 auto;
	width: auto;
	height: 40px;
	min-width: 96px;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 8px;
	background: var(--h-red);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background .15s;
}

#cg-header #cg-barra-intermedia .bottone-login:hover {
	background: var(--h-red-dark);
	color: #fff;
}

#cg-header #cg-barra-intermedia .bottone-login.bottone-registrazione {
	position: relative;
	margin-left: 12px;
	min-width: 0;
	background: var(--h-dark);
}

/* separatore verticale tra Accedi e Registrati */
#cg-header #cg-barra-intermedia .bottone-registrazione::before {
	content: "";
	position: absolute;
	left: -13px;
	top: -4px;
	bottom: -4px;
	width: 1px;
	background: var(--h-border);
}

#cg-header #cg-barra-intermedia .bottone-login.bottone-registrazione:hover {
	background: #000;
}

/* ridondante con "Recupera Password" */
#cg-header #cg-barra-intermedia #cg-h-recupero-credenziali-btn {
	display: none;
}

/* ---------- Barra menu + bottoni H2 ---------- */
#cg-header #cg-barra-intemrdia-buttob {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 52px;
	padding: 0 24px;
	background: #fff;
	border-bottom: 1px solid var(--h-border);
}

#cg-header #cg-barra-intemrdia-buttob > link {
	display: none;
}

#cg-header #cg-h-dynamic-btns-container {
	flex: 1 1 auto;
	min-width: 0;
}

#cg-header #cg-h-main-list {
	display: flex;
	align-items: stretch;
	gap: 4px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

#cg-header #cg-h-main-list > li {
	list-style: none;
	margin: 0;
}

#cg-header #cg-h-main-list > li > a {
	position: relative;
	display: flex;
	align-items: center;
	height: 52px;
	padding: 0 14px;
	color: var(--h-text);
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	transition: color .2s ease;
}

/* pill morbida dietro la voce in hover */
#cg-header #cg-h-main-list > li > a::before {
	content: "";
	position: absolute;
	inset: 9px 4px;
	border-radius: 8px;
	background: var(--h-red-soft);
	opacity: 0;
	transform: scale(.92);
	transition: opacity .2s ease, transform .2s ease;
	z-index: 0;
}

/* riga rossa sotto, cresce dal centro */
#cg-header #cg-h-main-list > li > a::after {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: -1px;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--h-red);
	transform: scaleX(0);
	transition: transform .25s ease;
}

#cg-header #cg-h-main-list > li > a:hover,
#cg-header #cg-h-main-list > li.active > a,
#cg-header #cg-h-main-list > li > a.active {
	color: var(--h-red);
	text-decoration: none;
}

#cg-header #cg-h-main-list > li > a:hover::before {
	opacity: 1;
	transform: scale(1);
}

#cg-header #cg-h-main-list > li > a:hover::after,
#cg-header #cg-h-main-list > li.active > a::after,
#cg-header #cg-h-main-list > li > a.active::after {
	transform: scaleX(1);
}

#cg-header #cg-h-main-list .cg-base-content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 6px;
	color: inherit;
	background: transparent;
}

#cg-header #cg-h-main-list .cg-descr {
	color: inherit;
}

/* freccia "Altri giochi": l'elemento .cg-dropdown-tick ha .cg-rotated (transform !important dal JSP),
   quindi lo nascondo e disegno il chevron sul contenitore */
#cg-header #cg-h-main-list .cg-dropdown-tick {
	display: none;
}

#cg-header #cg-h-main-list .cg-base-content:has(.cg-dropdown-tick)::after {
	content: "";
	flex: 0 0 auto;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 2px;
	border-right: 1.75px solid currentColor;
	border-bottom: 1.75px solid currentColor;
	border-radius: 0 0 1px 0;
	transform: rotate(45deg);
	transition: transform .2s ease, margin .2s ease;
}

#cg-header #cg-h-main-list > li > a:hover .cg-base-content:has(.cg-dropdown-tick)::after {
	margin-top: 3px;
	transform: rotate(-135deg);
}

/* ---------- Sottomenu "Altri giochi" ---------- */
/* via Preferiti e banner Promozioni */
#cg-header #cg-header-extension-block .cg-header-extension-block-favourites-container,
#cg-header #cg-header-extension-block .cg-header-extension-block-promo-container {
	display: none;
}

#cg-header #cg-header-extension-block .cg-header-extension-block-main-container {
	padding: 16px 24px;
	background: #fff;
	border-bottom: 1px solid var(--h-border);
	box-shadow: 0 10px 24px rgba(23, 23, 27, .08);
}

#cg-header #cg-header-extension-block .cg-header-extension-block-left {
	width: 100%;
}

#cg-header #cg-header-extension-block .cg-header-extension-block-left-subtitle:empty,
#cg-header #cg-header-extension-block .cg-header-extension-block-left-extra:empty {
	display: none;
}

/* voci in riga, come tile cliccabili */
#cg-header #cg-header-extension-block .cg-header-extension-block-left-buttonlist {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#cg-header #cg-header-extension-block .cg-button-outer {
	width: auto;
	height: auto;
	margin: 0;
}

#cg-header #cg-header-extension-block .cg-button-outer > a {
	display: block;
	text-decoration: none;
}

#cg-header #cg-header-extension-block .cg-button-inner {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 44px;
	padding: 0 18px;
	border: 1px solid var(--h-border);
	border-radius: 10px;
	background: var(--h-input-bg);
	color: var(--h-text);
	cursor: pointer;
	transition: background .15s, border-color .15s, color .15s, transform .15s;
}

/* icona vuota: nascosta */
#cg-header #cg-header-extension-block .cg-button-icon:empty,
#cg-header #cg-header-extension-block .cg-button-icon:not(:has(*)) {
	display: none;
}

#cg-header #cg-header-extension-block .cg-button-text {
	color: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

#cg-header #cg-header-extension-block .cg-button-outer > a:hover .cg-button-inner {
	border-color: #f6c3cd;
	background: var(--h-red-soft);
	color: var(--h-red);
	transform: translateY(-1px);
}

.cg-header-extension-block-sfondo {
	display: none;
}

/* Bottoni H2 (Bonus, Ruota) */
#cg-header #cg-button-h2 {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

#cg-header #cg-button-h2 > .row {
	display: none;
}

#cg-header #cg-button-h2 #cg-legal-stuff-header-main,
#cg-header #cg-button-h2 #cg-legal-stuff-header-main-btnlist {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	background: transparent;
}

#cg-header #cg-button-h2 .cg-auto-btn-record {
	margin: 0;
}

#cg-header #cg-button-h2 .cg-auto-btn-anchor {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 16px;
	border-radius: 999px;
	background: var(--h-dark);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

#cg-header #cg-button-h2 .cg-auto-btn-anchor:has(.cg-auto-btn-img) {
	padding-left: 6px;
}

#cg-header #cg-button-h2 .cg-auto-btn-anchor:hover {
	background: #2a2a31;
	color: #fff;
	text-decoration: none;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(23, 23, 27, .25);
}

#cg-header #cg-button-h2 .cg-auto-btn-anchor * {
	color: inherit;
}

#cg-header #cg-button-h2 .cg-auto-btn-img {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	margin: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

#cg-header #cg-button-h2 .cg-auto-btn-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#cg-header #cg-button-h2 .cg-auto-btn-text {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1;
}

/* Primo bottone H2: pill rosa sempre visibile, testo rosso maiuscolo (es. BONUS) */
#cg-header #cg-button-h2 .cg-auto-btn-record:first-child .cg-auto-btn-anchor {
	padding: 0 18px 0 14px;
	border: 1px solid var(--h-bonus-border);
	background: var(--h-bonus-bg);
	color: var(--h-red);
	text-transform: uppercase;
	font-weight: 800;
}

#cg-header #cg-button-h2 .cg-auto-btn-record:first-child .cg-auto-btn-img {
	width: 18px;
	height: 18px;
}

#cg-header #cg-button-h2 .cg-auto-btn-record:first-child .cg-auto-btn-anchor:hover {
	background: var(--h-bonus-bg-hover);
	color: var(--h-red);
	box-shadow: 0 4px 12px rgba(200, 16, 46, .18);
}

/* Altri bottoni H2: pill scura con icona tonda a sinistra (es. Ruota) */
#cg-header #cg-button-h2 .cg-auto-btn-record:not(:first-child) .cg-auto-btn-img {
	border-radius: 50%;
}

/* bottone senza testo: solo icona, pill tonda */
#cg-header #cg-button-h2 .cg-auto-btn-text:empty {
	display: none;
}

#cg-header #cg-button-h2 .cg-auto-btn-anchor:has(.cg-auto-btn-text:empty) {
	padding: 0 5px;
}

/* ================================================================
   UTENTE LOGGATO: giocate, icone, saldo, profilo, tendina
   ================================================================ */
#cg-header #cg-barra-intermedia .login-header:has(#wallet-container){display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:nowrap}
#cg-header #cg-barra-intermedia .login-header>*{border:0;margin:0}
#cg-header #cg-barra-intermedia .login-header>.blocco-header::before,#cg-header #cg-barra-intermedia .login-header>.blocco-header::after{display:none}

/* ---------- Utente loggato: Le mie giocate ---------- */
#cg-header #cg-barra-intermedia .cg-tickets-button{order:1;background:none;border:0;box-shadow:none;color:var(--h-dark);text-transform:none;font-weight:700;font-size:15px;padding:0;height:auto;display:flex;align-items:center;gap:10px;outline:none;white-space:nowrap}
#cg-header #cg-barra-intermedia .cg-tickets-button::before{content:"";flex:none;width:20px;height:20px;background:var(--h-dark);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%207a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v2a2%202%200%200%200%200%204v2a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-2a2%202%200%200%200%200-4z'%2F%3E%3Cpath%20d%3D'M9%2010h6M9%2014h4'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%207a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v2a2%202%200%200%200%200%204v2a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-2a2%202%200%200%200%200-4z'%2F%3E%3Cpath%20d%3D'M9%2010h6M9%2014h4'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
#cg-header #cg-barra-intermedia .cg-hdr-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--h-dark);color:#fff;font-size:11px;font-weight:700}
#cg-header #cg-barra-intermedia .cg-hdr-count:empty{display:none}

/* Icone bonus / messaggi / freespin */
#cg-header #cg-barra-intermedia .login-header>.blocco-header:has(.cg-tickets-button){order:1}
#cg-header #cg-header-bonus{order:2}#cg-header #cg-header-message{order:3}#cg-header #cg-header-freespin{order:4}
#cg-header #cg-header-bonus,#cg-header #cg-header-message,#cg-header #cg-header-freespin{display:flex;align-items:center}
#cg-header #cg-header-message svg,#cg-header #cg-header-message i{display:none}
#cg-header #cg-header-message .cg-badge-container,#cg-header #cg-header-bonus .cg-badge-container,#cg-header #cg-header-freespin .cg-badge-container{position:relative;width:22px;height:22px}
#cg-header #cg-header-message .cg-badge-container::before{content:"";display:block;width:22px;height:22px;background:var(--h-dark);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9'%2F%3E%3Cpath%20d%3D'M10.3%2021a1.94%201.94%200%200%200%203.4%200'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9'%2F%3E%3Cpath%20d%3D'M10.3%2021a1.94%201.94%200%200%200%203.4%200'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
#cg-header #cg-header-bonus .cg-giftContainer{width:22px;height:22px;background:var(--h-dark);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'8'%20width%3D'18'%20height%3D'4'%20rx%3D'1'%2F%3E%3Cpath%20d%3D'M12%208v13M19%2012v7a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2v-7'%2F%3E%3Cpath%20d%3D'M7.5%208a2.5%202.5%200%200%201%200-5C10%203%2012%208%2012%208s2-5%204.5-5a2.5%202.5%200%200%201%200%205'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'8'%20width%3D'18'%20height%3D'4'%20rx%3D'1'%2F%3E%3Cpath%20d%3D'M12%208v13M19%2012v7a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2v-7'%2F%3E%3Cpath%20d%3D'M7.5%208a2.5%202.5%200%200%201%200-5C10%203%2012%208%2012%208s2-5%204.5-5a2.5%202.5%200%200%201%200%205'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
#cg-header #cg-header-freespin .cg-starContainer{width:22px;height:22px;background:var(--h-dark);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202.5l2.9%206%206.6.9-4.8%204.6%201.2%206.5L12%2017.4l-5.9%203.1%201.2-6.5L2.5%209.4l6.6-.9z'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202.5l2.9%206%206.6.9-4.8%204.6%201.2%206.5L12%2017.4l-5.9%203.1%201.2-6.5L2.5%209.4l6.6-.9z'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
#cg-header #cg-header-message:hover .cg-badge-container::before,#cg-header #cg-header-bonus:hover .cg-giftContainer,#cg-header #cg-header-freespin:hover .cg-starContainer{background:var(--h-red)}
#cg-header #cg-barra-intermedia .badge.notifiche{position:absolute;top:-7px;right:-9px;background:var(--h-red);color:#fff;border:2px solid #fff;border-radius:10px;font-size:10px;font-weight:700;min-width:18px;height:18px;line-height:14px;padding:0 4px;text-align:center}

/* Box saldo */
#cg-header #cg-barra-intermedia .login-header>.blocco-header:has(#wallet-container){order:5;display:flex;align-items:center;gap:16px;background:#f2f2f4;border-radius:12px;padding:6px 6px 6px 16px;position:relative;margin-left:8px}
#cg-header #cg-barra-intermedia .login-header>.blocco-header:has(#wallet-container)::before{display:block;content:"";position:absolute;left:-16px;top:6px;bottom:6px;width:1px;background:#e2e2e6}
#cg-header #wallet-container{display:flex;align-items:center;gap:0;position:relative;padding-top:14px}
#cg-header #wallet-container::before{content:"SALDO";position:absolute;top:0;left:0;font-size:10px;font-weight:700;letter-spacing:.6px;color:#8a8a92}
#cg-header #wallet-container .fa-wallet,#cg-header #cg-balance-refresh-button{display:none}
#cg-header #cg_user_wallet_logged,#cg-header #cg_user_wallet_logged_currency{font-size:21px;font-weight:800;color:var(--h-dark);line-height:1.1;transition:filter .2s}
#cg-header #cg_user_wallet_logged_currency{margin-left:5px}
#cg-header #wallet-container.cg-hdr-hidden #cg_user_wallet_logged,#cg-header #wallet-container.cg-hdr-hidden #cg_user_wallet_logged_currency{filter:blur(7px)}
#cg-header .cg-hdr-iconbtn{width:30px;height:30px;margin-left:10px;border:0;padding:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;align-self:center}
#cg-header .cg-hdr-iconbtn:hover{background:#e6e6ea}
#cg-header .cg-hdr-iconbtn::before{content:"";width:18px;height:18px;background:#8a8a92}
#cg-header .cg-hdr-eye::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
#cg-header #wallet-container.cg-hdr-hidden .cg-hdr-eye::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%203l18%2018'%2F%3E%3Cpath%20d%3D'M10.6%206.1A10%2010%200%200%201%2012%206c6.5%200%2010%206%2010%206a17%2017%200%200%201-3.2%203.9M6.6%206.6A17%2017%200%200%200%202%2012s3.5%206%2010%206a9.7%209.7%200%200%200%205.4-1.6'%2F%3E%3Cpath%20d%3D'M9.9%209.9a3%203%200%200%200%204.2%204.2'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%203l18%2018'%2F%3E%3Cpath%20d%3D'M10.6%206.1A10%2010%200%200%201%2012%206c6.5%200%2010%206%2010%206a17%2017%200%200%201-3.2%203.9M6.6%206.6A17%2017%200%200%200%202%2012s3.5%206%2010%206a9.7%209.7%200%200%200%205.4-1.6'%2F%3E%3Cpath%20d%3D'M9.9%209.9a3%203%200%200%200%204.2%204.2'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
#cg-header .cg-hdr-refresh::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M21%2012a9%209%200%201%201-2.6-6.4L21%208'%2F%3E%3Cpath%20d%3D'M21%203v5h-5'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M21%2012a9%209%200%201%201-2.6-6.4L21%208'%2F%3E%3Cpath%20d%3D'M21%203v5h-5'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
#cg-header .cg-hdr-refresh.cg-spin::before{animation:cgspin .7s linear}
@keyframes cgspin{to{transform:rotate(360deg)}}
#cg-header #cg-barra-intermedia .cg-deposit-button{background:var(--h-red);border:0;color:#fff;font-weight:800;font-size:15px;text-transform:uppercase;border-radius:9px;padding:12px 22px;margin:0;line-height:1;letter-spacing:.2px}
#cg-header #cg-barra-intermedia .cg-deposit-button::before{content:"+";margin-right:8px;font-weight:500;font-size:19px;vertical-align:-1px}

/* Profilo */
#cg-header #cg-profile-popup-container{order:6;position:relative;height:auto;width:auto;padding:0}
#cg-header #cg-profile-popup-toggle{display:flex;align-items:center;gap:12px;text-decoration:none}
/* resta solo l'iniziale (.cg-hdr-avatar): niente foto profilo */
#cg-header #cg-profile-popup-toggle #imgVip,#cg-header #cg-profile-popup-toggle>img.user-img{display:none}
#cg-header .cg-hdr-avatar{width:38px;height:38px;border-radius:50%;background:var(--h-dark);color:#fff;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--h-red);text-transform:uppercase}
#cg-header #cg-profile-popup-toggle .cg-profile-dropdown-nick{display:flex;flex-direction:column;font-weight:800;font-size:15px;color:var(--h-dark);line-height:1.2}
#cg-header #cg-profile-popup-toggle .cg-profile-dropdown-nick::after{content:attr(data-level);font-size:11px;font-weight:700;color:var(--h-red);letter-spacing:.3px;text-transform:uppercase}
#cg-header #cg-profile-popup-toggle::after{display:block;border:0;content:"";width:8px;height:8px;border-right:2px solid var(--h-dark);border-bottom:2px solid var(--h-dark);transform:rotate(45deg) translateY(-3px);margin-left:6px}

/* ---------- Tendina profilo ---------- */
#cg-header #cg-profile-popup-container .dropdown-menu{position:absolute;left:auto;right:0;top:calc(100% + 12px);width:280px;min-width:0;padding:0;margin:0;background:#fff;color:var(--h-dark);border:0;border-radius:14px;box-shadow:0 14px 36px rgba(0,0,0,.18);overflow:hidden}
#cg-header #cg-profile-popup-container .dropdown-menu>.row{margin:0}
#cg-header #cg-profile-popup-container .top-account{background:var(--h-dark);color:#fff;padding:14px 16px;align-items:center;flex-wrap:nowrap}
#cg-header #cg-profile-popup-container .top-account .user-img{width:38px;height:38px;border-radius:50%;margin-right:12px;object-fit:cover}
#cg-header #cg-profile-popup-container .top-account .nome{font-size:14px;font-weight:700;color:#fff}
#cg-header #cg-profile-popup-container .top-account .id-nome,#cg-header #cg-profile-popup-container .top-account .id-conto{font-size:11px;color:#9a9aa3}
#cg-header #cg-profile-popup-container .top-account .dettagli-profilo,#cg-header #cg-profile-popup-container .dropdown-menu>.id-nome.smalltext{display:none}
#cg-header #cg-profile-popup-container .middle-account{padding:0;display:block}
#cg-header #cg-profile-popup-container .middle-account .prima-riga,#cg-header #cg-profile-popup-container .middle-account .mostra-port{display:none}
#cg-header #cg-profile-popup-container .riga-divisore{display:block;margin:0;padding:6px 0 0;text-transform:none}
#cg-header #cg-profile-popup-container .riga-divisore .separatore-verticale,#cg-header #cg-profile-popup-container .riga-divisore svg{display:none}
#cg-header #cg-profile-popup-container .riga-divisore>div,#cg-header #cg-profile-popup-container .lista-voci-dash li{display:block;padding:10px 20px;margin:0;line-height:20px;height:auto;font-size:15px;font-weight:600;color:var(--h-dark);background:transparent;border:0;border-radius:0;text-align:left;cursor:pointer}
#cg-header #cg-profile-popup-container .riga-divisore>div::first-letter{text-transform:uppercase}
#cg-header #cg-profile-popup-container .riga-divisore>div:hover,#cg-header #cg-profile-popup-container .lista-voci-dash li:hover{background:#f4f4f6}
#cg-header #cg-profile-popup-container .lista-voci-dash{padding:0 0 8px;display:block;border-top:0}
#cg-header #cg-profile-popup-container .lista-voci-dash ul{list-style:none;padding:0;margin:0;width:100%}
#cg-header #cg-profile-popup-container .lista-voci-dash li svg,#cg-header #cg-profile-popup-container .lista-voci-dash li i{display:none}
#cg-header #cg-profile-popup-container .lista-voci-dash li *{color:inherit;font:inherit;text-decoration:none}
#cg-header #cg-profile-popup-container #cg-button-logout{color:var(--h-red);font-weight:700;margin:8px 10px 0;border:1px solid #eee;border-radius:10px;padding:11px 14px}

#cg-header #cg-h-main-list .cg-base-content img {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	object-fit: contain;
}