/* Catering Service Grillborzer — Brand override für orestbida/cookieconsent v3 */
:root {
	--cc-bg: #1a1410;                            /* charcoal */
	--cc-primary-color: #faf6ee;                 /* cream paper */
	--cc-secondary-color: rgba(250, 246, 238, 0.78);
	--cc-btn-primary-bg: #e85d04;                /* ember */
	--cc-btn-primary-color: #ffffff;
	--cc-btn-primary-border-color: #e85d04;
	--cc-btn-primary-hover-bg: #dc2f02;
	--cc-btn-primary-hover-color: #ffffff;
	--cc-btn-primary-hover-border-color: #dc2f02;
	--cc-btn-secondary-bg: rgba(255, 255, 255, 0.08);
	--cc-btn-secondary-color: #faf6ee;
	--cc-btn-secondary-border-color: rgba(255, 255, 255, 0.18);
	--cc-btn-secondary-hover-bg: rgba(252, 191, 73, 0.18);
	--cc-btn-secondary-hover-color: #fcbf49;     /* gold */
	--cc-btn-secondary-hover-border-color: #fcbf49;
	--cc-separator-border-color: rgba(255, 255, 255, 0.08);
	--cc-toggle-bg-off: rgba(255, 255, 255, 0.2);
	--cc-toggle-bg-on: #e85d04;
	--cc-toggle-bg-readonly: rgba(252, 191, 73, 0.45);
	--cc-toggle-knob-bg: #ffffff;
	--cc-toggle-knob-icon-color: #1a1410;
	--cc-cookie-category-block-bg: rgba(255, 255, 255, 0.04);
	--cc-cookie-category-block-border: rgba(255, 255, 255, 0.06);
	--cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.07);
	--cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, 0.04);
	--cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.06);
	--cc-overlay-bg: rgba(0, 0, 0, 0.55);
	--cc-overlay-opacity: 1;
	--cc-modal-border-radius: 14px;
	--cc-btn-border-radius: 999px;
	--cc-pm-toggle-border-radius: 999px;
	--cc-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Title + accent typography */
.cc--darkmode #cc-main .cm__title,
.cc--darkmode #cc-main .pm__title { color: #fcbf49; font-weight: 700; }
.cc--darkmode #cc-main .pm__section-title { color: #ffffff; }
.cc--darkmode #cc-main .cm__desc a,
.cc--darkmode #cc-main .pm__section-desc a,
.cc--darkmode #cc-main .pm__footer-doc-link { color: #fcbf49; text-decoration: underline; }
.cc--darkmode #cc-main .cm__desc a:hover,
.cc--darkmode #cc-main .pm__section-desc a:hover { color: #ffffff; }

/* Badge "Immer aktiv" */
.cc--darkmode #cc-main .pm__badge {
	background: rgba(252, 191, 73, 0.16);
	color: #fcbf49;
	border: 1px solid rgba(252, 191, 73, 0.35);
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 600;
	margin-left: 0.4rem;
}

/* Primary button — embers gradient für mehr Brand-Feel */
.cc--darkmode #cc-main .cm__btn--primary,
.cc--darkmode #cc-main .pm__btn--primary {
	background: linear-gradient(135deg, #e85d04 0%, #dc2f02 100%);
	box-shadow: 0 4px 14px rgba(232, 93, 4, 0.35);
}
.cc--darkmode #cc-main .cm__btn--primary:hover,
.cc--darkmode #cc-main .pm__btn--primary:hover {
	background: linear-gradient(135deg, #dc2f02 0%, #9d0208 100%);
	box-shadow: 0 8px 24px rgba(232, 93, 4, 0.55);
}

/* Cookie-Tabelle */
.cc--darkmode #cc-main .pm__section-table {
	background: rgba(255, 255, 255, 0.04);
	border-radius: 8px;
	overflow: hidden;
	margin-top: 0.5rem;
}
.cc--darkmode #cc-main .pm__section-table th {
	color: #fcbf49;
	font-weight: 600;
	background: rgba(0, 0, 0, 0.2);
}

/* Mobile — Banner-Bar etwas Padding */
@media (max-width: 640px) {
	#cc-main .cm__btns { gap: 0.5rem; }
	#cc-main .cm__btn { font-size: 0.85rem; padding: 0.6rem 1rem; }
}