/**
 * editorial.css — the shared "editorial module" language used across every
 * page: editorial rows, asymmetric feature pairs, listing hierarchies,
 * related-content blocks, the hero, statements, and the final CTA. This is
 * the site's primary layout language — deliberately not a card system
 * (docs/global-components.md §12).
 */

/* --- Eyebrow / meta labels ------------------------------------------ */
.ditechted-eyebrow {
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--ditechted-text-muted);
}

.ditechted-meta-label,
.ditechted-meta-label a {
	font-size: var(--wp--preset--font-size--meta);
	color: var(--ditechted-text-muted);
	text-decoration: none;
	margin-right: var(--wp--preset--spacing--2xs);
}

.ditechted-meta-label a {
	color: var(--ditechted-brand-primary);
}

/* --- Hero ------------------------------------------------------------ */
.ditechted-hero {
	padding-block: var(--wp--preset--spacing--3xl);
	gap: var(--wp--preset--spacing--xl);
}

.ditechted-hero__text {
	flex: 1 1 55%;
}

.ditechted-hero__visual {
	flex: 1 1 40%;
}

.ditechted-hero__headline {
	margin-block: var(--wp--preset--spacing--sm);
}

.ditechted-hero__supporting {
	max-width: 34rem;
}

/* --- Statement -------------------------------------------------------- */
.ditechted-statement {
	padding-block: var(--wp--preset--spacing--2xl);
}

.ditechted-statement__text {
	font-size: var(--wp--preset--font-size--h3);
	font-family: var(--wp--preset--font-family--ditechted-display);
}

/* --- Editorial rows ---------------------------------------------------- */
.ditechted-editorial-row-list {
	display: flex;
	flex-direction: column;
}

.ditechted-editorial-row {
	display: flex;
	gap: var(--wp--preset--spacing--md);
	align-items: baseline;
	padding-block: var(--wp--preset--spacing--lg);
	border-bottom: 1px solid var(--ditechted-border-default);
	text-decoration: none;
	color: inherit;
	transition: background-color var(--ditechted-transition-fast) var(--ditechted-easing-out);
}

.ditechted-editorial-row:hover {
	background: var(--ditechted-bg-surface);
}

.ditechted-editorial-row__number {
	font-family: var(--wp--preset--font-family--ditechted-text);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--h4);
	color: var(--ditechted-text-muted);
	flex: 0 0 2.5rem;
}

.ditechted-editorial-row--compact {
	padding-block: var(--wp--preset--spacing--xs);
	border-bottom: none;
	display: block;
}

/* --- Selected Work / Feature Pair -------------------------------------- */
.ditechted-selected-work__item,
.ditechted-feature-pair {
	margin-block: var(--wp--preset--spacing--xl);
}

.ditechted-selected-work__image img,
.ditechted-feature-pair img {
	border: 1px solid var(--ditechted-border-default);
	transition: transform var(--ditechted-transition-base) var(--ditechted-easing-out);
}

.ditechted-selected-work__item:hover img,
.ditechted-feature-pair:hover img {
	transform: scale(1.02);
}

/* --- Insight listing ---------------------------------------------------- */
.ditechted-insight-list__item {
	padding-block: var(--wp--preset--spacing--md);
	border-bottom: 1px solid var(--ditechted-border-default);
}

.ditechted-insight-list__excerpt {
	color: var(--ditechted-text-muted);
}

/* --- Bridge / "not sure what you need" --------------------------------- */
.ditechted-bridge {
	background: var(--ditechted-bg-surface);
	padding: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--md);
	margin-block: var(--wp--preset--spacing--xl);
}

/* --- Empty states -------------------------------------------------------- */
.ditechted-empty-state {
	color: var(--ditechted-text-muted);
	padding-block: var(--wp--preset--spacing--lg);
}

/* --- Related content ------------------------------------------------------ */
.ditechted-related-content {
	margin-block: var(--wp--preset--spacing--2xl);
}

.ditechted-related-content__group {
	margin-bottom: var(--wp--preset--spacing--lg);
}

/* --- Buttons (namespaced, per seo-plugin-compatibility.md §23) ----------- */
.ditechted-button {
	display: inline-block;
	border-radius: var(--ditechted-radius-sm);
	font-size: var(--wp--preset--font-size--button);
	font-weight: 600;
	text-decoration: none;
	padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--md);
	transition: background-color var(--ditechted-transition-fast) var(--ditechted-easing-inout);
}

.ditechted-button--primary a,
.ditechted-button--primary .wp-block-button__link {
	background: var(--ditechted-brand-primary);
	color: var(--ditechted-text-inverse);
	border-radius: var(--ditechted-radius-sm);
}

.ditechted-button--primary:hover a,
.ditechted-button--primary .wp-block-button__link:hover {
	background: var(--ditechted-brand-dark);
}

/* --- Final CTA ------------------------------------------------------------ */
.ditechted-final-cta {
	padding: var(--wp--preset--spacing--3xl) var(--wp--preset--spacing--md);
	text-align: center;
}

/* --- Case study / service detail lists ------------------------------------ */
.ditechted-case-study__details {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: var(--wp--preset--spacing--2xs) var(--wp--preset--spacing--md);
	font-size: var(--wp--preset--font-size--body-sm);
}

.ditechted-case-study__details dt {
	color: var(--ditechted-text-muted);
}

.ditechted-case-study__gallery img {
	margin-bottom: var(--wp--preset--spacing--md);
	border: 1px solid var(--ditechted-border-default);
}