/**
 * CookieConsent v3 skin — QPO Competence (inverted / dark)
 * Dark blue scheme based on the oceonic theme
 * (colors from src/styles/utils/_variables.scss, font: Poppins).
 */

#cc-main {
	/* Typography */
	--cc-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Base colors — inverted: dark blue surface, light text */
	--cc-bg: #181551;                      /* $dark */
	--cc-primary-color: #ffffff;
	--cc-secondary-color: #c9c8de;

	/* Primary buttons (accept / save) — theme blue on dark */
	--cc-btn-primary-bg: #324dd5;          /* $blue */
	--cc-btn-primary-color: #fff;
	--cc-btn-primary-border-color: #324dd5;
	--cc-btn-primary-hover-bg: #4a63e6;
	--cc-btn-primary-hover-color: #fff;
	--cc-btn-primary-hover-border-color: #4a63e6;

	/* Secondary buttons (reject / preferences) — subtle on dark */
	--cc-btn-secondary-bg: #232060;
	--cc-btn-secondary-color: #ffffff;
	--cc-btn-secondary-border-color: #3d3980;
	--cc-btn-secondary-hover-bg: #2d296f;
	--cc-btn-secondary-hover-color: #ffffff;
	--cc-btn-secondary-hover-border-color: #4c4794;

	/* Category toggles — theme green when on */
	--cc-toggle-on-bg: #00b67a;            /* $green */
	--cc-toggle-off-bg: #4c4794;
	--cc-toggle-on-knob-bg: #fff;
	--cc-toggle-off-knob-bg: #fff;
	--cc-toggle-readonly-bg: #2d296f;
	--cc-toggle-readonly-knob-bg: #8c88bd;

	/* Cookie category blocks / tables */
	--cc-cookie-category-block-bg: #221f5e;
	--cc-cookie-category-block-border: #322d75;
	--cc-cookie-category-block-hover-bg: #2a2669;
	--cc-cookie-category-block-hover-border: #3d3980;
	--cc-cookie-category-expanded-block-bg: #221f5e;
	--cc-cookie-category-expanded-block-hover-bg: #2a2669;

	/* Misc */
	--cc-separator-border-color: #322d75;
	--cc-footer-bg: #131044;
	--cc-footer-border-color: #322d75;
	--cc-overlay-bg: rgba(10, 8, 40, 0.7);
	--cc-btn-border-radius: 6px;
	--cc-modal-border-radius: 10px;

	/* Links — light blue for contrast on dark */
	--cc-link-color: #9fb0ff;

	/* Scrollbar inside preferences modal */
	--cc-webkit-scrollbar-bg: #221f5e;
	--cc-webkit-scrollbar-hover-bg: #3d3980;
}

/* Dark scrollbar in scrollable modal areas (dist leaves it browser-default) */
#cc-main .cm__desc,
#cc-main .pm__body {
	scrollbar-color: #4c4794 #221f5e;
}

/* Match theme heading weight */
#cc-main .cm__title,
#cc-main .pm__title {
	font-weight: 600;
}

/* Roomier consent popup: extra inner padding around title, text and buttons
   (dist forces 1.1rem with !important, hence the override) */
#cc-main .cm--box .cm__title,
#cc-main .cm--box .cm__desc,
#cc-main .cm--box .cm__btns {
	padding-left: 1.8rem !important;
	padding-right: 1.8rem !important;
}

#cc-main .cm--box .cm__title {
	padding-top: 1.5rem;
}

#cc-main .cm--box .cm__btns {
	padding-bottom: 1.4rem;
}

/* Privacy policy link in the banner footer: regular weight, centered,
   with extra breathing room */
#cc-main .cm__footer {
	padding: 0.9em 0 1em;
}

#cc-main .cm__links {
	justify-content: center;
}

#cc-main .cm__link-group {
	justify-content: center;
	text-align: center;
}

#cc-main .cm__footer a {
	font-weight: 400;
}