/** Core Group block style variations. */

:root div :where(.wp-block-group.is-style-rppd-card) {
	background: var(--wp--preset--color--rppd-layout-background, var(--rppd-layout-background, #f9fafd));
	border-color: var(--rppd-sidebar-box-border-color, #e9e9e9);
	border-radius: var(--rppd-sidebar-box-radius, 8px);
	border-style: var(--rppd-sidebar-box-border-style, solid);
	border-width: var(--rppd-sidebar-box-border-width, 1px);
	box-shadow: var(--rppd-sidebar-box-shadow, 0 8px 16px -6px rgba(50, 50, 93, 0.20));
	padding: clamp(1.25rem, 2.5vw, 2rem);
}
:root div :where(.wp-block-group.is-style-rppd-soft-card) {
	background: var(--wp--preset--color--rppd-soft-background, var(--rppd-light-background, #eef2fd));
	border: 1px solid var(--wp--preset--color--rppd-divider, var(--rppd-divider-color, #ededed));
	border-radius: var(--rppd-sidebar-box-radius, 8px);
	padding: clamp(1.25rem, 2.5vw, 2rem);
}
:root div :where(.wp-block-group.is-style-rppd-cta) {
	background: var(--wp--preset--color--rppd-secondary, var(--rppd-secondary-color, #cd0538));
	border-radius: var(--rppd-sidebar-box-radius, 8px);
	color: var(--wp--preset--color--rppd-button-text, var(--rppd-button-text, #fdfdfd));
	padding: clamp(1.5rem, 4vw, 3rem);
}
:root :where(.wp-block-group.is-style-rppd-cta h1),
:root :where(.wp-block-group.is-style-rppd-cta h2),
:root :where(.wp-block-group.is-style-rppd-cta h3),
:root :where(.wp-block-group.is-style-rppd-cta h4),
:root :where(.wp-block-group.is-style-rppd-cta h5),
:root :where(.wp-block-group.is-style-rppd-cta h6) {
	color: inherit;
}
:root .editor-styles-wrapper :where(.wp-block-group.is-style-rppd-card) {
	padding: clamp(1.25rem, 2.5vw, 2rem);
}
:root .editor-styles-wrapper :where(.wp-block-group.is-style-rppd-soft-card) {
	padding: clamp(1.25rem, 2.5vw, 2rem);
}
:root .editor-styles-wrapper :where(.wp-block-group.is-style-rppd-cta) {
	padding: clamp(1.5rem, 4vw, 3rem);
}
:root .editor-styles-wrapper :where(.wp-block-group.is-style-rppd-cta h1),
:root .editor-styles-wrapper :where(.wp-block-group.is-style-rppd-cta h2),
:root .editor-styles-wrapper :where(.wp-block-group.is-style-rppd-cta h3),
:root .editor-styles-wrapper :where(.wp-block-group.is-style-rppd-cta h4),
:root .editor-styles-wrapper :where(.wp-block-group.is-style-rppd-cta h5),
:root .editor-styles-wrapper :where(.wp-block-group.is-style-rppd-cta h6) {
	color: inherit;
}



/** Core Button block style variations. */

:root div :where(.wp-block-button .wp-block-button__link) {
	border-radius: var(--rppd-button-radius, 16px 0px);
	padding: 12px 20px 14px;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
:root div :where(.wp-block-button.is-style-rppd-soft .wp-block-button__link) {
	background: var(--wp--preset--color--rppd-soft-background, var(--rppd-light-background, #eef2fd));
	border: 1px solid var(--wp--preset--color--rppd-accent, var(--rppd-accent-color, #2563eb));
	color: var(--wp--preset--color--rppd-accent, var(--rppd-accent-color, #2563eb));
}
:root div :where(.wp-block-button.is-style-rppd-soft .wp-block-button__link:hover),
:root div :where(.wp-block-button.is-style-rppd-soft .wp-block-button__link:focus-visible) {
	background: var(--wp--preset--color--rppd-accent, var(--rppd-accent-color, #2563eb));
	color: #fff;
	transform: translateY(-2px);
}
:root div :where(.wp-block-button.is-style-rppd-outline .wp-block-button__link) {
	background: transparent;
	border: 1px solid var(--wp--preset--color--rppd-button-background, var(--rppd-button-background, #cd0538));
	color: var(--wp--preset--color--rppd-button-background, var(--rppd-button-background, #cd0538));
	transition: background-color 0.2s ease, color 0.2s ease;
}
:root div :where(.wp-block-button.is-style-ripple .wp-block-button__link) {
	color: var(--rppd-button-text);
	background: var(--rppd-button-background);
}
:root div :where(.wp-block-button.is-style-rppd-outline .wp-block-button__link:hover),
:root div :where(.wp-block-button.is-style-rppd-outline .wp-block-button__link:focus-visible) {
	background: var(--wp--preset--color--rppd-button-background, var(--rppd-button-background, #cd0538));
	color: var(--wp--preset--color--rppd-button-text, var(--rppd-button-text, #fdfdfd));
}
:root div :where(.wp-block-button.is-style-rppd-pill .wp-block-button__link) {
	border-radius: 999px;
	padding-inline: 1.5em;
}
:root div :where(.wp-block-button.is-style-rppd-pill .wp-block-button__link:hover),
:root div :where(.wp-block-button.is-style-rppd-pill .wp-block-button__link:focus-visible) {
	transform: translateY(-2px);
}
:root div :where(.wp-block-button.is-style-rppd-white .wp-block-button__link) {
	background: #fff;
	color: var(--rppd-primary-color);
}
:root div :where(.wp-block-button.is-style-rppd-white .wp-block-button__link:hover),
:root div :where(.wp-block-button.is-style-rppd-white .wp-block-button__link:focus-visible) {
	transform: translateY(-2px);
}
:root div :where(.wp-block-button.is-style-rppd-elevated .wp-block-button__link) {
	box-shadow: 0 8px 18px -8px rgba(18, 18, 18, 0.45);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
:root div :where(.wp-block-button.is-style-rppd-elevated .wp-block-button__link:hover),
:root div :where(.wp-block-button.is-style-rppd-elevated .wp-block-button__link:focus-visible) {
	box-shadow: 0 12px 24px -10px rgba(18, 18, 18, 0.55);
	transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
	:root div :where(.wp-block-button.is-style-rppd-soft .wp-block-button__link),
	:root div :where(.wp-block-button.is-style-rppd-outline .wp-block-button__link),
	:root div :where(.wp-block-button.is-style-rppd-elevated .wp-block-button__link) {
		transition: none;
	}
}

/** Core Heading block style variations. */

:root :where(h1.is-style-rppd-accent-heading),
:root :where(h2.is-style-rppd-accent-heading),
:root :where(h3.is-style-rppd-accent-heading),
:root :where(h4.is-style-rppd-accent-heading),
:root :where(h5.is-style-rppd-accent-heading),
:root :where(h6.is-style-rppd-accent-heading) {
	border-inline-start: 4px solid var(--wp--preset--color--rppd-secondary, var(--rppd-secondary-color, #cd0538));
	padding-inline-start: 0.75rem;
}

/** Core Image block style variations. */

:root :where(.wp-block-image.is-style-rppd-rounded img) {
	border-radius: 24px;
}
:root :where(.wp-block-image.is-style-rppd-framed img) {
	background: var(--wp--preset--color--rppd-layout-background, var(--rppd-layout-background, #f9fafd));
	border: 1px solid var(--wp--preset--color--rppd-divider, var(--rppd-divider-color, #ededed));
	border-radius: 16px;
	padding: 16px;
}


/** Core Latest Posts block style variations. */

:root :where(.wp-block-latest-posts.is-style-rppd-sidebar-list) {
	list-style: none;
	margin: 0;
	padding: 0;
}
:root :where(.wp-block-latest-posts.is-style-rppd-sidebar-list li) {
	border-bottom: 1px solid var(--wp--preset--color--rppd-divider, var(--rppd-divider-color, #ededed));
	margin: 0;
	padding-block: 0.75rem;
}
:root :where(.wp-block-latest-posts.is-style-rppd-sidebar-list li:last-child) {
	border-bottom: 0;
}


/** Core List block style variations. */

:root :where(.wp-block-list.is-style-rppd-accent-list) {
	padding-inline-start: 1.25em;
}
:root :where(.wp-block-list li) {
	margin-block: 0.4em;
}
:root :where(.wp-block-list.is-style-rppd-accent-list li) {
	margin-block: 0.8em;
}
:root :where(.wp-block-list.is-style-rppd-accent-list li::marker) {
	color: var(--wp--preset--color--rppd-secondary, var(--rppd-secondary-color, #cd0538));
}


/** Core Paragraph block style variations. */

:root :where(p.is-style-rppd-lead) {
	font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
	line-height: 1.65;
}

/** Core Quote block style variations. */

:root :where(.wp-block-quote.is-style-rppd-accent) {
	border-inline-start: 4px solid var(--wp--preset--color--rppd-secondary, var(--rppd-secondary-color, #cd0538));
	margin-inline: 0;
	padding: 0.5rem 0 0.5rem 1.5rem;
}
:root :where(.wp-block-quote.is-style-rppd-accent p) {
	font-size: 1.125em;
}
:root :where(.wp-block-quote.is-style-rppd-card-quote) {
	background: var(--wp--preset--color--rppd-layout-background, var(--rppd-layout-background, #f9fafd));
	border: 1px solid var(--wp--preset--color--rppd-divider, var(--rppd-divider-color, #ededed));
	border-radius: var(--rppd-sidebar-box-radius, 8px);
	box-shadow: var(--rppd-sidebar-box-shadow, 0 8px 16px -6px rgba(50, 50, 93, 0.20));
	margin-inline: 0;
	padding: 1.5rem;
}


/** Core Search block style variations. */

:root :where(.wp-block-search.is-style-rppd-boxed) {
	background: var(--wp--preset--color--rppd-layout-background, var(--rppd-layout-background, #f9fafd));
	border: 1px solid var(--wp--preset--color--rppd-divider, var(--rppd-divider-color, #ededed));
	border-radius: var(--rppd-sidebar-box-radius, 8px);
	padding: 1rem;
}
:root :where(.wp-block-search.is-style-rppd-boxed .wp-block-search__input) {
	border-color: var(--wp--preset--color--rppd-divider, var(--rppd-divider-color, #ededed));
}
:root :where(.wp-block-search.is-style-rppd-boxed .wp-block-search__button) {
	background: var(--wp--preset--color--rppd-button-background, var(--rppd-button-background, #cd0538));
	color: var(--wp--preset--color--rppd-button-text, var(--rppd-button-text, #fdfdfd));
}


/** Core Separator block style variations. */

:root :where(.wp-block-separator.is-style-rppd-accent) {
	border-color: var(--wp--preset--color--rppd-secondary, var(--rppd-secondary-color, #cd0538));
	border-width: 0 0 3px;
	border-style: solid;
	max-width: 80px;
}
:root :where(.wp-block-separator.is-style-rppd-soft) {
	border-color: var(--rppd-sidebar-box-border-color);
	border-width: 0 0 2px;
	border-style: solid;
	width: 100%;
	max-width: 100%;
}
