/**
 * Bright marketing sections — layout via classes (not block inline spacing).
 */

/* --- Section shell --- */
.bright-section.alignfull,
.editor-styles-wrapper .bright-section.alignfull {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--70);
	padding-left: var(--wp--preset--spacing--50);
	padding-right: var(--wp--preset--spacing--50);
}

.bright-section.bright-section-compact,
.editor-styles-wrapper .bright-section.bright-section-compact {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
}

.bright-section.bright-section-cta,
.editor-styles-wrapper .bright-section.bright-section-cta {
	margin-bottom: 0;
}

.bright-section.bright-section-flat,
.editor-styles-wrapper .bright-section.bright-section-flat {
	background-color: var(--wp--preset--color--background);
}

/* --- Heroes --- */
.bright-section.is-style-bright-hero-dark.bright-hero-compact,
.editor-styles-wrapper .bright-section.is-style-bright-hero-dark.bright-hero-compact {
	padding-bottom: var(--wp--preset--spacing--60);
}

.bright-section.is-style-bright-hero-dark.bright-hero-primary,
.editor-styles-wrapper .bright-section.is-style-bright-hero-dark.bright-hero-primary {
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--80);
}

.bright-section.is-style-bright-hero-dark h1 + p,
.editor-styles-wrapper .bright-section.is-style-bright-hero-dark h1 + p {
	margin-top: var(--wp--preset--spacing--40);
}

.bright-section.is-style-bright-hero-dark .alignwide > p.has-muted-color + .wp-block-buttons,
.editor-styles-wrapper .bright-section.is-style-bright-hero-dark .alignwide > p.has-muted-color + .wp-block-buttons {
	margin-top: var(--wp--preset--spacing--40);
}

.bright-section.bright-hero-primary .alignwide > p + .wp-block-buttons,
.editor-styles-wrapper .bright-section.bright-hero-primary .alignwide > p + .wp-block-buttons {
	margin-top: var(--wp--preset--spacing--50);
}

.bright-hero-eyebrow,
.editor-styles-wrapper .bright-hero-eyebrow {
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* --- Section headings + intro copy --- */
.bright-section > .alignwide > h2 + p,
.editor-styles-wrapper .bright-section > .alignwide > h2 + p {
	margin-top: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--50);
}

.bright-section > .alignwide > h2.has-text-align-center + p.has-text-align-center,
.editor-styles-wrapper .bright-section > .alignwide > h2.has-text-align-center + p.has-text-align-center {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--60);
}

/* --- Columns --- */
.bright-section .wp-block-columns,
.editor-styles-wrapper .bright-section .wp-block-columns {
	gap: var(--wp--preset--spacing--50);
}

.bright-section.bright-columns-gap-wide .wp-block-columns,
.bright-section .wp-block-columns.bright-columns-gap-wide,
.editor-styles-wrapper .bright-section.bright-columns-gap-wide .wp-block-columns,
.editor-styles-wrapper .bright-section .wp-block-columns.bright-columns-gap-wide {
	gap: var(--wp--preset--spacing--60);
}

.bright-section .wp-block-columns.bright-columns-spaced,
.editor-styles-wrapper .bright-section .wp-block-columns.bright-columns-spaced {
	margin-top: var(--wp--preset--spacing--60);
}

.bright-section .wp-block-columns.bright-columns-row-gap,
.editor-styles-wrapper .bright-section .wp-block-columns.bright-columns-row-gap {
	margin-top: var(--wp--preset--spacing--50);
}

/* --- Cards --- */
.wp-block-column.is-style-bright-card,
.wp-block-group.is-style-bright-card,
.editor-styles-wrapper .wp-block-column.is-style-bright-card,
.editor-styles-wrapper .wp-block-group.is-style-bright-card {
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	background-color: var(--wp--preset--color--surface);
}

.wp-block-column.is-style-bright-card.bright-card-muted,
.editor-styles-wrapper .wp-block-column.is-style-bright-card.bright-card-muted {
	background-color: var(--wp--preset--color--surface-muted);
}

.is-style-bright-card h3 + p,
.wp-block-column.is-style-bright-card h3 + p,
.editor-styles-wrapper .is-style-bright-card h3 + p,
.editor-styles-wrapper .wp-block-column.is-style-bright-card h3 + p {
	margin-top: var(--wp--preset--spacing--30);
}

/* --- Panels (bordered groups) --- */
.bright-panel,
.editor-styles-wrapper .bright-panel {
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--foreground);
}

.bright-panel.bright-panel-soft,
.editor-styles-wrapper .bright-panel.bright-panel-soft {
	background-color: var(--wp--preset--color--primary-soft);
}

.bright-panel.bright-panel-muted,
.editor-styles-wrapper .bright-panel.bright-panel-muted {
	background-color: var(--wp--preset--color--surface-muted);
}

.bright-panel.bright-panel-bg,
.editor-styles-wrapper .bright-panel.bright-panel-bg {
	background-color: var(--wp--preset--color--background);
}

.bright-section-callout,
.editor-styles-wrapper .bright-section-callout {
	margin-top: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 12px;
	background-color: var(--wp--preset--color--surface);
}

.bright-stack,
.editor-styles-wrapper .bright-stack {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
}

/* --- Contact form sidebar --- */
.bright-contact-aside > p:first-child,
.editor-styles-wrapper .bright-contact-aside > p:first-child {
	margin-bottom: var(--wp--preset--spacing--40);
}

.bright-contact-aside .wp-block-list,
.editor-styles-wrapper .bright-contact-aside .wp-block-list {
	margin-top: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--40);
}

/* --- CTA band copy (presets; style.css handles gradient) --- */
.bright-section.bright-section-cta .wp-block-heading,
.bright-section.bright-section-cta h2,
.editor-styles-wrapper .bright-section.bright-section-cta .wp-block-heading,
.editor-styles-wrapper .bright-section.bright-section-cta h2 {
	color: var(--wp--preset--color--surface-muted);
}

.bright-section.bright-section-cta p,
.editor-styles-wrapper .bright-section.bright-section-cta p {
	color: color-mix(
		in srgb,
		var(--wp--preset--color--surface-muted) 85%,
		var(--wp--preset--color--primary-soft)
	);
}

.bright-step-number,
.editor-styles-wrapper .bright-step-number {
	font-size: 2rem;
	font-weight: 800;
}

.bright-integration-name,
.editor-styles-wrapper .bright-integration-name {
	font-size: 1.125rem;
	font-weight: 700;
}

.bright-quote-text,
.editor-styles-wrapper .bright-quote-text {
	font-style: normal;
	font-weight: 500;
}

/* --- Plan comparison --- */
.bright-plan-tier-label,
.editor-styles-wrapper .bright-plan-tier-label {
	margin-bottom: var(--wp--preset--spacing--20);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.bright-plan-price,
.editor-styles-wrapper .bright-plan-price {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--30);
}

.bright-plan-comparison-cards .wp-block-column.is-style-bright-card .wp-block-list,
.editor-styles-wrapper .bright-plan-comparison-cards .wp-block-column.is-style-bright-card .wp-block-list {
	margin-top: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--40);
}

.bright-plan-comparison-cards .wp-block-column.is-style-bright-card .wp-block-buttons,
.editor-styles-wrapper .bright-plan-comparison-cards .wp-block-column.is-style-bright-card .wp-block-buttons {
	margin-top: auto;
}

.bright-plan-comparison-cards .wp-block-column.is-style-bright-card,
.editor-styles-wrapper .bright-plan-comparison-cards .wp-block-column.is-style-bright-card {
	display: flex;
	flex-direction: column;
}

.bright-plan-card-highlight,
.editor-styles-wrapper .bright-plan-card-highlight {
	border-color: color-mix(in srgb, var(--wp--preset--color--primary) 35%, var(--wp--preset--color--border)) !important;
	box-shadow: 0 16px 40px rgba(37, 99, 235, 0.12) !important;
}

.bright-plan-comparison > .alignwide > h3,
.editor-styles-wrapper .bright-plan-comparison > .alignwide > h3 {
	margin-top: var(--wp--preset--spacing--70);
	margin-bottom: var(--wp--preset--spacing--40);
}

.bright-plan-comparison-table,
.editor-styles-wrapper .bright-plan-comparison-table {
	overflow-x: auto;
	margin-top: 0;
	margin-bottom: 0;
}

.bright-plan-comparison-table table,
.editor-styles-wrapper .bright-plan-comparison-table table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.bright-plan-comparison-table th,
.bright-plan-comparison-table td,
.editor-styles-wrapper .bright-plan-comparison-table th,
.editor-styles-wrapper .bright-plan-comparison-table td {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--border);
	text-align: left;
	vertical-align: top;
}

.bright-plan-comparison-table thead th,
.editor-styles-wrapper .bright-plan-comparison-table thead th {
	background-color: var(--wp--preset--color--surface-muted);
	font-weight: 700;
}

.bright-plan-comparison-table tbody tr:nth-child(even) td,
.editor-styles-wrapper .bright-plan-comparison-table tbody tr:nth-child(even) td {
	background-color: color-mix(in srgb, var(--wp--preset--color--surface-muted) 40%, transparent);
}

.bright-plan-comparison-table td:first-child,
.editor-styles-wrapper .bright-plan-comparison-table td:first-child {
	font-weight: 600;
	width: 22%;
}