/*
Theme Name:        MSAI Base
Theme URI:         https://example.com/msai-base
Author:            Tahir Javed
Description:       Parent theme for the Multisite AI Builder stack. Provides the cross-vertical theme shell (header, footer, page, 404), shared runtime helpers like the [link:slug] permalink resolver, and a sensible default fallback for AI-rendered section templates. Each vertical (wp-electrician, wp-studio-for-sale, wp-dryer-repair, ...) is a thin child theme of this one — it ships only what makes it different (style.css, functions.php, ai-builder/templates/*.php, assets/).
Version:           0.1.0
Requires at least: 6.2
Requires PHP:      7.4
Text Domain:       msai-base
Tags:              multisite, ai, parent-theme
*/

/* ---------------------------------------------------------------
   Base reset (intentionally minimal — child themes ship their own
   design system; this just makes WP-injected admin bar etc. behave).
   --------------------------------------------------------------- */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; }
img, svg, video { max-width: 100%; height: auto; display: block; }

/* Screen-reader-only utility (used by header.php skip link). */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* Admin/edit overlays shipped by multisite-ai-builder. */
.msai-section-wrapper { position: relative; }

/* ---------------------------------------------------------------
   Utility classes — small, reusable replacements for the inline
   styles that designer HTML used to carry. The msai-cli markup
   guide (tools/msai-cli/docs/markup-guide.md) tells authors to
   reach for these instead of style="" attributes. Child themes can
   extend or override them in their own stylesheet.
   --------------------------------------------------------------- */
.u-flex { display: flex; }
.u-flex-wrap { flex-wrap: wrap; }
.u-gap-sm { gap: 8px; }
.u-gap-md { gap: 14px; }
.u-gap-lg { gap: 24px; }
.u-pad-md { padding: 24px; }
.u-pad-lg { padding: 40px; }
.u-mt-sm { margin-top: 12px; }
.u-hidden { display: none; visibility: hidden; }

/* Section heading emitted by the compiler's FAQ-group loop
   (replaces the old inline margin/color styles). Child themes set
   the actual color via their own design tokens. */
.msai-faq-group-title { margin-bottom: 24px; }
.msai-faq-group-title--spaced { margin: 40px 0 24px; }