/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/styles/global.css ***!
  \***************************************************************************************************************************************************************************/
/**
 * Global front-end styles.
 *
 * Keep this minimal — Tailwind preflight handles box-sizing, margin
 * resets, and media element defaults. This file is only for
 * WP-specific additions that preflight doesn't cover.
 */

/* ── Font smoothing ──────────────────────────────────────────────── */

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
	--header-height: 48px;
	--tag-bg--active: var(--color-primary);
	--tag-text--active: var(--color-primary-content);
}

/* ── Misc globals ──────────────────────────────────────────────── */

@view-transition {
  navigation: auto;
}

/* ── Noise texture overlay ──────────────────────────────────────── */

body {
	position: relative;
}

body::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(../images/grad-noise.47698c61.png) repeat;
	mix-blend-mode: multiply;
	opacity: 0.25;
	pointer-events: none;
}

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
}

.wp-site-blocks > footer {
	margin-block-start: auto;
}

/* ── Fixed-header content offset ─────────────────────────────────── */
/* Handled via theme.json styles.spacing.padding.top so that
   useRootPaddingAwareAlignments works correctly with full-width blocks. */

/* ── Focus-visible ───────────────────────────────────────────────── */

:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

/* ── Smooth transitions on interactive elements ──────────────────── */

a,
button,
input,
textarea,
select {
	transition:
		color var(--wp--custom--transition--speed) var(--wp--custom--transition--easing),
		background-color var(--wp--custom--transition--speed) var(--wp--custom--transition--easing),
		border-color var(--wp--custom--transition--speed) var(--wp--custom--transition--easing),
		box-shadow var(--wp--custom--transition--speed) var(--wp--custom--transition--easing);
}

/* ── Group blocks: zero default gap, restore for children ────────── */

.wp-block-group {
	--wp--style--block-gap: 0px;

	& > *:not(.wp-block-group) {
		--wp--style--block-gap: var(--wp--preset--spacing--40);
	}
}

/* ── Blog post heading spacing ──────────────────────────────────── */

.wp-block-post-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
	margin-top: var(--wp--preset--spacing--50);
}


/* ── Custom theme mods ──────────────────────────────────── */

.tag-cloud-link {
	padding: 4px 8px;
	border: none;
	background: var(--color-base-300);
	border-radius: 4px;
	/* font-size: 0.75rem !important; */
}

.tag-cloud-link span {
	font-size: 0.75em;
	transform: translateY(-6px);
	margin-inline-start: 1px;
}

.formkit-form {
	& >div {
		padding-top: 16px !important;
		padding-bottom: 0px !important;
	}

	.formkit-powered-by-convertkit-container {
		display: none !important;
	}
}

/*# sourceMappingURL=global.css.map*/