/* =============================================================================
   Block Styles
   Custom block style variations for the Codedication theme.
   ============================================================================= */

/* Button Secondary */
.wp-block-button.is-style-secondary .wp-block-button__link {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-secondary .wp-block-button__link:hover {
	background-color: color-mix(in srgb, var(--wp--preset--color--accent) 85%, black);
}

/* Button Outline */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
}

/* Button Ghost */
.wp-block-button.is-style-ghost .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-ghost .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--muted);
}

/* Group Card */
.wp-block-group.is-style-card {
	background-color: var(--wp--preset--color--card);
	color: var(--wp--preset--color--primary);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--border-radius--lg);
	padding: var(--wp--preset--spacing--50);
}
.wp-block-group.is-style-card :is(p, li, span):not([class*="has-"]) {
	color: inherit;
}

/* Group Section Muted */
.wp-block-group.is-style-section-muted {
	background-color: var(--wp--preset--color--muted);
	padding-block: var(--wp--preset--spacing--70);
	padding-inline: var(--wp--preset--spacing--50);
}

/* Group Section Primary */
.wp-block-group.is-style-section-primary {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
	padding-block: var(--wp--preset--spacing--70);
	padding-inline: var(--wp--preset--spacing--50);
}
.wp-block-group.is-style-section-primary :is(h1, h2, h3, h4, h5, h6) {
	color: inherit;
}

/* Image Rounded */
.wp-block-image.is-style-rounded img {
	border-radius: var(--wp--custom--border-radius--lg);
}

/* Heading With Accent */
.wp-block-heading.is-style-with-accent {
	position: relative;
	padding-block-end: 1rem;
}
.wp-block-heading.is-style-with-accent::after {
	content: "";
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 0;
	inline-size: 60px;
	block-size: 4px;
	background-color: var(--wp--preset--color--accent);
}

/* Paragraph Lead */
.wp-block-paragraph.is-style-lead {
	font-size: var(--wp--preset--font-size--large);
	line-height: var(--wp--custom--line-height--relaxed);
	color: var(--wp--preset--color--muted-foreground);
	text-wrap: pretty;
}

/* Header CTA Button (default style) */
.header-cta-wrapper .wp-element-button {
	border-radius: 4px;
	padding: 0.75rem 1.5rem;
}