/**
 * CookieYes — alignement charte Beriox (Loi 25).
 */
:root {
	--beriox-primary: #5a5fca;
	--beriox-primary-dark: #4549a8;
	--beriox-accent: #F37E05;
	--beriox-banner-bg: #1a1828;
	--beriox-banner-text: #e5e7eb;
}

/* Bandeau pleine largeur en bas (comme le bandeau natif Beriox) */
.cky-consent-container.cky-box-bottom-left,
.cky-consent-container.cky-box-bottom-right,
.cky-consent-container.cky-box-top-left,
.cky-consent-container.cky-box-top-right,
.cky-consent-container.cky-banner-bottom,
.cky-consent-container.cky-banner-top {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	top: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	border-radius: 0 !important;
	z-index: 99999 !important;
}

.cky-consent-container .cky-consent-bar {
	border-radius: 0 !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.cky-notice-group {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 1rem !important;
}

.cky-notice-des {
	flex: 1 1 280px !important;
	max-width: 720px !important;
	margin: 0 !important;
}

.cky-title[data-cky-tag="title"] {
	font-size: 1rem !important;
	margin: 0 0 0.35rem !important;
}

/* Bandeau principal — style sombre comme consent.css du thème */
.cky-consent-bar[data-cky-tag="notice"] {
	background-color: var(--beriox-banner-bg) !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.35) !important;
}

.cky-consent-container {
	max-width: 100% !important;
}

.cky-notice {
	max-width: var(--layout-max-width);
	margin: 0 auto;
	padding: 1rem var(--layout-pad-x);
	box-sizing: border-box;
}

.cky-title[data-cky-tag="title"],
.cky-notice-des[data-cky-tag="description"],
.cky-notice-des[data-cky-tag="description"] p {
	color: var(--beriox-banner-text) !important;
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
}

.cky-notice-des a.cky-policy {
	color: #8b8fff !important;
}

.cky-notice-btn-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.5rem !important;
	margin-top: 0 !important;
	flex-shrink: 0 !important;
}

.cky-notice-btn-wrapper .cky-btn {
	border-radius: 10px !important;
	padding: 0.55rem 0.9rem !important;
	font-weight: 700 !important;
	font-size: 0.85rem !important;
	font-family: inherit !important;
	min-height: auto !important;
	line-height: 1.2 !important;
}

.cky-notice-btn-wrapper .cky-btn-customize,
.cky-notice-btn-wrapper .cky-btn-reject {
	background-color: transparent !important;
	color: var(--beriox-banner-text) !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
}

.cky-notice-btn-wrapper .cky-btn-accept {
	background-color: var(--beriox-accent) !important;
	border-color: var(--beriox-accent) !important;
	color: #fff !important;
}

/* Modale préférences */
.cky-preference-center[data-cky-tag="detail"] {
	border-color: rgba(90, 95, 202, 0.25) !important;
	border-radius: 14px !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45) !important;
}

.cky-preference-title[data-cky-tag="detail-title"] {
	color: var(--beriox-primary) !important;
}

.cky-prefrence-btn-wrapper .cky-btn-accept,
.cky-prefrence-btn-wrapper .cky-btn-preferences,
.cky-prefrence-btn-wrapper .cky-btn-reject {
	border-radius: 10px !important;
}

.cky-prefrence-btn-wrapper .cky-btn-accept {
	background-color: var(--beriox-accent) !important;
	border-color: var(--beriox-accent) !important;
	color: #fff !important;
}

.cky-prefrence-btn-wrapper .cky-btn-preferences,
.cky-prefrence-btn-wrapper .cky-btn-reject {
	color: var(--beriox-primary) !important;
	border-color: var(--beriox-primary) !important;
	background-color: transparent !important;
}

.cky-switch input[type="checkbox"]:checked {
	background: var(--beriox-primary) !important;
}

.cky-btn-revisit-wrapper[data-cky-tag="revisit-consent"] {
	background-color: var(--beriox-primary) !important;
}

@media (max-width: 768px) {
	.cky-notice-btn-wrapper {
		width: 100%;
	}

	.cky-notice-btn-wrapper .cky-btn {
		flex: 1 1 auto;
		text-align: center;
	}
}