/*
Theme Name: Noah's Story
Description: Host theme for the Noah's Story Charity website, built for the HMG Web Builder. Loads the noahs-story package styles on the front end, provides the global header, footer, news templates and accessibility scaffolding. Compassionate, calm, grief-informed by design.
Author: Hashtag Media Group
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
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: noahs-story
Tags: accessibility-ready, custom-logo, custom-menu, one-column
*/

/*
 * Minimal reset only. All real styling lives in:
 *   - uploads/hmg-builder/noahs-story/tokens.css  (brand variables, enqueued by the theme)
 *   - uploads/hmg-builder/noahs-story/styles.css  (package primitives, enqueued by the theme)
 *   - assets/theme.css                            (header / footer / templates)
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: #ffffff;
	color: #16324f;
	font-family: Lato, system-ui, -apple-system, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

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

a {
	color: #35719f;
	text-decoration: none;
}

a:hover {
	color: #16324f;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Navigation and controls are not prose: they must never underline.
   Contextual links inside body copy keep their decoration (above) so the
   distinction between "a link in a sentence" and "a nav item" stays legible.
   Deliberately scoped - not a global text-decoration reset. */
.ns-header a,
.ns-header a:hover,
.ns-header a:focus,
.ns-nav a,
.ns-nav a:hover,
.ns-drawer a,
.ns-drawer a:hover,
.ns-skip-link,
.ns-skip-link:hover,
.ns-btn,
.ns-btn:hover,
.ns-footer__links a,
.ns-footer__links a:hover,
.ns-footer__legal a,
.ns-footer__legal a:hover,
.ns-footer__brand-link,
.ns-footer__brand-link:hover,
.ns-breadcrumbs a,
.ns-breadcrumbs a:hover,
.ns-card a,
.ns-card a:hover {
	text-decoration: none;
}

:focus-visible {
	outline: 3px solid #35719f;
	outline-offset: 3px;
	border-radius: 4px;
}

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