/* SD Cookie Consent – neutrales Design, passt zu Residenz Danz und Casa Gourmet.
   Akzentfarbe kommt aus den Plugin-Einstellungen (--sdcc-accent). */

.sdcc {
	position: fixed;
	inset: 0;
	z-index: 99998;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: rgba(20, 16, 20, 0.45);
	padding: 1rem;
}
.sdcc[hidden] { display: none; }

.sdcc__dialog {
	background: #fffdfa;
	color: #2c2622;
	max-width: 660px;
	width: 100%;
	border-radius: 18px 18px 14px 14px;
	box-shadow: 0 -12px 48px rgba(0, 0, 0, 0.25);
	padding: 1.6rem 1.7rem 1.4rem;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 0.5rem;
}
.sdcc__title { margin: 0 0 0.5rem; font-size: 1.2rem; }
.sdcc__text { margin: 0 0 1rem; }
.sdcc__text a { color: var(--sdcc-accent, #b08d57); }

.sdcc__cats { display: grid; gap: 0.6rem; margin: 0 0 1rem; }
.sdcc__cats[hidden] { display: none; }
.sdcc__cat {
	display: flex;
	gap: 0.6rem;
	align-items: flex-start;
	background: #f6f2ea;
	border-radius: 10px;
	padding: 0.65rem 0.8rem;
	cursor: pointer;
}
.sdcc__cat input { margin-top: 0.25rem; accent-color: var(--sdcc-accent, #b08d57); flex: 0 0 auto; }
.sdcc__cat--locked { opacity: 0.75; cursor: default; }

.sdcc__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.sdcc__btn {
	font: inherit;
	font-weight: 600;
	padding: 0.65rem 1.2rem;
	border-radius: 999px;
	border: 1.5px solid transparent;
	background: #eee7db;
	color: #2c2622;
	cursor: pointer;
}
.sdcc__btn:hover { filter: brightness(0.96); }
.sdcc__btn--primary { background: var(--sdcc-accent, #b08d57); color: #fff; }
.sdcc__btn--ghost { background: transparent; border-color: #cabfae; }
.sdcc__btn[hidden] { display: none; }
.sdcc__btn:focus-visible { outline: 2px solid var(--sdcc-accent, #b08d57); outline-offset: 2px; }

.sdcc-float {
	position: fixed;
	left: 1rem;
	bottom: 1rem;
	z-index: 99997;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 0;
	background: #fffdfa;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
	font-size: 1.25rem;
	cursor: pointer;
}
.sdcc-float[hidden] { display: none; }
.sdcc-float:hover { transform: scale(1.06); }

@media (max-width: 560px) {
	.sdcc__actions { flex-direction: column; }
	.sdcc__btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.sdcc-float, .sdcc__btn { transition: none; }
}