/* =====================================================================
   COOKIE CONSENT — stile banner. Vedi js/sistema/cookie_consent.js
   per la logica. Palette coerente con quella del ticker "Ultima Ora"
   (sfondo #111, accento rosso #d90000).
   ===================================================================== */

.cookie-consent-banner{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:9999;
background:#111;
color:#fff;
box-shadow:0 -2px 12px rgba(0,0,0,0.35);
font-size:15px;
line-height:1.5;
}

.cookie-consent-inner{
max-width:1100px;
margin:0 auto;
padding:18px 20px;
}

.cookie-consent-text p{
margin:0 0 12px 0;
color:#eaeaea;
}

.cookie-consent-text a{
color:#ff6b6b;
text-decoration:underline;
}

.cookie-consent-panel{
margin:0 0 14px 0;
padding:14px 16px;
background:#1c1c1c;
border-radius:6px;
}

.cookie-consent-category{
padding:6px 0;
}

.cookie-consent-category label{
display:flex;
align-items:flex-start;
gap:8px;
cursor:pointer;
font-weight:700;
}

.cookie-consent-category input{
margin-top:3px;
}

.cookie-consent-category span{
font-weight:400;
color:#bbb;
margin-left:4px;
}

.cookie-consent-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:flex-end;
}

.cookie-btn{
border:none;
border-radius:4px;
padding:10px 20px;
font-size:14px;
font-weight:700;
cursor:pointer;
}

.cookie-btn-ghost{
background:transparent;
color:#fff;
border:1px solid #666;
}

.cookie-btn-ghost:hover{
border-color:#fff;
}

.cookie-btn-save{
background:#444;
color:#fff;
}

.cookie-btn-save:hover{
background:#555;
}

.cookie-btn-accept{
background:#d90000;
color:#fff;
}

.cookie-btn-accept:hover{
background:#b80000;
}

/* ================= MOBILE FIX ================= */

@media (max-width: 768px){

	.cookie-consent-inner{
		padding:14px 14px;
	}

	.cookie-consent-actions{
		justify-content:stretch;
	}

	.cookie-btn{
		flex:1 1 auto;
		text-align:center;
	}

}