/**
 * Digi 2026 Blocks — Frontend Styles
 * Block styles rendered on the front end
 */

/* ── Button styles ── */
.wp-block-button.is-style-digi-brand .wp-block-button__link {
	background: #2051F9;
	color: #FFFFFF;
	border-radius: 9999px;
	border: none;
	font-weight: 500;
	transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.wp-block-button.is-style-digi-brand .wp-block-button__link:hover {
	background: #4471FA;
	box-shadow: 0 0 30px rgba(32, 81, 249, 0.25);
}

.wp-block-button.is-style-digi-outline-light .wp-block-button__link {
	background: transparent;
	color: #FFFFFF;
	border: 1px solid #272A3A;
	border-radius: 9999px;
	transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.wp-block-button.is-style-digi-outline-light .wp-block-button__link:hover {
	border-color: #A1A1AA;
	background: rgba(255, 255, 255, 0.05);
}

.wp-block-button.is-style-digi-accent .wp-block-button__link {
	background: #FAD64A;
	color: #000000;
	border-radius: 9999px;
	border: none;
	font-weight: 500;
	transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.wp-block-button.is-style-digi-accent .wp-block-button__link:hover {
	background: #FDE68A;
	box-shadow: 0 0 20px rgba(250, 214, 74, 0.3);
}

/* ── Group styles ── */
.wp-block-group.is-style-digi-card {
	background: #0E1015;
	border: 1px solid #1E2030;
	border-radius: 16px;
	padding: 2rem;
	transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.wp-block-group.is-style-digi-card:hover {
	border-color: #272A3A;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.wp-block-group.is-style-digi-card-elevated {
	background: #141620;
	border: 1px solid #272A3A;
	border-radius: 16px;
	padding: 2rem;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
	transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.wp-block-group.is-style-digi-card-elevated:hover {
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
	transform: translateY(-2px);
}

.wp-block-group.is-style-digi-glow-blue {
	box-shadow: 0 0 30px rgba(32, 81, 249, 0.15), 0 0 60px rgba(32, 81, 249, 0.05);
}

.wp-block-group.is-style-digi-section-dark {
	background: #0E1015;
	padding: clamp(4rem, 8vw, 8rem) 0;
}

.wp-block-group.is-style-digi-section-brand {
	background: #2051F9;
	padding: clamp(4rem, 8vw, 8rem) 0;
}

/* ── Heading styles ── */
.wp-block-heading.is-style-digi-gradient {
	background: linear-gradient(135deg, #FFFFFF 0%, #A1A1AA 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.wp-block-heading.is-style-digi-brand-color {
	color: #2051F9;
}

/* ── Separator glow ── */
.wp-block-separator.is-style-digi-glow {
	border-color: #2051F9;
	box-shadow: 0 0 10px rgba(32, 81, 249, 0.3);
}

/* ── Image styles ── */
.wp-block-image.is-style-digi-rounded img {
	border-radius: 24px;
}

.wp-block-image.is-style-digi-glow img {
	border-radius: 16px;
	box-shadow: 0 0 30px rgba(32, 81, 249, 0.15);
}

/* ── List checkmark ── */
.wp-block-list.is-style-digi-checkmark li {
	list-style: none;
	padding-left: 0;
	position: relative;
}
.wp-block-list.is-style-digi-checkmark li::before {
	content: '✓';
	color: #2DD4A8;
	font-weight: 600;
	margin-right: 0.5rem;
}

/* ── Columns grid ── */
.wp-block-columns.is-style-digi-grid-equal {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.5rem;
}
.wp-block-columns.is-style-digi-grid-equal > .wp-block-column {
	margin-bottom: 0;
}

.wp-block-columns.is-style-digi-grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}
.wp-block-columns.is-style-digi-grid-3 > .wp-block-column {
	margin-bottom: 0;
}

/* ── Quote brand border ── */
.wp-block-quote.is-style-digi-brand-border {
	border-left: 3px solid #2051F9;
	background: #0E1015;
	padding: 1.5rem 2rem;
	border-radius: 0 8px 8px 0;
}
.wp-block-quote.is-style-digi-brand-border p,
.wp-block-quote.is-style-digi-brand-border cite {
	color: #A1A1AA;
}

/* ── Responsive ── */
@media (max-width: 768px) {
	.wp-block-columns.is-style-digi-grid-3 {
		grid-template-columns: 1fr;
	}
	.wp-block-columns.is-style-digi-grid-equal {
		grid-template-columns: 1fr;
	}
}