/**
 * DGINA theme — component overlays on top of Icem index.css.
 * Only DGINA-specific or CI overrides; avoid duplicating Icem rules.
 */

/* Überschriften / Display: Barlow (Icem-Bundle kann --bs-heading-font-family ignorieren) */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
	font-family: var(
		--bs-heading-font-family,
		var(--dgina-font-family-heading)
	);
	font-weight: var(
		--bs-heading-font-weight,
		var(--dgina-heading-font-weight, 600)
	);
}

.navbar.navbar-startseite {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100vw;
	--dgina-navbar-brand-height: 65px;
}

@media (max-width: 767.98px) {
	.navbar.navbar-startseite {
		position: sticky !important;
	}
}

/*
 * Hauptnavigation (Icem ui:navbar): Hintergrund wie Icem (Verlauf + Frost beim Scrollen),
 * steuerbar über --dgina-navbar-* in dgina-tokens.css / dgina-custom.css.
 * Helle Nav‑Typo für Kontrast auf dem dunklen Verlauf (Logo / btn-outline-light).
 */
.navbar.navbar-expand-xxl {
	background: var(--dgina-navbar-background);
	--bs-navbar-color: var(--dgina-on-primary-muted, rgba(255, 255, 255, 0.85));
	--bs-navbar-hover-color: var(--dgina-on-primary, #fff);
	--bs-navbar-active-color: var(--dgina-on-primary, #fff);
	--bs-navbar-disabled-color: var(--dgina-on-primary-disabled, rgba(255, 255, 255, 0.45));
	--bs-navbar-brand-color: var(--dgina-on-primary, #fff);
	--bs-navbar-brand-hover-color: var(--dgina-on-primary, #fff);
	--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.35);
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Helle Navbar (theme-*): dunkle Links, Theme-Akzent */
body:where([data-bs-theme^="theme-"]) .navbar.navbar-expand-xxl {
	--bs-navbar-color: var(--dgina-body-color, #000b33);
	--bs-navbar-hover-color: var(--dgina-color-primary);
	--bs-navbar-active-color: var(--dgina-color-primary);
	--bs-navbar-disabled-color: rgba(0, 11, 51, 0.4);
	--bs-navbar-brand-color: var(--dgina-body-color, #000b33);
	--bs-navbar-brand-hover-color: var(--dgina-color-primary);
	--bs-navbar-toggler-border-color: rgba(0, 11, 51, 0.2);
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 11, 51, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

body:where([data-bs-theme^="theme-"]) .navbar.navbar-expand-xxl .dropdown-menu {
	--bs-dropdown-link-hover-color: var(--dgina-color-primary);
	--bs-dropdown-link-hover-bg: rgba(var(--bs-primary-rgb), 0.1);
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: var(--dgina-color-primary);
}

body:where([data-bs-theme^="theme-"]) .navbar .logo--light {
	display: none !important;
}

body:where([data-bs-theme^="theme-"]) .navbar .logo--dark {
	display: inline-block !important;
}

.navbar .logo--dark {
	display: none;
}

.navbar .navbar-contact,
.navbar button[aria-controls="slideMenu"] {
	--bs-btn-color: var(--dgina-color-primary);
	--bs-btn-bg: var(--dgina-color-white, #fff);
	--bs-btn-border-color: var(--dgina-color-white, #fff);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--dgina-color-primary);
	--bs-btn-hover-border-color: var(--dgina-color-primary);
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--dgina-color-primary-dark, var(--dgina-color-primary));
	--bs-btn-active-border-color: var(--dgina-color-primary-dark, var(--dgina-color-primary));
	border-radius: 50rem;
}

.dgina-home-hero__branding-layer {
	position: relative;
	width: 100%;
	z-index: 3;
	pointer-events: none;
	container-type: inline-size;
	container-name: dgina-home-hero-branding;

	--dgina-hero-location-color: #00adee;
	--dgina-hero-title-gradient: linear-gradient(
		90deg,
		#ff008e 0%,
		#8900d8 35%,
		#3041ff 65%,
		var(--dgina-hero-location-color) 100%
	);
}

.dgina-home-hero__branding-layer-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.dgina-home-hero__branding-layer .container-fluid {
	padding-inline: clamp(1rem, 4cqw, 2rem);
	pointer-events: auto;
	text-align: center;
}

@media (max-width: 767.98px) {
	.navbar .navbar-contact {
		display: none !important;
	}
	.dgina-home-hero {
		position: relative !important;
	}

	.dgina-home-hero__backgrounds {
		/* position: relative !important; */
	}

	.dgina-home-hero__footer {
		position: relative !important;
		top:8px !important;
	}
	.dgina-home-hero__branding {
		position: relative !important;

		& .dgina-home-hero__title {
			font-size: max(1.725rem, 3.25cqw);
		}
	}
	.dgina-home-hero__branding-layer {
		margin-top: 2rem !important;
	}

	.dgina-home-hero-content {
		display: none !important;
	}


	.card-v3 h3 {
		hyphens: auto;
		font-size: medium;
	}
	.card-v3 p {
		font-size: small
	}

}

.navbar button[aria-controls="slideMenu"] {
	display: none !important;
}

/* Desktop-Inline-Navigation ausblenden (Navigation nur über Slide-Menü). */
.navbar .navbar-content > .d-none.d-xxl-block {
	display: none !important;
}

/*
 * Bootstrap Offcanvas (Slide-Menü): ScrollBarHelper setzt body overflow:hidden +
 * padding-right — verursacht horizontales Springen. Mit scrollbar-gutter: stable
 * (dgina-tokens.css) ist kein zusätzliches Padding nötig.
 */
body[style*="overflow: hidden"] {
	padding-right: 0 !important;
}

body[style*="overflow: hidden"] .fixed-top,
body[style*="overflow: hidden"] .fixed-bottom,
body[style*="overflow: hidden"] .is-fixed,
body[style*="overflow: hidden"] .sticky-top {
	padding-right: 0 !important;
	margin-right: 0 !important;
}

.navbar.navbar-expand-xxl.navbar-scrolled {
	background-color: var(--dgina-navbar-background-scrolled);
	-webkit-backdrop-filter: var(--dgina-navbar-scrolled-backdrop);
	backdrop-filter: var(--dgina-navbar-scrolled-backdrop);
}

/* Navbar-Dropdowns: Icem nutzt u. a. Cyan für active/hover — CI mit Sekundärfarbe (Rot). */
.navbar.navbar-expand-xxl .dropdown-menu {
	--bs-dropdown-link-hover-color: var(--bs-secondary);
	--bs-dropdown-link-hover-bg: rgba(var(--bs-secondary-rgb), 0.14);
	--bs-dropdown-link-active-color: var(--bs-secondary-color);
	--bs-dropdown-link-active-bg: var(--bs-secondary);
}

/*
 * Page-Hintergrundbild: hinter Navbar/Content (wie page-background-video-wrapper).
 */
.page-background-image-wrapper {
	z-index: -1;
}

/*
 * Page-Hintergrundvideo: weißer Verlauf von unten (deckend) nach oben (transparent).
 * Icem-::after (dunkler Verlauf) bleibt ausgeblendet.
 */
.page-background-video-wrapper::after {
	display: none;
}

.page-background-video-wrapper > .position-absolute {
	background: linear-gradient(
		to top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0) 33%
	);
	z-index: 1;
	pointer-events: none;
	backdrop-filter: hue-rotate(189deg) blur(0px) invert(1) contrast(1.5);
}

/*
 * Startseite: Hero-Bereich 16:9, skalierend mit Viewport-Breite.
 * 3 Hintergrund-Layer (Basis, Medien, Overlay) + Content-Layer mit Container.
 */
.dgina-home-hero {
	--dgina-hero-location-color: #00adee;
	--dgina-hero-footer-tempo-color: #ff008e;
	--dgina-hero-footer-teamwork-color: #8900d8;
	--dgina-hero-footer-transformation-color: #3041ff;
	--dgina-hero-title-gradient: linear-gradient(
		90deg,
		#ff008e 0%,
		#8900d8 35%,
		#3041ff 65%,
		var(--dgina-hero-location-color) 100%
	);

	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background-color: var(--dgina-body-bg, #fff);
	container-type: inline-size;
	container-name: dgina-home-hero;
}

.dgina-home-hero-content {
	position: relative;
	z-index: 3;
	width: 100%;
	aspect-ratio: 16 / 8;
}

.dgina-home-hero__backgrounds {
	position: absolute;
	inset: 0;
}

.dgina-home-hero__layer {
	position: absolute;
	inset: 0;
}

.dgina-home-hero__layer--base {
	z-index: 1;
	background-color: var(--dgina-body-bg, #fff);
}

.dgina-home-hero__layer--media {
	z-index: 2;
	overflow: hidden;
}

.dgina-home-hero__media,
.dgina-home-hero__layer--media video,
.dgina-home-hero__layer--media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
}

.dgina-home-hero__media-fallback {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(
			ellipse 70% 90% at 85% 75%,
			rgba(137, 0, 216, 0.55) 0%,
			transparent 65%
		),
		radial-gradient(
			ellipse 55% 70% at 70% 60%,
			rgba(48, 65, 255, 0.45) 0%,
			transparent 60%
		),
		radial-gradient(
			ellipse 40% 50% at 95% 40%,
			rgba(255, 0, 142, 0.25) 0%,
			transparent 55%
		);
}

.dgina-home-hero__layer--overlay {
	z-index: 3;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 95%,
		rgba(255, 255, 255, 1) 100%
	);
}

/* Stage-Medium (maskiertes Bild aus dem Backend) als Vollflächen-Layer über den Hintergründen */
.dgina-home-hero__stage {
	position: absolute;
	inset: 0;
	z-index: 4;
	display: flex;
	align-items: stretch;
	justify-content: center;
	overflow: hidden;
	pointer-events: none;
}

.dgina-home-hero__stage > * {
	width: 100%;
	height: 100%;
}

.dgina-home-hero__stage .d-flex {
	width: 100%;
	height: 100%;
	margin: 0;
}

.dgina-home-hero__stage .img-with-mask {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center right;
	mask-size: cover;
	-webkit-mask-size: cover;
	mask-position: center right;
	-webkit-mask-position: center right;
}

.dgina-home-hero__stage .masked-content {
	display: block;
	width: 100%;
	height: 100%;
}

.dgina-home-hero__stage .masked-content-placeholder {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
}

.navbar .navbar-brand > .container-fluid {
	width: auto;
	height: auto;
	padding: 0;
	margin-left: clamp(0.75rem, 2vw, 1.5rem);

}

.dgina-home-hero__branding {
	text-align: center;
}

.dgina-home-hero__logo {
	width: clamp(10rem, 22vw, 17rem);
	height: auto;
	margin-bottom: clamp(1rem, 2.5vw, 2rem);
}

.dgina-home-hero__title {
	margin: 0 auto max(0.5rem, 1.5cqw);
	width: fit-content;
	max-width: 100%;
	text-align: center;
	font-family: "Barlow", "Open Sans", var(--dgina-font-family-body);
	font-weight: 600;
	font-size: max(1.25rem, 3.25cqw);
	line-height: 1.05;
	letter-spacing: 0.0125em;
	text-transform: uppercase;
	background-image: var(--dgina-hero-title-gradient);
	background-size: 100% 100%;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

.dgina-home-hero__title-accent,
.dgina-home-hero__title-main {
	display: inline;
}

.dgina-home-hero__date {
	margin: 0 0 max(0.25rem, 0.75cqw);
	font-family: "Barlow", "Open Sans", var(--dgina-font-family-body);
	font-size: max(1.125rem, 2.2cqw);
	font-weight: 400;
	line-height: 1.2;
	color: #000b33;
}

.dgina-home-hero__location {
	margin: 0;
	font-family: "Barlow", "Open Sans", var(--dgina-font-family-body);
	font-size: max(1rem, 2cqw);
	font-weight: 400;
	line-height: 1.2;
	color: var(--dgina-hero-location-color);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.dgina-home-hero__footer {
	position: absolute;
	inset-inline: 0;
	top: 38px;
	z-index: 1;
	pointer-events: none;
}

.dgina-home-hero__footer-title {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: baseline;
	width: 100%;
	max-width: 100%;
	gap: 1.2cqw;
	margin: 0;
	padding-block: 2.5cqw;
	padding-bottom: 3.5cqw;
	font-family: "Barlow", "Open Sans", var(--dgina-font-family-body);
	font-size: max(0.5rem, 2.85cqw);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.0125em;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

.dgina-home-hero__footer-word {
	display: inline;
	flex-shrink: 0;
	white-space: nowrap;
}

.dgina-home-hero__footer-word--tempo {
	color: var(--dgina-hero-footer-tempo-color, #ff008e);
}

.dgina-home-hero__footer-word--teamwork {
	color: var(--dgina-hero-footer-teamwork-color, #8900d8);
}

.dgina-home-hero__footer-word--transformation {
	color: var(--dgina-hero-footer-transformation-color, #3041ff);
}


/*
 * Navbar-Brand-Logo: TYPO3 f:image setzt bei SVG mit width/height 100% oft inline width:0.
 * !important übersteuert diesen Inline-Style; width:auto nutzt viewBox-Seitenverhältnis.
 */
.navbar .navbar-brand img.logo {
	width: auto !important;
	height: var(--dgina-navbar-brand-height, 85px) !important;
	max-width: 100%;
}

/*
 * Site-Footer (Icem `footer.footer`): CI-Blau wie Navbar.
 * Icem nutzt helle Logos + `link-muted` — Kontrast für Fließtext und Links.
 */
body > .footer {
	background-color: var(
		--dgina-footer-bg-color,
		var(--dgina-color-primary, #123274)
	);
	color: var(--dgina-footer-text-color, rgba(255, 255, 255, 0.92));
}

body > .footer .link-muted {
	color: var(--dgina-footer-link-muted, rgba(255, 255, 255, 0.78)) !important;
}

body > .footer .link-muted:hover,
body > .footer .link-muted:focus {
	color: var(--dgina-footer-link-hover, #fff) !important;
}

/* --- Icem-style text buttons (explicit variants; no Sass @each) --- */
.btn-text-primary {
	font-size: inherit !important;
	--bs-btn-bg: transparent;
	--bs-btn-color: inherit;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.25);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
	--bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.35);
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-border-color: transparent;
}

.btn-text-secondary {
	font-size: inherit !important;
	--bs-btn-bg: transparent;
	--bs-btn-color: inherit;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), 0.25);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
	--bs-btn-active-bg: rgba(var(--bs-secondary-rgb), 0.35);
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-border-color: transparent;
}

.btn-text {
	font-size: inherit !important;
	--bs-btn-bg: transparent;
	--bs-btn-color: inherit;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: transparent;
}

/* Circular buttons (Icem) */
.btn-circle {
	border-radius: 50%;
	padding: 0;
	width: var(--dgina-btn-circle-size, 48px);
	height: var(--dgina-btn-circle-size, 48px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.btn-circle.btn-lg {
	width: var(--dgina-btn-circle-size-lg, 60px);
	height: var(--dgina-btn-circle-size-lg, 60px);
}

.btn-circle.btn-sm {
	width: var(--dgina-btn-circle-size-sm, 36px);
	height: var(--dgina-btn-circle-size-sm, 36px);
}

.btn-or-link-with-icon {
	display: inline-flex;
	align-items: center;
	gap: var(--dgina-btn-icon-gap, 0.5em);
}

/* Solid secondary = brand red: explicit light label (WCAG on #DD2240) */
.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active {
	color: var(--dgina-on-secondary, #fff);
}

.btn-secondary:hover {
	color: var(--dgina-on-secondary, #fff);
	filter: brightness(0.95);
}

/* Inline SVG helper (Icem) */
.inline-svg {
	height: 1em;
	width: 1em;
	vertical-align: var(--dgina-icon-vertical-align, -0.125em);
	fill: currentcolor;
	display: inline-block;
}

/* Swiper grid helper (Icem) */
.swiper-grid {
	--cols: 2;
	--gap: var(--dgina-grid-gutter-width, 1.5rem);
	--col-width: calc(
		(100% / var(--cols)) - var(--gap) * (var(--cols) - 1) / var(--cols)
	);
}

.swiper-grid > .slide {
	width: var(--col-width);
	flex: 0 0 auto;
}

.swiper-grid > .slide:not(:last-child) {
	margin-right: var(--gap);
}

@media (min-width: 768px) {
	.swiper-grid {
		--cols: 2;
	}


}

@media (min-width: 992px) {
	.swiper-grid {
		--cols: 3;
	}
}

.slider-swiper .card-v3 {
	height: 100%;
}

.card-v3 h3 {
	hyphens: auto !important;
}


/* Cookie consent overlay token (Icem used --theme-cookie-consent-overlay-background) */
.cookie-consent-container {
	background: var(
		--dgina-cookie-overlay-background,
		var(--theme-cookie-consent-overlay-background, rgba(0, 0, 0, 0.5))
	);
}

/*
 * Page-Header: fitText (Canvas misst ohne font-weight) + bg-clip-text schneiden
 * fette Glyphen / Unterlängen (z. B. „g“ in „Jahrestagung“) oft unten/rechts ab.
 */

/* Hero-Titel: Icem ICEMDisplay (@font-face „icem-display“ im Icem index.css), nicht Barlow */
main section.page-header-v1 h1.display-1 {
	font-family: "icem-display", var(--dgina-font-family-heading);
	font-style: normal;
	font-weight: 400;
	hyphens: auto;
}

/* Countdown (icem_countdown, .ce-countdown): Überschrift + Ziffern wie Icem mit ICEMDisplay */
main .ce-countdown h2.display-2,
main .ce-countdown .countdown-digits-wrapper.display-3 {
	font-family: "icem-display", var(--dgina-font-family-heading);
	font-style: normal;
	font-weight: 400;
}

/*
 * Countdown: optionale Textfarbe / Schatten pro Backend-Farbvariante (text-bg-*).
 * Weitere Varianten oder Schatten: dieselben --dgina-ce-countdown-* in dgina-custom.css setzen.
 */
main .ce-countdown.text-bg-light {
	--dgina-ce-countdown-heading-color: var(--dgina-color-secondary);
	--dgina-ce-countdown-digits-color: var(--dgina-color-secondary);
}

main .ce-countdown h2.display-2 {
	color: var(--dgina-ce-countdown-heading-color);
	text-shadow: var(--dgina-ce-countdown-heading-text-shadow);
}

main .ce-countdown .countdown-digits-wrapper.display-3 {
	color: var(--dgina-ce-countdown-digits-color);
	text-shadow: var(--dgina-ce-countdown-digits-text-shadow);
}

/* Header Extended (V0/V1): Hero-Display wie Icem mit ICEMDisplay */
main section.header-extended-v0 span.display-1,
main section.header-extended-v1 span.display-1 {
	font-family: "icem-display", var(--dgina-font-family-heading);
	font-style: normal;
	font-weight: 400;
}

main
	section:has(> .container-xxl > h1.fit-text-to-container.bg-clip-text),
main section.page-header-v1 {
	overflow-x: visible;
	overflow-y: visible;
}

main
	section:has(> .container-xxl > h1.fit-text-to-container.bg-clip-text)
	> .container-xxl,
main section.page-header-v1 > .container-xxl {
	overflow-x: visible;
	overflow-y: visible;
	/* etwas engeres Messfeld für fitText → kleinere gewählte font-size (Puffer fürs Bold) */
	padding-inline: calc(var(--bs-gutter-x, 1.5rem) + clamp(0.25rem, 1.5vw, 0.65rem));
}

main
	section:has(> .container-xxl > h1.fit-text-to-container.bg-clip-text)
	h1.fit-text-to-container.fitted.bg-clip-text,
main section.page-header-v1 h1.fit-text-to-container.fitted.bg-clip-text {
	overflow: visible;
	line-height: 1.2;
	padding-bottom: 0.18em;
	padding-inline: 0.05em;
}

/* ------------------------------------------------------------------ */
/* ICEM-Farbthemes (theme-*)                                            */
/* ------------------------------------------------------------------ */
body:where([data-bs-theme^="theme-"]) {
	background-color: var(--dgina-body-bg, #fff);
}

.dgina-gradient-headline.bg-clip-text,
body:where([data-bs-theme^="theme-"]) main .bg-clip-text:not([style*="--bg-image"]) {
	background-image: var(--dgina-heading-gradient) !important;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
}

body:where([data-bs-theme^="theme-"]) main section.page-header-v1,
body:where([data-bs-theme^="theme-"]) main section.header-extended-v0,
body:where([data-bs-theme^="theme-"]) main section.header-extended-v1 {
	background: transparent;
}

body:where([data-bs-theme^="theme-"]) main section.page-header-v1 .text-light,
body:where([data-bs-theme^="theme-"]) main section.header-extended-v0 .fs-3,
body:where([data-bs-theme^="theme-"]) main section.header-extended-v1 .fs-3 {
	color: var(--dgina-body-color) !important;
}

body:where([data-bs-theme^="theme-"]) main .card-v2 {
	background-color: #fff;
	box-shadow: var(--dgina-card-glow, 0 8px 24px -6px rgba(0, 11, 51, 0.12));
	border: 1px solid rgba(0, 11, 51, 0.06);
}

body:where([data-bs-theme^="theme-"]) main .card-v2-primary,
body:where([data-bs-theme^="theme-"]) main .card-v2.card-v2-primary {
	border-bottom: 3px solid var(--dgina-color-primary);
}

body:where([data-bs-theme^="theme-"]) main .card-v2-secondary,
body:where([data-bs-theme^="theme-"]) main .card-v2.card-v2-secondary {
	border-bottom: 3px solid var(--dgina-color-secondary, var(--dgina-color-primary));
}

body:where([data-bs-theme^="theme-"]) main .card-v2 .btn-light {
	--bs-btn-bg: var(--dgina-color-primary);
	--bs-btn-color: #fff;
	--bs-btn-border-color: var(--dgina-color-primary);
	--bs-btn-hover-bg: var(--dgina-color-primary-dark, var(--dgina-color-primary));
	--bs-btn-hover-border-color: var(--dgina-color-primary-dark, var(--dgina-color-primary));
	--bs-btn-hover-color: #fff;
}

body:where([data-bs-theme^="theme-"]) main .ce-countdown.text-bg-light,
body:where([data-bs-theme^="theme-"]) main .ce-countdown.text-bg-dark,
body:where([data-bs-theme^="theme-"]) main .ce-countdown.text-bg-primary {
	background: transparent !important;
}