/* ================================================================================================
 * BASELINE — KMA CSS MODULE 01 — GLOBAL SAFETY & BASE RULES
 * ================================================================================================
 *
 * FILE: 01-global.css
 * VERSION: 1.0
 * Last Updated: 2026-03-21
 *
 * SCOPE
 * -----
 * Global document-level elements:
 *   - html
 *   - body
 *
 * PURPOSE
 * -------
 * Provides foundational safety rules for the entire site.
 *
 * PRIMARY OBJECTIVES
 * ------------------
 * 1) Prevent accidental horizontal scrolling caused by:
 *    - oversized elements
 *    - transforms / animations
 *    - mis-sized containers or images
 *
 * 2) Establish a minimal, low-specificity global baseline that:
 *    - does NOT interfere with Elementor styling
 *    - does NOT override component/module-level CSS
 *
 * DESIGN RULES
 * ------------
 * - Keep specificity extremely low (html, body only)
 * - Do NOT introduce layout, spacing, or typography rules here
 * - Do NOT target Elementor classes or components
 * - Do NOT include page-specific or feature-specific styles
 *
 * BASELINE RULE
 * -------------
 * This is a documentation-only BASELINE file.
 * No logic or structural changes have been made.
 *
 * ================================================================================================ */


/* ================================================================================================
 * MODULE 01 — GLOBAL VIEWPORT SAFETY
 * ================================================================================================
 *
 * PURPOSE
 * -------
 * Prevent horizontal overflow across the entire document.
 *
 * WHY THIS EXISTS
 * ---------------
 * In complex Elementor layouts, horizontal overflow can be introduced by:
 *   - transforms (translate, scale)
 *   - negative margins
 *   - 100vw usage inside padded containers
 *   - absolutely positioned elements
 *
 * Applying overflow-x:hidden at the root level ensures:
 *   - no horizontal scrollbars appear
 *   - layout remains visually constrained to viewport width
 *
 * SIDE EFFECTS (INTENTIONAL)
 * --------------------------
 * - Any content that extends beyond the viewport horizontally will be clipped
 * - This is preferred over allowing horizontal scrolling in this design
 * ================================================================================================ */

html,
body {

	/**** Prevent horizontal scrolling across the entire site. ****/
	overflow-x: hidden;

}


/* ================================================================================================
 * END OF MODULE 01
 * ================================================================================================ */