/* ==========================================================================
   base.css — Focus, Typography, Accessibility, WP Block Fixes
   Part of the Romain Recovery theme stylesheet.
   ========================================================================== */

/* ==========================================================================
   1. Focus & Accessibility
   ========================================================================== */

/* Ensure no gap above the first block on the homepage */
main.wp-block-group {
	padding-top: 0 !important;
	margin-top: 0 !important;
	background-color: var(--wp--preset--color--dark);
}

:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
	outline-color: var(--wp--preset--color--accent);
}

:where(.wp-site-blocks *:focus:not(:focus-visible)) {
	outline: none;
}

:where(.wp-site-blocks *:focus-visible) {
	outline-width: 2px;
	outline-style: solid;
	outline-color: var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* ==========================================================================
   2. Typography Enhancements
   ========================================================================== */

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

a {
	transition: color 0.2s ease, opacity 0.2s ease;
}

/* ==========================================================================
   16. Reduced Motion / Accessibility
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.glass-card:hover,
	.service-card:hover,
	.pricing-card:hover,
	.wp-block-button__link:hover,
	.wp-element-button:hover {
		transform: none;
	}
}

/* ==========================================================================
   17. Responsive Adjustments
   ========================================================================== */

/* TODO: Hero responsive — à traiter plus tard */

/* ==========================================================================
   18. Scroll margin for anchor links
   ========================================================================== */

:where([id]) {
	scroll-margin-top: 80px;
}

/* ==========================================================================
   19. WordPress Core Block Fixes
   ========================================================================== */

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

.more-link {
	display: block;
}

:where(pre) {
	overflow-x: auto;
}