/* Shared presentation; design values come from theme.json. */
:where(.wp-site-blocks, .editor-styles-wrapper) {
	overflow-wrap: break-word;
}

:where(.wp-site-blocks, .editor-styles-wrapper) :focus-visible {
	outline: 3px solid var(--wp--preset--color--focus);
	outline-offset: 3px;
}

:where(.wp-site-blocks, .editor-styles-wrapper) a {
	text-underline-offset: 0.2em;
}

.graydons-real-deal-main {
	margin-block-start: 0;
	padding-block: var(--wp--preset--spacing--lg);
}

.graydons-real-deal-header,
.graydons-real-deal-footer {
	padding-block: var(--wp--preset--spacing--md);
}

.graydons-real-deal-footer {
	border-block-start: 1px solid var(--wp--preset--color--border);
}

.wp-site-blocks > footer {
	margin-block-start: 0;
}

/* Interaction states retain native block behavior. */
:where(.wp-site-blocks, .editor-styles-wrapper) a:where(:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--accent-hover);
	text-decoration-thickness: 0.14em;
}

:where(.wp-block-button:not(.is-style-outline)) > .wp-block-button__link:is(:hover, :active) {
	background-color: var(--wp--preset--color--accent-hover);
	color: var(--wp--preset--color--on-accent);
}

/* Keep core's responsive switch, visibility, and interaction scripts. */
.graydons-real-deal-navigation {
	min-inline-size: 0;
	max-inline-size: 100%;
	color: var(--wp--preset--color--text);
}

.graydons-real-deal-navigation :where(.wp-block-navigation-item, .wp-block-navigation__container, .wp-block-page-list) {
	min-inline-size: 0;
	max-inline-size: 100%;
}

.graydons-real-deal-navigation .wp-block-navigation-item__content {
	min-inline-size: 0;
	max-inline-size: 100%;
	overflow-wrap: anywhere;
	white-space: normal;
}

.graydons-real-deal-navigation .wp-block-navigation-item__content:is(:hover, :focus-visible, :active, [aria-current="page"]) {
	color: var(--wp--preset--color--accent-hover);
	text-decoration: underline;
}

/* Match core's default-color specificity; no project header selector needed. */
.graydons-real-deal-navigation.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,
.graydons-real-deal-navigation.wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--canvas);
	color: var(--wp--preset--color--text);
}

/* Explicit gutters also work when the root's vertical padding is zero. */
.graydons-real-deal-navigation .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--gutter);
}

.graydons-real-deal-navigation .wp-block-navigation__responsive-container.is-menu-open :where(.wp-block-navigation__responsive-container-content, .wp-block-navigation__container, .wp-block-page-list) {
	inline-size: 100%;
}

/* Override core's 200px minimum and cumulative overlay submenu indentation. */
.graydons-real-deal-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container {
	box-sizing: border-box;
	min-inline-size: 0;
	inline-size: 100%;
	padding-inline: var(--wp--preset--spacing--sm);
}

.graydons-real-deal-navigation.wp-block-navigation .wp-block-navigation__submenu-container {
	border-color: var(--wp--preset--color--border);
}

.graydons-real-deal-navigation :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
	box-sizing: border-box;
	min-inline-size: 44px;
	min-block-size: 44px;
	padding: 10px;
	border-radius: var(--wp--custom--radius--control);
	color: var(--wp--preset--color--text);
}

.graydons-real-deal-navigation :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close):hover {
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--accent-hover);
}

.graydons-real-deal-navigation :is(a, button):focus-visible {
	outline: 3px solid var(--wp--preset--color--focus);
	outline-offset: 3px;
}

/* Native search and comment controls only; downstream forms remain untouched. */
.wp-block-search .wp-block-search__input,
.graydons-real-deal-comments input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.graydons-real-deal-comments textarea {
	box-sizing: border-box;
	max-inline-size: 100%;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--control);
	background-color: var(--wp--preset--color--canvas);
	color: var(--wp--preset--color--text);
	font: inherit;
	padding: 0.75rem;
}

.graydons-real-deal-comments :where(.comment-form-author, .comment-form-email, .comment-form-url) input,
.graydons-real-deal-comments textarea {
	display: block;
	inline-size: 100%;
}

.graydons-real-deal-comments textarea {
	min-block-size: 8rem;
	resize: vertical;
}

:where(.wp-block-search__button, .graydons-real-deal-comments input[type="submit"]) {
	min-block-size: 44px;
}

.graydons-real-deal-comments .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--xs);
}

.graydons-real-deal-comments .comment-form-cookies-consent input[type="checkbox"] {
	flex: 0 0 auto;
}

@media (forced-colors: active) {
	:where(.wp-site-blocks, .editor-styles-wrapper) :focus-visible,
	.graydons-real-deal-navigation :is(a, button):focus-visible {
		outline-color: Highlight;
	}

	.graydons-real-deal-navigation :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
		border: 1px solid ButtonText;
	}

	.graydons-real-deal-navigation.wp-block-navigation .wp-block-navigation__submenu-container {
		border-color: CanvasText;
	}
}
