/* Block pattern styles: List Card, Quote Card, generic pattern row.
   Loaded on single posts and in the block editor. */

/* List Card. Values from Figma, converted to rem at 16px root:
   card padding 56px = 3.5rem, item gap 24px = 1.5rem, icon 48px = 3rem,
   icon-to-text 24px = 1.5rem. */

.list-card {
	border-radius: 0.5rem;
	background: linear-gradient(180deg, rgba(196, 93, 60, 0.24) -145.31%, rgba(196, 93, 60, 0) 146.87%);
	padding: 3.5rem;
}

/* Title is a styled paragraph, not a heading, so it never affects the
   post's heading outline. Kit typography c97ef94 (Space Mono), Lava.
   Selector repeated to clear page-level overrides without !important.
   Fallbacks let the block editor render correctly without Kit CSS loaded. */
.list-card__title.list-card__title.list-card__title.list-card__title {
	font-family: var(--e-global-typography-c97ef94-font-family, "Space Mono"), monospace;
	font-size: var(--e-global-typography-c97ef94-font-size, 1.25rem);
	font-weight: var(--e-global-typography-c97ef94-font-weight, 700);
	line-height: var(--e-global-typography-c97ef94-line-height, 1.5);
	letter-spacing: var(--e-global-typography-c97ef94-letter-spacing, 4.8px);
	text-transform: uppercase;
	color: var(--e-global-color-23a440e, #C45D3C);
	margin: 0 0 3rem;
}

.list-card__list.list-card__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.list-card__list li {
	list-style: none;
	position: relative;
	min-height: 3rem;
	margin: 0;
	padding: 0 0 0 4.5rem; /* icon 3rem + gap 1.5rem */
}

.list-card__list li::marker {
	content: "";
}

.list-card__list li + li {
	margin-top: 1.5rem;
}

.list-card__list li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem;
	background: url("list-card-check.svg") no-repeat center / contain;
}

/* Half layout: 4.5rem between columns, 3.5rem between rows once
   the Columns block stacks on mobile. Doubled to beat the block gap rule. */
.list-card-row.list-card-row {
	gap: 3.5rem 4.5rem;
}

@media (max-width: 1024px) {
	.list-card {
		padding: 2.5rem;
	}
	.list-card__title.list-card__title.list-card__title.list-card__title {
		margin-bottom: 2.5rem;
	}
}

@media (max-width: 767px) {
	.list-card {
		padding: 2rem;
	}
	.list-card__title.list-card__title.list-card__title.list-card__title {
		margin-bottom: 2rem;
	}
}

/* Row spacing: 42px = 2.625rem below each full-width card or half-layout row.
   Cards nested inside a column take no margin; the row carries it. */
.list-card.list-card,
.list-card-row.list-card-row {
	margin-bottom: 2.625rem;
}

.wp-block-column > .list-card.list-card {
	margin-bottom: 0;
}

/* Generic two-column pattern row (text + shortcode): same gap and
   bottom margin as the card rows. */
.pattern-row.pattern-row {
	gap: 3.5rem 4.5rem;
	margin-bottom: 2.625rem;
}


/* Quote Card. Values from Figma, converted to rem at 16px root:
   card padding 56px = 3.5rem, vertical gaps 48px = 3rem, icon 48px = 3rem,
   icon-to-text 24px = 1.5rem, quote 32px = 2rem, attribution 24px/34px = 1.5rem/2.125rem. */

.quote-card {
	border-radius: 0.5rem;
	background: linear-gradient(180deg, rgba(196, 93, 60, 0.24) -145.31%, rgba(196, 93, 60, 0) 146.87%);
	padding: 3.5rem;
	color: var(--e-global-color-accent, #FFFFFF);
}

/* Title: styled paragraph, Kit typography c97ef94 (Space Mono), Lava. */
.quote-card__title.quote-card__title.quote-card__title.quote-card__title {
	font-family: var(--e-global-typography-c97ef94-font-family, "Space Mono"), monospace;
	font-size: var(--e-global-typography-c97ef94-font-size, 1.25rem);
	font-weight: var(--e-global-typography-c97ef94-font-weight, 700);
	line-height: var(--e-global-typography-c97ef94-line-height, 1.5);
	letter-spacing: var(--e-global-typography-c97ef94-letter-spacing, 4.8px);
	text-transform: uppercase;
	color: var(--e-global-color-23a440e, #C45D3C);
	margin: 0 0 3rem;
}

/* Quote block reset: clear theme/Elementor blockquote borders and margins. */
.quote-card__quote.quote-card__quote {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-style: normal;
	text-align: left;
}

.quote-card__quote p {
	font-family: var(--e-global-typography-7669b17-font-family, "Barlow Semi Condensed"), sans-serif;
	font-size: 2rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.3;
	color: var(--e-global-color-accent, #FFFFFF);
	margin: 0;
}

.quote-card__quote cite {
	display: block;
	font-family: var(--e-global-typography-7669b17-font-family, "Barlow Semi Condensed"), sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.125rem;
	color: var(--e-global-color-accent, #FFFFFF);
	margin-top: 3rem;
}

/* Icon: shared box, positioned per layout below. */
.quote-card__quote::before,
.quote-card--compact .quote-card__title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem;
	background: url("quote-card-icon.svg") no-repeat center / contain;
}

/* Full width: icon sits beside the quote; attribution aligns with quote text. */
.quote-card:not(.quote-card--compact) .quote-card__quote {
	padding-left: 4.5rem; /* icon 3rem + gap 1.5rem */
}

/* Compact (half column): icon sits beside the title; quote runs full width. */
.quote-card--compact .quote-card__title.quote-card__title.quote-card__title.quote-card__title {
	position: relative;
	padding-left: 4.5rem;
	min-height: 3rem;
}

.quote-card--compact .quote-card__quote::before {
	content: none;
}

/* Half layout: 4.5rem between columns, 3.5rem between rows once stacked. */
.quote-card-row.quote-card-row {
	gap: 3.5rem 4.5rem;
}

@media (max-width: 1024px) {
	.quote-card {
		padding: 2.5rem;
	}
}

@media (max-width: 767px) {
	.quote-card {
		padding: 2rem;
	}
}

/* Row spacing: 42px = 2.625rem below each full-width card or half-layout row.
   Cards nested inside a column take no margin; the row carries it. */
.quote-card.quote-card,
.quote-card-row.quote-card-row {
	margin-bottom: 2.625rem;
}

.wp-block-column > .quote-card.quote-card {
	margin-bottom: 0;
}