/*
 * Base — fonts, document defaults, global elements and WordPress-core
 * content classes (alignment, captions). Kept deliberately small.
 */

@font-face {
	font-family: 'Montserrat Light';
	src: url("../../fonts/Montserrat-Light.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url("../../fonts/Montserrat-Regular.otf") format("opentype");
	font-display: swap;
}

html,
body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: var(--font-body);
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	color: var(--color-text);
}

img {
	max-width: 100%;
	height: auto;
}

h2 {
	color: var(--color-heading);
	font-family: var(--font-heading);
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

h2 a {
	color: var(--color-heading);
}

/* Accessibility — visually hidden, still read by assistive tech */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	word-wrap: normal;
}

/* Accessibility — skip link, hidden until focused */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: var(--space-2) var(--space-4);
	background: var(--color-ink);
	color: #fff;
	text-decoration: none;
}

.skip-link:focus {
	left: var(--space-2);
	top: var(--space-2);
}

/* WordPress-core content classes (editor-applied — names preserved) */
.alignright,
img.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft,
img.alignleft { float: left; margin: 0 1em 1em 0; }
.aligncenter,
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.full-width { width: 100%; height: auto; }

/* Admin bar tweaks so the fixed header is reachable while editing */
#wpadminbar {
	min-width: auto !important;
	width: 300px !important;
	left: calc(100% - 300px) !important;
	background-color: transparent !important;
	opacity: 0.4;
}
#wpadminbar:hover { opacity: 1; }
#wpadminbar li {
	float: none !important;
	background-color: black !important;
}
.customize-support { margin-top: -32px; }
.menupop.hover { z-index: 999999 !important; }