/* ------------------------------------------------------------------
 * Datafloq brand — Liplyn lockup greens + appearance (light/dark/system)
 * Gradient: #5aaf62 → #8ae64d   Ink: #0b1e16
 * ------------------------------------------------------------------ */

:root {
	--df-brand-green: #5aaf62;
	--df-brand-green-bright: #8ae64d;
	--df-brand-green-hover: #4a9653;
	--df-brand-green-soft: #e8f6e4;
	--df-brand-ink: #0b1e16;
	--df-brand-gradient: linear-gradient(90deg, #5aaf62 0%, #8ae64d 100%);
	--df-nav-link: #222;
	--df-nav-hover: var(--df-brand-green-hover, #4a9653);
	--hybridmag-color-primary: #5aaf62;
}

html[data-df-resolved="dark"],
html.hm-dark {
	--df-brand-green: #8ae64d;
	--df-brand-green-hover: #a3ee6e;
	--df-brand-green-soft: #1a3d28;
	--df-brand-ink: #f3f7f3;
	--df-dark-bg: #10281c;
	--df-dark-surface: #1a3d28;
	--df-dark-raised: #246344;
	--df-dark-border: rgba(138, 230, 77, 0.22);
	--df-nav-link: #d4e6d9;
	--df-nav-hover: #8ae64d;
	--hybridmag-color-primary: #8ae64d;
	--hybridmag-color-text: #d4e6d9;
	--hybridmag-color-text-headings: #f3f7f3;
	--hybridmag-color-text-main: #d5e0d8;
	--hybridmag-color-link: #8ae64d;
	--hybridmag-global-color-sidebar-background: #1a3d28;
	--hybridmag-color-bg-cl-sep-content: var(--df-dark-bg, #10281c);
	color-scheme: dark;
}

/* HybridMag customizer output only sets primary if it differs from #65bc7b.
   Force the new green even when inline custom CSS is cached. */
body {
	--hybridmag-color-primary: var(--df-brand-green);
}

a:hover,
.entry-content a:hover {
	color: var(--df-brand-green);
}

/* Keep the lockup still — global a:hover green/underline looks wrong on the logo */
#masthead .custom-logo-link,
#masthead .custom-logo-link:hover,
#masthead .custom-logo-link:focus,
#masthead .custom-logo-link:active,
.datafloq-footer-logo a,
.datafloq-footer-logo a:hover,
.datafloq-footer-logo a:focus,
.hm-mobile-sidebar--datafloq .hm-mobile-sb-logo a,
.hm-mobile-sidebar--datafloq .hm-mobile-sb-logo a:hover {
	color: inherit !important;
	background: transparent !important;
	opacity: 1 !important;
	filter: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	outline: none;
	transform: none !important;
}

#masthead .custom-logo-link img,
#masthead .custom-logo-link:hover img,
.datafloq-footer-logo img,
.hm-mobile-sidebar--datafloq .hm-mobile-sb-logo img {
	opacity: 1 !important;
	filter: none !important;
	transform: none !important;
}

/* Logos — SVGs collapse to 0×0 unless height is explicit */
.custom-logo-link,
.site-logo .custom-logo-link {
	display: block;
	line-height: 0;
}

.custom-logo-link .datafloq-logo,
.site-logo .datafloq-logo,
.site-logo img.custom-logo,
.datafloq-footer-logo .datafloq-logo,
.datafloq-footer-logo img,
.hm-mobile-sidebar--datafloq .hm-mobile-sb-logo img.custom-logo,
.hm-mobile-sidebar--datafloq .hm-mobile-sb-logo img.datafloq-logo {
	display: block !important;
	height: 36px !important;
	width: auto !important;
	max-height: 42px !important;
	max-width: 220px !important;
	aspect-ratio: 1048 / 219;
}

.datafloq-footer-logo .datafloq-logo,
.datafloq-footer-logo img {
	height: 42px !important;
	max-width: 240px !important;
}

.hm-mobile-sidebar--datafloq .hm-mobile-sb-logo img.custom-logo,
.hm-mobile-sidebar--datafloq .hm-mobile-sb-logo img.datafloq-logo {
	height: 32px !important;
	max-width: 180px !important;
}

.hm-dark-mode-logo {
	display: none;
}

html[data-df-resolved="dark"] .hm-light-mode-logo {
	display: none !important;
}

html[data-df-resolved="dark"] .hm-dark-mode-logo {
	display: block !important;
}

html[data-df-resolved="dark"] .hm-has-dm-logo .hm-light-mode-logo {
	display: none !important;
}

html[data-df-resolved="dark"] .hm-has-dm-logo .hm-dark-mode-logo {
	display: block !important;
}

/* ------------------------------------------------------------------
 * Appearance control
 * ------------------------------------------------------------------ */
.datafloq-appearance {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.datafloq-appearance__title {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--df-brand-ink, #0b1e16);
}

.datafloq-appearance__lead {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.5;
	color: #5a6b60;
}

.datafloq-appearance__options {
	display: inline-flex;
	align-items: stretch;
	gap: 0.2rem;
	padding: 0.18rem;
	border: 1px solid #d7e3d9;
	border-radius: 999px;
	background: #f4f7f5;
}

.datafloq-appearance__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	border: 0;
	border-radius: 999px;
	padding: 0.38rem 0.7rem;
	background: transparent;
	color: #3d4f42;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 650;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

/* HybridMag paints button:hover #222 / white. Keep icons visible instead. */
.datafloq-appearance__btn:hover,
.datafloq-appearance__btn:focus,
.datafloq-appearance__btn:focus-visible,
.datafloq-appearance__btn:active {
	background: var(--df-brand-green-soft, #e8f6e4);
	color: var(--df-brand-ink, #0b1e16);
	outline: none;
	box-shadow: none;
}

.datafloq-appearance__btn.is-active,
.datafloq-appearance__btn.is-active:hover,
.datafloq-appearance__btn.is-active:focus,
.datafloq-appearance__btn.is-active:focus-visible,
.datafloq-appearance__btn.is-active:active {
	background: var(--df-brand-green, #5aaf62);
	color: #0b1e16;
	box-shadow: none;
}

.datafloq-appearance__icon {
	display: inline-flex;
	width: 1.05rem;
	height: 1.05rem;
	color: inherit;
}

.datafloq-appearance__icon svg {
	width: 100%;
	height: 100%;
	display: block;
	stroke: currentColor;
}

/* Header switch is desktop-only — mobile already has it in the drawer. */
.datafloq-appearance--header,
#masthead .hm-light-dark-toggle,
#masthead .hm-light-dark-switch {
	display: none !important;
}

@media (max-width: 958px) {
	#masthead.site-header .hm-header-gadgets {
		display: none !important;
	}
}

@media only screen and (min-width: 959px) {
	#masthead.site-header .datafloq-appearance--header {
		display: flex !important;
		flex-direction: column;
		gap: 0.55rem;
	}

	#masthead.site-header .hm-header-gadgets {
		display: flex !important;
		align-items: center;
		flex: 0 0 auto;
		order: 3;
		margin-left: auto !important;
		gap: 0.4rem;
	}

	#masthead.site-header #site-navigation {
		margin-left: 0 !important;
		order: 4;
	}

	.datafloq-appearance--header .datafloq-appearance__label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.datafloq-appearance--header .datafloq-appearance__btn {
		padding: 0.42rem;
	}

	.datafloq-appearance--header .datafloq-appearance__icon {
		width: 1.15rem;
		height: 1.15rem;
	}
}

.datafloq-appearance--drawer {
	padding: 0.85rem 1rem 1.15rem;
	border-top: 1px solid #eef2ef;
}

.datafloq-appearance--drawer .datafloq-appearance__options {
	width: 100%;
}

.datafloq-appearance--drawer .datafloq-appearance__btn {
	flex: 1 1 0;
	justify-content: center;
}

.datafloq-account-appearance {
	margin: 0 0 1.5rem;
	padding: 1.15rem 1.2rem 1.2rem;
	border: 1px solid #d7e3d9;
	border-radius: 12px;
	background: #fff;
}

.datafloq-account-appearance--form {
	margin: 0 0 1.75rem;
}

.datafloq-account-appearance .datafloq-appearance__options {
	width: 100%;
	max-width: 28rem;
}

.datafloq-account-appearance .datafloq-appearance__btn {
	flex: 1 1 0;
	justify-content: center;
}

/* ------------------------------------------------------------------
 * Site chrome — light header already exists; dark + new green
 * ------------------------------------------------------------------ */
#masthead.site-header,
body.theme-hybridmag #masthead.site-header {
	background: #ffffff;
}

html.hm-dark #masthead.site-header,
html.hm-dark body.theme-hybridmag #masthead.site-header,
html.hm-dark.hm-h-de #masthead.site-header,
html.hm-dark.hm-h-lg #masthead.site-header,
html[data-df-resolved="dark"] #masthead.site-header,
html[data-df-resolved="dark"] body.theme-hybridmag #masthead.site-header {
	background: var(--df-dark-bg, #0b1e16) !important;
	background-color: var(--df-dark-bg, #0b1e16) !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 20px rgba(0, 0, 0, 0.28);
}

html.hm-dark #masthead.site-header .hm-header-inner,
html.hm-dark #masthead.site-header .hm-header-inner-wrapper,
html.hm-dark #masthead.site-header .hm-header-inner-left,
html.hm-dark #masthead.site-header .hm-header-inner-right,
html.hm-dark #masthead.site-header .hm-header-gadgets,
html.hm-dark #masthead.site-header .hm-top-bar,
html.hm-dark #masthead.site-header .site-branding-container,
html.hm-dark .hm-nav-sticky.hm-header-inner-wrapper,
html[data-df-resolved="dark"] #masthead.site-header .hm-header-inner,
html[data-df-resolved="dark"] #masthead.site-header .hm-header-inner-wrapper,
html[data-df-resolved="dark"] #masthead.site-header .hm-header-inner-left,
html[data-df-resolved="dark"] #masthead.site-header .hm-header-inner-right,
html[data-df-resolved="dark"] #masthead.site-header .hm-header-gadgets,
html[data-df-resolved="dark"] #masthead.site-header .hm-top-bar,
html[data-df-resolved="dark"] #masthead.site-header .site-branding-container {
	background: var(--df-dark-bg, #0b1e16) !important;
	background-color: var(--df-dark-bg, #0b1e16) !important;
}

html[data-df-resolved="dark"] #masthead.site-header .secondary-menu .menu > li > a,
html[data-df-resolved="dark"] #masthead.site-header #site-navigation .menu > li > a,
html[data-df-resolved="dark"] .main-navigation a,
html[data-df-resolved="dark"] .hm-posts-tab a,
html[data-df-resolved="dark"] .hm-tab-nav a,
html[data-df-resolved="dark"] .hm-tab-anchor,
html.hm-dark #masthead.site-header .secondary-menu .menu > li > a,
html.hm-dark #masthead.site-header #site-navigation .menu > li > a,
html.hm-dark .main-navigation a,
html.hm-dark .hm-posts-tab a,
html.hm-dark .hm-tab-nav a,
html.hm-dark .hm-tab-anchor,
html.hm-dark .secondary-menu a,
html[data-df-resolved="dark"] .secondary-menu a {
	color: #d4e6d9 !important;
}

html[data-df-resolved="dark"] #masthead.site-header .secondary-menu .menu > li > a:hover,
html[data-df-resolved="dark"] #masthead.site-header .secondary-menu .menu > li.current-menu-item > a,
html[data-df-resolved="dark"] #masthead.site-header #site-navigation .menu > li > a:hover,
html[data-df-resolved="dark"] #masthead.site-header #site-navigation .menu > li.current-menu-item > a,
html[data-df-resolved="dark"] .main-navigation a:hover,
html.hm-dark #masthead.site-header .secondary-menu .menu > li > a:hover,
html.hm-dark #masthead.site-header .secondary-menu .menu > li.current-menu-item > a,
html.hm-dark #masthead.site-header #site-navigation .menu > li > a:hover,
html.hm-dark #masthead.site-header #site-navigation .menu > li.current-menu-item > a,
html.hm-dark .main-navigation a:hover {
	color: #8ae64d !important;
}

#masthead.site-header .secondary-menu .menu > li > a:hover,
#masthead.site-header .secondary-menu .menu > li.current-menu-item > a,
#masthead.site-header #site-navigation .menu > li > a:hover {
	color: var(--df-brand-green-hover, #4a9653);
}

html[data-df-resolved="dark"] .hm-mobile-menu-toggle,
html[data-df-resolved="dark"] .hm-search-toggle,
html[data-df-resolved="dark"] .hm-slideout-toggle {
	color: #f3f7f3;
}

/* Footer uses the new green even in light mode */
.datafloq-footer {
	--df-green: var(--df-brand-green, #5aaf62);
	--df-green-dark: var(--df-brand-green-hover, #4a9653);
}

html[data-df-resolved="dark"] .datafloq-footer {
	--df-bg: var(--df-dark-bg, #0b1e16);
	--df-text: #f3f7f3;
	--df-muted: #b7c7bb;
	--df-border: var(--df-dark-border, rgba(138, 230, 77, 0.22));
	background: var(--df-bg);
	color: var(--df-text);
}

html[data-df-resolved="dark"] .datafloq-footer-social a {
	background: #16301f;
	color: #f3f7f3;
}

html[data-df-resolved="dark"] .datafloq-footer-logo .hm-light-mode-logo {
	display: none !important;
}

html[data-df-resolved="dark"] .datafloq-footer-logo .hm-dark-mode-logo {
	display: block !important;
}

.datafloq-footer-logo .hm-dark-mode-logo {
	display: none;
}

/* ------------------------------------------------------------------
 * Dark surfaces for Datafloq pages / account / drawer
 * HybridMag paints body/#page charcoal (#111/#222). Beat that so the
 * canvas matches the green cards instead of showing grey gutters.
 * ------------------------------------------------------------------ */
html.hm-dark,
html.hm-dark body,
html.hm-dark body.hm-cl-one,
html.hm-dark body.hybridmag-boxed,
html.hm-dark body.hybridmag-boxed.hm-cl-one,
html.hm-dark #page,
html.hm-dark body.hybridmag-boxed #page,
html.hm-dark body.hybridmag-boxed.hm-cl-one #page,
html.hm-dark .site,
html.hm-dark .site-content,
html.hm-dark #content,
html.hm-dark .content-area,
html.hm-dark .site-main,
html.hm-dark .hm-container,
html.hm-dark article.page,
html[data-df-resolved="dark"],
html[data-df-resolved="dark"] body,
html[data-df-resolved="dark"] #page,
html[data-df-resolved="dark"] .site,
html[data-df-resolved="dark"] .site-content,
html[data-df-resolved="dark"] #content,
html[data-df-resolved="dark"] .content-area,
html[data-df-resolved="dark"] .site-main,
html[data-df-resolved="dark"] .hm-container,
html[data-df-resolved="dark"] article.page {
	background: var(--df-dark-bg, #0b1e16) !important;
	background-color: var(--df-dark-bg, #0b1e16) !important;
	color: #e6eee8;
}

html.hm-dark .datafloq-home-topic-strip,
html.hm-dark .gb-block-post-grid,
html.hm-dark .gb-post-grid-items,
html.hm-dark .df-topic-grid,
html.hm-dark .hm-featured-tabs,
html.hm-dark .datafloq-hm-latest-news-strip,
html[data-df-resolved="dark"] .datafloq-home-topic-strip,
html[data-df-resolved="dark"] .gb-block-post-grid,
html[data-df-resolved="dark"] .gb-post-grid-items,
html[data-df-resolved="dark"] .df-topic-grid,
html[data-df-resolved="dark"] .hm-featured-tabs,
html[data-df-resolved="dark"] .datafloq-hm-latest-news-strip {
	background: transparent !important;
	background-color: transparent !important;
}

html.hm-dark body.single .hentry,
html.hm-dark body.single-post .hentry,
html.hm-dark body.single-tribe_events .hentry,
html.hm-dark body.single .hm-entry-single,
html.hm-dark body.single article.post,
html.hm-dark body.single-tribe_events article.tribe_events,
html[data-df-resolved="dark"] body.single .hentry,
html[data-df-resolved="dark"] body.single-post .hentry,
html[data-df-resolved="dark"] body.single-tribe_events .hentry,
html[data-df-resolved="dark"] body.single article.post,
html[data-df-resolved="dark"] body.single-tribe_events article.tribe_events {
	background: var(--df-dark-bg, #10281c) !important;
	background-color: var(--df-dark-bg, #10281c) !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #e6eee8;
}

html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation,
html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-content,
html[data-df-resolved="dark"] .datafloq-account-profile,
html[data-df-resolved="dark"] .datafloq-account-appearance,
html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-Address {
	background: var(--df-dark-surface, #1b3b25);
	border-color: #1e3328;
	color: #e6eee8;
}

html[data-df-resolved="dark"] .datafloq-appearance__title,
html[data-df-resolved="dark"] .datafloq-account-profile__name,
html[data-df-resolved="dark"] .datafloq-account-title,
html[data-df-resolved="dark"] .woocommerce-EditAccountForm label {
	color: #f3f7f3;
}

html[data-df-resolved="dark"] .datafloq-appearance__lead,
html[data-df-resolved="dark"] .datafloq-account-profile__user,
html[data-df-resolved="dark"] .datafloq-account-profile__email {
	color: #b7c7bb;
}

html[data-df-resolved="dark"] .datafloq-appearance__options {
	background: #0b1e16;
	border-color: #1e3328;
}

html[data-df-resolved="dark"] .datafloq-appearance__btn {
	color: #c5d4c9;
}

html[data-df-resolved="dark"] .datafloq-appearance__btn:hover,
html[data-df-resolved="dark"] .datafloq-appearance__btn:focus,
html[data-df-resolved="dark"] .datafloq-appearance__btn:focus-visible,
html[data-df-resolved="dark"] .datafloq-appearance__btn:active {
	background: var(--df-brand-green-soft, #1b3b25);
	color: #f3f7f3;
}

html[data-df-resolved="dark"] .datafloq-appearance__btn.is-active,
html[data-df-resolved="dark"] .datafloq-appearance__btn.is-active:hover,
html[data-df-resolved="dark"] .datafloq-appearance__btn.is-active:focus,
html[data-df-resolved="dark"] .datafloq-appearance__btn.is-active:focus-visible,
html[data-df-resolved="dark"] .datafloq-appearance__btn.is-active:active {
	background: var(--df-brand-green, #8ae64d);
	color: #0b1e16;
	box-shadow: none;
}

html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-EditAccountForm input.input-text,
html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-address-fields input.input-text {
	background: #0b1e16;
	border-color: #1e3328;
	color: #f3f7f3;
}

/* Account sidebar: light-mode ink was painted with !important, so inactive
   links vanished on the dark green nav. Force readable contrast here too. */
html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation a {
	color: #e6eee8 !important;
}

html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation li:hover,
html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation li:focus-within {
	background: var(--df-dark-raised, #234a2d);
}

html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation a:hover,
html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation a:focus {
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation li.is-active a,
html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation .is-active a,
html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation li.is-active a:hover,
html[data-df-resolved="dark"] .datafloq-account-dashboard .woocommerce-MyAccount-navigation li.is-active a:focus {
	color: #0b1e16 !important;
}

html[data-df-resolved="dark"] .datafloq-account-profile__logout,
html[data-df-resolved="dark"] .datafloq-account-profile__file,
html[data-df-resolved="dark"] .datafloq-account-profile__grid input {
	background: var(--df-dark-bg, #0b1e16) !important;
	border-color: var(--df-dark-border, rgba(138, 230, 77, 0.16)) !important;
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .datafloq-account-publish__card,
html[data-df-resolved="dark"] .datafloq-account-publish__card--paid {
	background: var(--df-dark-bg, #0b1e16) !important;
	border-color: var(--df-dark-border, rgba(138, 230, 77, 0.16)) !important;
}

html[data-df-resolved="dark"] .datafloq-account-publish__title,
html[data-df-resolved="dark"] .datafloq-account-publish__label {
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .datafloq-account-publish__lead,
html[data-df-resolved="dark"] .datafloq-account-publish__meta {
	color: #b7c7bb !important;
}

html[data-df-resolved="dark"] .datafloq-publish-btn {
	background: var(--df-dark-bg, #0b1e16) !important;
	color: #e6eee8 !important;
	border-color: rgba(138, 230, 77, 0.35) !important;
}

html[data-df-resolved="dark"] .datafloq-publish-btn--primary {
	background: var(--df-brand-green, #8ae64d) !important;
	color: #0b1e16 !important;
	border-color: var(--df-brand-green, #8ae64d) !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar.hm-mobile-sidebar--datafloq {
	background: var(--df-dark-bg, #0b1e16) !important;
	border-left-color: var(--df-dark-border, rgba(138, 230, 77, 0.22)) !important;
	box-shadow: -12px 0 48px rgba(0, 0, 0, 0.4);
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-top,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-search,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-actions,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu-main,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu ul ul,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .datafloq-appearance--drawer {
	background: var(--df-dark-bg, #0b1e16) !important;
	border-color: var(--df-dark-border, rgba(138, 230, 77, 0.22)) !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-search-form {
	background: var(--df-dark-surface, #1b3b25) !important;
	border-color: #1e3328 !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-search-form__input {
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-search-form__input::placeholder {
	color: #8aa090 !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar.hm-mobile-sidebar--datafloq .hm-mobile-menu-toggle {
	background: var(--df-dark-surface, #1b3b25) !important;
	border-color: #1e3328 !important;
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu ul li a,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu-topics .menu a {
	color: #e6eee8 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu ul li a:hover,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu ul li a:active {
	background: var(--df-dark-raised, #246344) !important;
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu > ul > li,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu ul li,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu ul ul li,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu-topics .menu a {
	border-color: rgba(255, 255, 255, 0.06) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-top,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-search,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-actions,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .datafloq-appearance--drawer {
	border-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-menu .hm-dropdown-toggle {
	background: var(--df-dark-bg, #0b1e16) !important;
	border-left-color: var(--df-dark-border, rgba(138, 230, 77, 0.22)) !important;
	color: #c5d4c9 !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-btn--login,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-btn--register {
	background: var(--df-dark-surface, #1b3b25) !important;
	border-color: #1e3328 !important;
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-logo .site-title a,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-logo .site-description {
	color: #e6eee8 !important;
}

html[data-df-resolved="dark"] .datafloq-appearance--drawer {
	border-top-color: #1e3328 !important;
}

/* Homepage Events cards — HybridMag paints .hm-cl-sep .hm-entry-single #222 */
html.hm-dark body.home.hm-cl-sep .wp-block-query .hm-entry-single,
html.hm-dark body.page-id-5.hm-cl-sep .wp-block-query .hm-entry-single,
html.hm-dark body.home .wp-block-query:has(.tribe_events) .wp-block-post,
html.hm-dark body.page-id-5 .wp-block-query:has(.tribe_events) .wp-block-post,
html.hm-dark body.home .wp-block-query .wp-block-post,
html.hm-dark body.page-id-5 .wp-block-query .wp-block-post,
html.hm-dark body.home .wp-block-query .hentry,
html.hm-dark body.page-id-5 .wp-block-query .hentry,
html.hm-dark body.home .wp-block-post.tribe_events,
html.hm-dark body.page-id-5 .wp-block-post.tribe_events,
html[data-df-resolved="dark"] body.home .wp-block-query .wp-block-post,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query .wp-block-post,
html[data-df-resolved="dark"] body.home.hm-cl-sep .wp-block-query .hm-entry-single,
html[data-df-resolved="dark"] body.page-id-5.hm-cl-sep .wp-block-query .hm-entry-single {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

html.hm-dark body.home .wp-block-query:has(.tribe_events) .wp-block-columns,
html.hm-dark body.page-id-5 .wp-block-query:has(.tribe_events) .wp-block-columns,
html.hm-dark body.home .wp-block-post.tribe_events .wp-block-columns,
html.hm-dark body.page-id-5 .wp-block-post.tribe_events .wp-block-columns,
html[data-df-resolved="dark"] body.home .wp-block-query:has(.tribe_events) .wp-block-columns,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query:has(.tribe_events) .wp-block-columns,
html[data-df-resolved="dark"] body.home .wp-block-post.tribe_events .wp-block-columns,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-post.tribe_events .wp-block-columns,
html[data-df-resolved="dark"] body.home .wp-block-query .wp-block-columns,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query .wp-block-columns {
	background: var(--df-dark-surface, #1b3b25) !important;
	border-color: #1e3328 !important;
	box-shadow: none !important;
}

html[data-df-resolved="dark"] body.home .wp-block-query:has(.tribe_events) .wp-block-post-title,
html[data-df-resolved="dark"] body.home .wp-block-query:has(.tribe_events) .wp-block-post-title a,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query:has(.tribe_events) .wp-block-post-title,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query:has(.tribe_events) .wp-block-post-title a,
html[data-df-resolved="dark"] body.home .wp-block-query .wp-block-post-title,
html[data-df-resolved="dark"] body.home .wp-block-query .wp-block-post-title a,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query .wp-block-post-title,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query .wp-block-post-title a,
html[data-df-resolved="dark"] body.home #home-latest-events,
html[data-df-resolved="dark"] body.page-id-5 #home-latest-events {
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] body.home .wp-block-query .wp-block-post-title a:hover,
html[data-df-resolved="dark"] body.home .wp-block-query .wp-block-post-title a:focus,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query .wp-block-post-title a:hover,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query .wp-block-post-title a:focus {
	color: var(--df-brand-green, #8ae64d) !important;
	border-bottom-color: transparent !important;
}

html[data-df-resolved="dark"] body.home .wp-block-query:has(.tribe_events) .wp-block-post-date,
html[data-df-resolved="dark"] body.home .wp-block-query:has(.tribe_events) .wp-block-post-excerpt,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query:has(.tribe_events) .wp-block-post-date,
html[data-df-resolved="dark"] body.page-id-5 .wp-block-query:has(.tribe_events) .wp-block-post-excerpt {
	color: #b7c7bb !important;
}

html.hm-dark body.tribe-events-page-template,
html.hm-dark body.post-type-archive-tribe_events,
html.hm-dark body.single-tribe_events,
html[data-df-resolved="dark"] body.tribe-events-page-template,
html[data-df-resolved="dark"] body.post-type-archive-tribe_events,
html[data-df-resolved="dark"] body.single-tribe_events {
	--tec-color-background: var(--df-dark-bg, #10281c);
	--tec-color-background-secondary: var(--df-dark-surface, #1a3d28);
	--tec-color-background-events-bar: var(--df-dark-surface, #1a3d28);
	--tec-color-text-primary: #f3f7f3;
	--tec-color-text-secondary: #b7c7bb;
	--tec-color-border-default: var(--df-dark-border, rgba(138, 230, 77, 0.22));
	background: var(--df-dark-bg, #10281c) !important;
	background-color: var(--df-dark-bg, #10281c) !important;
}

html.hm-dark body.tribe-events-page-template .site-content,
html.hm-dark body.post-type-archive-tribe_events .site-content,
html.hm-dark body.single-tribe_events .site-content,
html.hm-dark body.tribe-events-page-template .content-area,
html.hm-dark body.post-type-archive-tribe_events .content-area,
html.hm-dark body.single-tribe_events .content-area,
html.hm-dark .tribe-events,
html.hm-dark .tribe-events-l-container,
html.hm-dark .tribe-events-calendar-list,
html[data-df-resolved="dark"] body.tribe-events-page-template .site-content,
html[data-df-resolved="dark"] body.post-type-archive-tribe_events .site-content,
html[data-df-resolved="dark"] body.tribe-events-page-template .content-area.hm-container,
html[data-df-resolved="dark"] body.post-type-archive-tribe_events .content-area.hm-container {
	background: var(--df-dark-bg, #10281c) !important;
	background-color: var(--df-dark-bg, #10281c) !important;
	color: #f3f7f3;
}

html.hm-dark .tribe-events-calendar-list__event-row,
html.hm-dark .tribe-events-calendar-list__event-row.hm-entry,
html.hm-dark .tribe-events-calendar-list__event,
html.hm-dark .tribe-events-calendar-list__event-wrapper,
html.hm-dark .tribe-events-calendar-list__event-details,
html.hm-dark .df-featured-list .tribe-events-calendar-list__event-row,
html[data-df-resolved="dark"] body.tribe-events-page-template .tribe-events-calendar-list__event-row,
html[data-df-resolved="dark"] body.post-type-archive-tribe_events .tribe-events-calendar-list__event-row {
	background: var(--df-dark-surface, #1a3d28) !important;
	background-color: var(--df-dark-surface, #1a3d28) !important;
	border-color: var(--df-dark-border, rgba(138, 230, 77, 0.22)) !important;
	box-shadow: none !important;
	color: #f3f7f3;
}

html.hm-dark .tribe-events-calendar-list__event-date-tag,
html.hm-dark .tribe-events-calendar-list__event-date-tag.hm-entry,
html.hm-dark .tribe-events-calendar-list__event-date-tag-datetime {
	background: transparent !important;
	background-color: transparent !important;
}

/* Topic rails + Grow with Datafloq — leftover light cards */
html[data-df-resolved="dark"] .datafloq-home-topic-strip article.gb-post-grid-item,
html[data-df-resolved="dark"] article.gb-post-grid-item,
html[data-df-resolved="dark"] .gb-block-post-grid-text,
html[data-df-resolved="dark"] .hm-tab-post-card,
html[data-df-resolved="dark"] body.author .hentry,
html[data-df-resolved="dark"] body.archive .hentry,
html[data-df-resolved="dark"] body.blog .hentry,
html[data-df-resolved="dark"] body.search .hentry,
html.hm-dark .datafloq-home-topic-strip article.gb-post-grid-item,
html.hm-dark article.gb-post-grid-item,
html.hm-dark .gb-block-post-grid-text,
html.hm-dark .hm-tab-post-card,
html.hm-dark body.archive .hentry,
html.hm-dark body.blog .hentry,
html.hm-dark body.search .hentry,
html.hm-dark body.author .hentry {
	background: var(--df-dark-surface, #1a3d28) !important;
	background-color: var(--df-dark-surface, #1a3d28) !important;
	border-color: var(--df-dark-border, rgba(138, 230, 77, 0.22)) !important;
	box-shadow: none !important;
}

html[data-df-resolved="dark"] .datafloq-home-topic-strip article.gb-post-grid-item:hover,
html[data-df-resolved="dark"] article.gb-post-grid-item:hover,
html[data-df-resolved="dark"] .hm-tab-post-card:hover {
	background: var(--df-dark-raised, #246344) !important;
	border-color: rgba(138, 230, 77, 0.35) !important;
}

html[data-df-resolved="dark"] .datafloq-home-topic-strip .gb-block-post-grid-title,
html[data-df-resolved="dark"] .datafloq-home-topic-strip .gb-block-post-grid-title a,
html[data-df-resolved="dark"] .gb-block-post-grid-title,
html[data-df-resolved="dark"] .gb-block-post-grid-title a {
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .datafloq-home-topic-strip .gb-block-post-grid-date,
html[data-df-resolved="dark"] .datafloq-home-topic-strip .df-topic-card__excerpt,
html[data-df-resolved="dark"] .gb-block-post-grid-excerpt,
html[data-df-resolved="dark"] .gb-block-post-grid-byline {
	color: #b7c7bb !important;
}

html[data-df-resolved="dark"] .datafloq-home-publish {
	background: #0f2419 !important;
	border-top-color: #1e3328 !important;
}

html[data-df-resolved="dark"] .datafloq-home-publish__title,
html[data-df-resolved="dark"] .datafloq-home-publish__card h3 {
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .datafloq-home-publish__lead,
html[data-df-resolved="dark"] .datafloq-home-publish__card p {
	color: #b7c7bb !important;
}

html[data-df-resolved="dark"] .datafloq-home-publish__card {
	background: var(--df-dark-surface, #1b3b25) !important;
	border-color: #1e3328 !important;
	box-shadow: none !important;
}

html[data-df-resolved="dark"] .datafloq-home-publish__card a {
	color: var(--df-brand-green, #8ae64d) !important;
}

html[data-df-resolved="dark"] .datafloq-ad-widget--sidebar,
html[data-df-resolved="dark"] .widget.datafloq-ad-widget,
html[data-df-resolved="dark"] .datafloq-ad-home {
	background: var(--df-ad-bg, #1b3b25) !important;
	border-color: var(--df-ad-border, rgba(138, 230, 77, 0.18)) !important;
	box-shadow: none !important;
}

html[data-df-resolved="dark"] .datafloq-ad-widget--sidebar,
html[data-df-resolved="dark"] .datafloq-ad-home {
	--df-ad-bg: var(--df-dark-surface, #1a3d28);
	--df-ad-stat-bg: var(--df-dark-raised, #246344);
	--df-ad-track: var(--df-dark-bg, #0b1e16);
	--df-ad-panel-bg: var(--df-dark-raised, #246344);
	--df-ad-text: #f3f7f3;
	--df-ad-muted: #c5d6c8;
	--df-ad-border: var(--df-dark-border, rgba(138, 230, 77, 0.22));
	--df-ad-green: var(--df-brand-green);
}

html[data-df-resolved="dark"] .datafloq-ad-stat,
html[data-df-resolved="dark"] .datafloq-ad-stat-card {
	background: var(--df-ad-stat-bg, #0f291c) !important;
	color: #f3f7f3;
	box-shadow: none;
}

html[data-df-resolved="dark"] .datafloq-ad-stat-value,
html[data-df-resolved="dark"] .datafloq-ad-bar-meta,
html[data-df-resolved="dark"] .datafloq-ad-bar-name {
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] .datafloq-ad-stat-label,
html[data-df-resolved="dark"] .datafloq-ad-audience-label,
html[data-df-resolved="dark"] .datafloq-ad-panel-label {
	color: #c5d6c8 !important;
}

html[data-df-resolved="dark"] .datafloq-ad-bar-track {
	background: var(--df-ad-track, #0f291c) !important;
}

html[data-df-resolved="dark"] .datafloq-ad-home-hero,
html[data-df-resolved="dark"] .datafloq-ad-home-panel,
html[data-df-resolved="dark"] .datafloq-ad-home-audience {
	background: var(--df-ad-panel-bg, #163224) !important;
	border-color: rgba(138, 230, 77, 0.18) !important;
}

html[data-df-resolved="dark"] body.author .df-author-profile {
	background: var(--df-dark-surface, #1b3b25) !important;
	border-color: rgba(138, 230, 77, 0.18) !important;
	box-shadow: none !important;
	color: #e6eee8;
}

html[data-df-resolved="dark"] body.author .df-author-profile__bio,
html[data-df-resolved="dark"] body.author .df-author-profile__bio p,
html[data-df-resolved="dark"] body.author .df-author-profile__role,
html[data-df-resolved="dark"] body.author .df-author-profile__location {
	color: #c5d6c8 !important;
}

html[data-df-resolved="dark"] body.author .df-author-profile__stat,
html.hm-dark body.author .df-author-profile__stat {
	background: var(--df-dark-raised, #246344) !important;
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] body.author .df-author-profile__social--twitter,
html.hm-dark body.author .df-author-profile__social--twitter {
	background: var(--df-dark-raised, #246344) !important;
	color: #f3f7f3 !important;
}

html[data-df-resolved="dark"] body.author .df-author-profile__avatar {
	background: var(--df-dark-bg, #0b1e16);
	border-color: rgba(138, 230, 77, 0.35);
}

.datafloq-account-profile__save,
.datafloq-ad-btn--primary,
.hm-mobile-sidebar--datafloq .hm-mobile-search-form__btn,
.hm-mobile-sidebar--datafloq .hm-mobile-sb-btn--advertise {
	background: var(--df-brand-green) !important;
	border-color: var(--df-brand-green) !important;
	color: #fff !important;
}

html[data-df-resolved="dark"] .datafloq-account-profile__save,
html[data-df-resolved="dark"] .datafloq-ad-btn--primary,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-search-form__btn,
html[data-df-resolved="dark"] .hm-mobile-sidebar--datafloq .hm-mobile-sb-btn--advertise {
	color: #0b1e16 !important;
}

html[data-df-resolved="dark"] .entry-title a,
html[data-df-resolved="dark"] .wp-block-post-title a,
html[data-df-resolved="dark"] .widget-title,
html[data-df-resolved="dark"] h1, html[data-df-resolved="dark"] h2, html[data-df-resolved="dark"] h3, html[data-df-resolved="dark"] h4 {
	color: #f3f7f3;
}

html[data-df-resolved="dark"] .entry-content,
html[data-df-resolved="dark"] .entry-summary,
html[data-df-resolved="dark"] .widget,
html.hm-dark .entry-summary,
html.hm-dark body.archive .entry-summary,
html.hm-dark body.archive .hentry .entry-content,
html.hm-dark body.category .hentry .entry-content,
html.hm-dark body.blog .hentry .entry-content,
html.hm-dark body.search .hentry .entry-content,
html.hm-dark body.author .hentry .entry-content,
html.hm-dark .hentry .entry-summary,
html.hm-dark .hentry .entry-content,
html.hm-dark .hentry .entry-content p {
	background: transparent !important;
	background-color: transparent !important;
	color: #d5e0d8 !important;
}

html.hm-dark body.archive .entry-summary a,
html.hm-dark body.category .entry-summary a,
html.hm-dark .entry-summary .hm-read-more,
html.hm-dark .entry-summary a.more-link,
html.hm-dark .hentry .entry-summary a,
html.hm-dark .hentry .entry-content .hm-read-more,
html.hm-dark .hentry .entry-content a.more-link,
html.hm-dark body.archive .hentry .entry-content a,
html.hm-dark body.category .hentry .entry-content a {
	background: transparent !important;
	color: #8ae64d !important;
}
