/* =============================================================================
   Silentsystem — Cookie Banner (CookieConsent v3) visual override
   Matched to the site theme: Inter font, brand orange #ff7200 (--awb-color3),
   dark slate #333645 (--awb-color6), white / #f0f0f0 surfaces.
   ============================================================================= */

#cc-main {
	--cc-font-size: 14px;

	/* Surfaces & text */
	--cc-bg: #ffffff;
	--cc-primary-color: #333645;   /* titles / strong text  (awb-color6) */
	--cc-secondary-color: #5b5d68; /* body text */

	/* Primary button = brand orange. Testo SCURO (non bianco): bianco su #ff7200
	   dà solo 2,74:1 (fallisce WCAG AA), testo scuro #1a1a1a dà 7,7:1 e mantiene
	   l'arancione brand vivido. */
	--cc-btn-primary-bg: #ff7200;
	--cc-btn-primary-color: #1a1a1a;
	--cc-btn-primary-border-color: #ff7200;
	--cc-btn-primary-hover-bg: #e56700;
	--cc-btn-primary-hover-color: #1a1a1a;
	--cc-btn-primary-hover-border-color: #e56700;

	/* Secondary button = dark slate outline */
	--cc-btn-secondary-bg: transparent;
	--cc-btn-secondary-color: #333645;
	--cc-btn-secondary-border-color: #c9cad0;
	--cc-btn-secondary-hover-bg: #333645;
	--cc-btn-secondary-hover-color: #ffffff;
	--cc-btn-secondary-hover-border-color: #333645;

	/* Toggles in brand orange */
	--cc-toggle-bg-off: #c9cad0;
	--cc-toggle-bg-on: #ff7200;
	--cc-toggle-bg-readonly: #e2e3e7;
	--cc-toggle-knob-bg: #ffffff;
	--cc-toggle-knob-icon-color: #ff7200;

	/* Category blocks */
	--cc-cookie-category-block-bg: #f7f7f8;
	--cc-cookie-category-block-bg-hover: #f0f0f0;
	--cc-cookie-category-block-border: #ececee;
	--cc-cookie-category-expanded-block-bg: #f0f0f0;
	--cc-cookie-category-expanded-block-hover-bg: #e9e9ec;

	--cc-separator-border-color: #ececee;

	/* Shape */
	--cc-modal-border-radius: 8px;
	--cc-btn-border-radius: 4px;
	--cc-pm-toggle-border-radius: 12px;
	--cc-overlay-bg: rgba(51, 54, 69, 0.55); /* slate-tinted overlay */
	--cc-link-color: #ff7200;
}

/* Match the site typography (Inter) */
#cc-main,
#cc-main .cm,
#cc-main .pm,
#cc-main .cm__btn,
#cc-main .pm__btn,
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .cm__desc,
#cc-main .pm__section-title,
#cc-main .pm__section-desc {
	font-family: 'Inter', Arial, Helvetica, sans-serif;
}

/* Consent box */
#cc-main .cm {
	max-width: 420px;
	box-shadow: 0 6px 28px rgba(51, 54, 69, 0.20);
}
#cc-main .cm__title  { font-weight: 700; font-size: 18px; color: #333645; }
#cc-main .cm__desc   { font-weight: 400; line-height: 1.55; }

/* Buttons: flat, brand-consistent */
#cc-main .cm__btn,
#cc-main .pm__btn {
	font-weight: 600;
	letter-spacing: .01em;
	box-shadow: none !important;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Preferences modal */
#cc-main .pm { max-width: 520px; }
#cc-main .pm__title         { font-weight: 700; font-size: 22px; color: #333645; }
#cc-main .pm__section-title { font-weight: 600; color: #333645; }
#cc-main .pm__section-desc  { line-height: 1.55; }

/* Footer / links */
#cc-main .cm__footer { font-size: 12px; line-height: 1.5; color: #8b8c97; }
#cc-main .cm__footer a,
#cc-main .pm__section a {
	color: #ff7200;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: opacity .2s ease;
}
#cc-main .cm__footer a:hover,
#cc-main .pm__section a:hover { opacity: .7; }

/* "Always active" badge */
#cc-main .pm__badge {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	background-color: rgba(255, 114, 0, .12);
	color: #ff7200;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	border-radius: 2px;
}

/* Mobile: centered with equal side margins */
@media (max-width: 640px) {
	#cc-main .cm--right,
	#cc-main .cm--left,
	#cc-main .cm--center {
		left: 16px !important;
		right: 16px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#cc-main .cm--bottom { bottom: 16px !important; }
	#cc-main .cm { max-width: none !important; width: auto !important; }
	#cc-main .cm__title { font-size: 16px; }
}

/* In-content "Manage cookie preferences" button (e.g. on the Cookie Policy page).
   Lives outside #cc-main, so it needs its own brand styling. */
.ss-cookie-prefs {
	display: inline-block;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color: #1a1a1a;
	background: #ff7200;
	border: 1px solid #ff7200;
	border-radius: 4px;
	padding: 12px 20px;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease;
}
.ss-cookie-prefs:hover,
.ss-cookie-prefs:focus { background: #e56700; border-color: #e56700; color: #1a1a1a; }