/**
 * Group, column, and Spectra container padding.
 *
 * Astra's block compatibility CSS (inc/dynamic-css/block-editor-compatibility.php)
 * sets padding on direct-child groups, covers, and columns from custom
 * properties that are often 0. Nested groups are also restyled per breakpoint.
 * These selectors are one step more specific, so card padding survives.
 * Inline padding an author sets in the editor still wins, because inline
 * styles beat a stylesheet.
 */

/*
 * Astra applies this variable to direct-child groups, covers, and columns.
 * Pin it to the card token so a zero customizer value cannot collapse them.
 */
.kpp-theme {
	--wp--custom--ast-default-block-top-padding: var(--kpp-card-padding);
	--wp--custom--ast-default-block-right-padding: var(--kpp-card-padding);
	--wp--custom--ast-default-block-bottom-padding: var(--kpp-card-padding);
	--wp--custom--ast-default-block-left-padding: var(--kpp-card-padding);
}

.kpp-theme .entry-content > .wp-block-group.has-background,
.kpp-theme .entry-content > .wp-block-columns.has-background,
.kpp-theme .entry-content .wp-block-group.has-background,
.kpp-theme .entry-content .wp-block-group.is-style-kpp-card,
.kpp-theme .entry-content .wp-block-group.is-style-kpp-panel,
.kpp-theme .entry-content .wp-block-uagb-container,
.kpp-theme .entry-content .spectra-is-root-container.has-background,
.editor-styles-wrapper .wp-block-group.has-background,
.editor-styles-wrapper .is-style-kpp-card,
.editor-styles-wrapper .is-style-kpp-panel {
	padding: var(--kpp-card-padding);
}

.kpp-theme .entry-content > .wp-block-group.alignfull.has-background,
.kpp-theme .entry-content > .wp-block-group.alignfull.is-style-kpp-panel,
.kpp-theme .entry-content > .wp-block-group.alignfull.is-style-kpp-card {
	padding-block: var(--kpp-space-7);
	padding-inline: var(--kpp-gutter);
}

.kpp-theme .is-style-kpp-card,
.editor-styles-wrapper .is-style-kpp-card {
	background: var(--kpp-color-paper);
	border: var(--kpp-border);
}

.kpp-theme .is-style-kpp-panel,
.editor-styles-wrapper .is-style-kpp-panel {
	background: var(--kpp-color-linen);
}