/* Colours, fonts and dark mode come from the ScareSpots Core tokens (assets/tokens.css). */

/* Visible keyboard focus everywhere. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--focus);
	outline-offset: 2px;
}

/* Minimum touch target. */
.ss-theme-toggle,
.wp-element-button,
.wp-block-navigation-item a,
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	min-height: 44px;
	min-width: 44px;
}

.ss-theme-toggle {
	background: transparent;
	color: var(--wp--preset--color--text);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--ss-radius-m, 12px);
	padding: 0.5rem 0.75rem;
	font: inherit;
	cursor: pointer;
}

.ss-skip-link {
	position: absolute;
	left: -9999px;
}
.ss-skip-link:focus {
	left: 1rem;
	top: 1rem;
	z-index: 100;
	background: var(--wp--preset--color--bg);
	padding: 0.5rem 1rem;
}

@media (prefers-reduced-motion: reduce) {
	* { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.ss-lang ul { list-style: none; display: flex; gap: .25rem; margin: 0; padding: 0; }
.ss-lang a, .ss-lang span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.ss-lang [aria-current] { font-weight: 700; text-decoration: underline; }

/* D2 shell: sticky header with soft edge, display font for the brand, tidy navigation. */
.ss-site-header{position:sticky;top:0;z-index:var(--ss-z-sticky,20);background:color-mix(in srgb,var(--ss-bg) 92%,transparent);backdrop-filter:blur(8px);align-items:center;gap:.75rem}
.admin-bar .ss-site-header{top:32px}
@media (max-width:782px){.admin-bar .ss-site-header{top:46px}}
.ss-site-header .wp-block-site-title{font-family:var(--ss-font-display);font-size:var(--ss-text-xl);font-weight:600}
.ss-site-header .wp-block-site-title a{text-decoration:none;color:var(--ss-text)}
.ss-site-header .wp-block-navigation a{text-decoration:none;border-radius:var(--ss-radius-s);padding-inline:.5rem;display:inline-flex;align-items:center}
.ss-site-header .wp-block-navigation a:hover{text-decoration:underline}
.ss-site-header .wp-block-navigation .current-menu-item>a,.ss-site-header .wp-block-navigation [aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:.3em}
.ss-site-header .ss-lang ul{gap:0}
.ss-theme-toggle:hover{background:var(--ss-sunken)}

/* Profile and event pages use the wide column; running text keeps a readable measure. */
.single-ss_experience .wp-block-post-content>p,.single-ss_event .wp-block-post-content>p{max-width:44rem}
.single-ss_experience .wp-block-post-content>p,.single-ss_event .wp-block-post-content>p{margin-inline:0!important}