/* ==========================================================================
   Amondi CMP — amondi brand skin.

   Loaded only when the plugin is active (inc/enqueue.php checks
   AMONDI_CMP_VERSION), after the plugin's own styles. Since Amondi CMP 1.3
   the layout (modal, privacy page as a bar), the cookie icon, the main colour
   and the texts are plugin settings (Amondi CMP → Banner, set for this site
   by tools/install.php); this file only dresses the banner in the amondi
   fonts, pills and tokens from theme.css.
   ========================================================================== */

.amondi-cmp-banner {
	font-family: var(--am-font);
	border-top: 1px solid var(--am-white);
	box-shadow: var(--am-shadow-card);
	background: var(--am-white);
	color: var(--am-ink);
}

.amondi-cmp-banner-content {
	max-width: var(--am-wrap);
	padding: 24px var(--am-gutter);
}

.amondi-cmp-banner-header h2 {
	color: var(--am-ink);
	font-family: var(--am-font);
	font-size: var(--am-fs-lg);
	font-weight: 400;
}

.amondi-cmp-description {
	color: var(--am-ink);
	font-size: var(--am-fs-sm);
	font-weight: 300;
	line-height: 1.4;
}

.amondi-cmp-banner a,
.amondi-cmp-privacy-link {
	color: var(--am-teal);
	text-decoration: underline;
}

.amondi-cmp-category {
	background: var(--am-tint-12);
	border: 0;
	border-radius: var(--am-radius-sm);
}

.amondi-cmp-toggle-label strong {
	color: var(--am-ink);
	font-size: var(--am-fs-sm);
	font-weight: 400;
}

.amondi-cmp-toggle-description {
	color: var(--am-ink);
	font-size: var(--am-fs-xs);
	font-weight: 300;
}

.amondi-cmp-toggle input:checked + .amondi-cmp-toggle-slider,
.amondi-cmp-toggle input:disabled + .amondi-cmp-toggle-slider {
	background-color: var(--am-teal);
}

.amondi-cmp-toggle input:disabled + .amondi-cmp-toggle-slider {
	opacity: 0.55;
}

.amondi-cmp-previous-consent-note {
	background: var(--am-tint-12) !important;
	border-left-color: var(--am-teal) !important;
	border-radius: var(--am-radius-sm) !important;
}

/* ---- Buttons: the same pills as .am-btn ---- */

.amondi-cmp-btn {
	border-radius: var(--am-radius-pill);
	padding: 14px 28px;
	font-family: var(--am-font);
	font-size: var(--am-fs-sm);
	font-weight: 400;
	transition: background-color var(--am-transition), color var(--am-transition);
}

.amondi-cmp-btn-primary {
	background-color: var(--am-teal);
	color: var(--am-white);
}

.amondi-cmp-btn-primary:hover {
	background-color: var(--am-ink);
}

.amondi-cmp-btn-secondary {
	background-color: var(--am-white);
	color: var(--am-ink);
	box-shadow: inset 0 0 0 1px var(--am-ink);
}

.amondi-cmp-btn-secondary:hover {
	background-color: var(--am-ink);
	color: var(--am-white);
}

.amondi-cmp-btn:focus-visible,
.amondi-cmp-floating-icon:focus-visible {
	outline: var(--am-focus);
	outline-offset: 2px;
}

.amondi-cmp-floating-icon {
	background-color: var(--am-teal);
	bottom: 24px;
}

.amondi-cmp-floating-icon--right {
	right: 24px;
}

.amondi-cmp-floating-icon--left {
	left: 24px;
}

.amondi-cmp-floating-icon:hover {
	background-color: var(--am-ink);
}

@media (max-width: 600px) {
	.amondi-cmp-banner-footer {
		justify-content: stretch;
	}

	.amondi-cmp-btn {
		flex: 1 1 100%;
		text-align: center;
	}
}

/* ==========================================================================
   Modal (team review, 14 Oct; layout from Amondi CMP → Banner → Layout).
   The plugin centres the dialog over a dimmed, blurred page and keeps the
   bar on the Privacy Policy page; here only the amondi tint, radius, shadow
   and gutter-based size.
   ========================================================================== */

body.amondi-cmp-banner-active.amondi-cmp-modal::before {
	background: rgba(74, 79, 84, 0.32); /* --am-ink */
}

.amondi-cmp-banner.amondi-cmp-banner--modal {
	width: min(600px, calc(100vw - 2 * var(--am-gutter)));
	max-height: calc(100vh - 2 * var(--am-gutter));
	max-height: calc(100dvh - 2 * var(--am-gutter));
	border-radius: var(--am-radius);
	box-shadow: var(--am-shadow-card);
}