/*
 * Case Studies block — editor canvas styles.
 *
 * Targets the section Group blocks by their custom class names.
 * Values are hardcoded (not CSS variables) because foundation.css
 * is loaded in the outer editor document, not the canvas iframe.
 */

/* ── Shared section padding ─────────────────────────────────────── */

.cs-hero-inner,
.cs-strip-section,
.cs-story-section,
.cs-quote-section,
.cs-statistics-section,
.cs-proof-section {
	padding: 40px;
}

/* ── Blue background sections ────────────────────────────────────── */

.cs-strip-section {
	background-color: #00aae5;
}

.cs-quote-section {
	background-color: #00aae5;
	padding-top: 60px;
}

/* ── White text inside blue sections ─────────────────────────────── */

.cs-strip-section h1,
.cs-strip-section h2,
.cs-strip-section h3,
.cs-strip-section h4,
.cs-strip-section h5,
.cs-strip-section h6,
.cs-strip-section p,
.cs-strip-section li,
.cs-strip-section a,
.cs-strip-section figcaption,
.cs-quote-section h1,
.cs-quote-section h2,
.cs-quote-section h3,
.cs-quote-section h4,
.cs-quote-section h5,
.cs-quote-section h6,
.cs-quote-section p,
.cs-quote-section li,
.cs-quote-section a,
.cs-quote-section figcaption {
	color: #fff;
}

/* ── Statistics: primary-colour numbers ──────────────────────────── */

.cs-statistics-section h1,
.cs-statistics-section h2,
.cs-statistics-section h3,
.cs-statistics-section h4,
.cs-statistics-section h5,
.cs-statistics-section h6 {
	color: #00aae5;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0.4em;
}

/* ── Proof Band: primary-colour column headings ───────────────────── */

.cs-proof-section .wp-block-column h1,
.cs-proof-section .wp-block-column h2,
.cs-proof-section .wp-block-column h3,
.cs-proof-section .wp-block-column h4 {
	color: #00aae5;
}

/* ── Buttons (filled + ghost) anywhere in the block ─────────────── */

.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-block-button:not(.is-style-outline) .wp-element-button {
	background-color: #00aae5 !important;
	color: #fff !important;
	border: 2px solid #00aae5 !important;
	border-radius: 25px !important;
	padding: 10px 25px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-element-button {
	background-color: transparent !important;
	color: #00aae5 !important;
	border: 2px solid #00aae5 !important;
	border-radius: 25px !important;
	padding: 10px 25px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

/* ── CTA section ─────────────────────────────────────────────────── */

.cs-cta-section {
	padding: 40px;
	text-align: center;
}

.cs-cta-section h1,
.cs-cta-section h2,
.cs-cta-section h3,
.cs-cta-section h4 {
	font-weight: 700;
	text-align: center;
}

.cs-cta-section .wp-block-buttons {
	justify-content: center;
}

/* ── Hero: primary-colour stat headings ──────────────────────────── */

.cs-hero-stats-inner h1,
.cs-hero-stats-inner h2,
.cs-hero-stats-inner h3,
.cs-hero-stats-inner h4,
.cs-hero-stats-inner h5,
.cs-hero-stats-inner h6 {
	color: #00aae5;
	font-weight: 700;
}