/* =====================================================================
   Cookie consent (cmp/cookieconsent.css, shared with the portal) restyled
   for log-scaling.app. The shared file expects the old portal template
   (html font-size 62.5 %, --link/--fontSize/--fontColor), so sizes and
   colours are set here explicitly. "html body #cc-main" outranks it.
   ===================================================================== */

html body #cc-main {
	--cc-font-family: "Noto Sans", Arial, sans-serif;
	--cc-bg: #0b1f45;
	--cc-primary-color: #ffffff;
	--cc-secondary-color: #cfe0f7;
	--cc-btn-primary-bg: #00a651;
	--cc-btn-primary-color: #ffffff;
	--cc-btn-primary-border-color: #00a651;
	--cc-btn-primary-hover-bg: #008c45;
	--cc-btn-primary-hover-color: #ffffff;
	--cc-btn-primary-hover-border-color: #008c45;
	--cc-btn-secondary-bg: #123c6c;
	--cc-btn-secondary-color: #ffffff;
	--cc-btn-secondary-border-color: #1a5bc4;
	--cc-btn-secondary-hover-bg: #174e8c;
	--cc-btn-secondary-hover-color: #ffffff;
	--cc-btn-secondary-hover-border-color: #1a5bc4;
	--cc-separator-border-color: #15294a;
	--cc-toggle-on-bg: #c25e14;
	--cc-toggle-off-bg: #3a5b8a;
	--cc-toggle-readonly-bg: #2a4a7a;
	--cc-cookie-category-block-bg: #0b2a63;
	--cc-cookie-category-block-border: #1a5bc4;
	--cc-cookie-category-block-hover-bg: #103661;
	--cc-cookie-category-block-hover-border: #1a5bc4;
	--cc-cookie-category-expanded-block-bg: transparent;
	--cc-cookie-category-expanded-block-hover-bg: #103661;
	--cc-link-color: #ffc400;
	--cc-modal-border-radius: 20px;
	--cc-btn-border-radius: 14px;
	--cc-overlay-bg: rgba(4, 8, 15, .55);
	background: rgba(4, 8, 15, .45);
	backdrop-filter: blur(2px);
	color: #cfe0f7;
	font-size: 15px;
	font-family: var(--cc-font-family);
}

/* banner box */
html body #cc-main .cm {
	background: #0b1f45;
	border: 1px solid #1a5bc4;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
	max-width: 30em;
}
html body #cc-main .cm__title,
html body #cc-main .pm__title {
	color: #ffffff;
	font-size: 20px;
	font-weight: 800;
}
html body #cc-main .cm__desc,
html body #cc-main .pm__section-desc {
	color: #cfe0f7;
	font-size: 15px;
	line-height: 1.55;
}
html body #cc-main .cm__desc a,
html body #cc-main .pm__section-desc a { color: #ffc400; }

/* buttons: same shape as the site (14 px radius, bold, ≥ 48 px) */
html body #cc-main .cm__btn,
html body #cc-main .pm__btn,
html body #cc-main .cm--box.cm--wide .cm__btn,
html body #cc-main .cm--box.cm--wide .cm__btn.cm__btn--secondary {
	background: var(--cc-btn-primary-bg);
	border: 1px solid var(--cc-btn-primary-border-color);
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	min-height: 48px;
	padding: 10px 16px;
	margin-block: 4px;
	line-height: 1.25;
}
html body #cc-main .cm__btn:hover,
html body #cc-main .pm__btn:hover {
	background: var(--cc-btn-primary-hover-bg);
	border-color: var(--cc-btn-primary-hover-border-color);
	color: #ffffff;
}
html body #cc-main .cm__btn--secondary,
html body #cc-main .pm__btn--secondary,
html body #cc-main .cm--box.cm--wide .cm__btn.cm__btn--secondary {
	background: var(--cc-btn-secondary-bg);
	border-color: var(--cc-btn-secondary-border-color);
	color: #ffffff;
}
html body #cc-main .cm__btn--secondary:hover,
html body #cc-main .pm__btn--secondary:hover {
	background: var(--cc-btn-secondary-hover-bg);
}

/* preferences modal */
html body #cc-main .pm {
	background: #0b1f45;
	border: 1px solid #1a5bc4;
	color: #cfe0f7;
}
html body #cc-main .pm__section-title,
html body #cc-main .pm__section-title-wrapper,
html body #cc-main .pm__section--toggle .pm__section-title {
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
}
html body #cc-main .pm__close-btn { background: #123c6c; border-color: #1a5bc4; }
html body #cc-main .pm__close-btn svg { stroke: #ffffff; }
html body #cc-main .pm__header,
html body #cc-main .pm__footer { border-color: #15294a; }

@media (max-width: 640px) {
	html body #cc-main .cm { max-width: none; }
	html body #cc-main .cm__btn { font-size: 15px; }
}