/*
Theme Name: St. Luke's Orlando
Theme URI: https://www.st.lukes.org/
Author: St. Luke's UMC Orlando
Description: A custom block theme for St. Luke's United Methodist Church, Orlando. Replaces the Hello Elementor / Elementor Pro / Crocoblock stack with native block templates and a theme-owned content model.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: st-lukes
Tags: block-theme, church, full-site-editing, accessibility-ready
*/

/* Block styles live in assets/css/. This file exists for the theme header
   and for the handful of rules that must load before anything else. */

:where(html) {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	:where(html) {
		scroll-behavior: auto;
	}
}

/* Skip link — visible only once focused. */
/*
 * WordPress puts the skip link in itself, pointed at the template's <main>
 * (block-template.php, since 7.0). This only dresses it: hidden until it has
 * focus, then a navy tab in the corner. The theme used to print a second one
 * aimed at an id no template had.
 */
#wp-skip-link.skip-link {
	position: absolute;
	top: 0;
	left: -9999px;
	z-index: 100000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0.75rem 1.25rem;
	overflow: visible;
	clip: auto;
	clip-path: none;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: none;
	border-radius: 0 0 var(--wp--custom--radius--sm) 0;
}

#wp-skip-link.skip-link:focus {
	left: 0;
}

/* The content area takes focus from the skip link; a ring round all of it says nothing. */
main[tabindex="-1"]:focus {
	outline: none;
}

/* A single, consistent focus ring everywhere, including inside the editor. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--sky);
	outline-offset: 2px;
	border-radius: var(--wp--custom--radius--sm);
}