/* Aegean Boutique — component layer (loads after critical CSS). */

/* Skip link for accessibility */
.skip-link { position: absolute; left: -9999px; top: 0; background: var(--wp--preset--color--ink); color: #fff; padding: .75rem 1.25rem; z-index: 9999; }
.skip-link:focus { left: 1rem; top: 1rem; }

/* Focus visibility (WCAG) */
:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Header */
.site-header .wp-block-navigation { font-size: .95rem; letter-spacing: .02em; }
.site-header .wp-block-navigation a { text-decoration: none; }
.site-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent-deep); }

/* Smooth section rhythm */
.wp-block-post-content > * + * { margin-top: 1.5rem; }

/* Images: subtle rounding on content images */
.entry-content img, .wp-block-image img { border-radius: 4px; }

/* Buttons global polish */
.wp-element-button, .wp-block-button__link {
	transition: background var(--wp--custom--transition--base), transform .25s ease;
}
.wp-block-button__link:hover { transform: translateY(-1px); }

/* Footer */
.site-footer a { color: #d8d1c7; text-decoration: none; }
.site-footer a:hover { color: #fff; }
.site-footer .wp-block-navigation { gap: .5rem; }

/* Nice pull for headings */
h1, h2 { text-wrap: balance; }
p { text-wrap: pretty; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* Reveal-on-scroll utility (progressive enhancement) */
.aegean-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.aegean-reveal.is-visible { opacity: 1; transform: none; }