/* Bannière de consentement mk-meta — tokens du thème avec repli. */

.mk-consent {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 10000;
	max-width: 600px;
	margin: 0 auto;
	padding: 20px 22px 18px;
	background: var(--mk-surface, #ffffff);
	color: var(--mk-text, #24312a);
	border: 1px solid var(--mk-border, #e4e2da);
	border-radius: var(--mk-radius, 10px);
	box-shadow: 0 14px 44px rgba(28, 53, 38, 0.2);
	font-size: 15px;
	line-height: 1.5;
}

.mk-consent[hidden] {
	display: none;
}

.mk-consent-title {
	margin: 0 0 6px;
	font-size: 1.05rem;
	color: var(--mk-green-900, #1c3526);
}

.mk-consent-text {
	margin: 0 0 14px;
	color: var(--mk-muted, #5f6f66);
}

.mk-consent-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.mk-consent-btn {
	padding: 11px 22px;
	border-radius: 999px;
	font: inherit;
	font-weight: 700;
	font-size: 0.95rem;
	cursor: pointer;
	transition: background 0.15s, transform 0.15s;
}

.mk-consent-btn--accept {
	border: 0;
	background: var(--mk-amber, #c98a2b);
	color: #ffffff;
}

.mk-consent-btn--accept:hover {
	background: var(--mk-amber-dark, #b47a20);
	transform: translateY(-1px);
}

.mk-consent-btn--refuse {
	border: 1px solid var(--mk-green-700, #2d5a3f);
	background: transparent;
	color: var(--mk-green-700, #2d5a3f);
}

.mk-consent-btn--refuse:hover {
	background: var(--mk-green-100, #e6efe9);
}

.mk-consent-btn:focus-visible {
	outline: 3px solid var(--mk-green-500, #4a8862);
	outline-offset: 2px;
}

.mk-consent-more {
	font-weight: 600;
	color: var(--mk-green-700, #2d5a3f);
	white-space: nowrap;
}

@media (max-width: 520px) {
	.mk-consent {
		left: 10px;
		right: 10px;
		bottom: 10px;
		padding: 16px 16px 14px;
		font-size: 14px;
	}

	.mk-consent-btn {
		flex: 1 1 45%;
		text-align: center;
	}
}