/*
Theme Name:   MegaMart NYC
Theme URI:    https://megamartnycllc.com
Author:       MegaMart NYC
Author URI:   https://megamartnycllc.com
Description:  Custom production theme for MegaMart NYC — wholesale & retail WooCommerce store. Pixel-perfect port of the approved HTML/CSS/JS mockups (homepage + brand directory), rebuilt on real WordPress/WooCommerce data.
Version:      1.5.1
Requires at least: 6.4
Requires PHP: 8.0
Tested up to: 6.6
WC requires at least: 8.0
WC tested up to: 9.0
License:      GPL v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  megamart
*/

/* ==========================================================================
   This file intentionally holds ONLY the WP theme header above, the design
   tokens, and a minimal global reset/typography baseline. Everything else
   (per-section styling) lives in assets/css/*.css, loaded conditionally by
   inc/enqueue.php so pages don't pay for CSS they don't use.
   ========================================================================== */

:root {
	/* Brand colors */
	--mm-r: #CC1B1B;
	--mm-rd: #A01212;
	--mm-rdd: #7A0C0C;
	--mm-gold: #FFD700;

	/* Neutrals */
	--mm-cream: #F5F0E8;
	--mm-cream-2: #EDE8DC;
	--mm-cream-3: #FAF7F2;
	--mm-mg: #D8D0C4;
	--mm-t: #1A1A1A;
	--mm-tm: #6B6257;

	/* Type */
	--mm-fh: 'Barlow Condensed', sans-serif;
	--mm-fb: 'Plus Jakarta Sans', sans-serif;

	/* Layout */
	--mm-hh: 58px; /* sticky header height, used by sticky-offset calc() in component CSS */

	/* Elevation (red-tinted, matches brand rather than generic black shadows) */
	--mm-sh-sm: 0 1px 3px rgba(122, 12, 12, .06), 0 1px 2px rgba(26, 22, 18, .05);
	--mm-sh-md: 0 10px 26px rgba(122, 12, 12, .12), 0 2px 8px rgba(26, 22, 18, .06);
	--mm-sh-lg: 0 20px 48px rgba(122, 12, 12, .16), 0 4px 14px rgba(26, 22, 18, .08);
}

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

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

body {
	margin: 0;
	font-family: var(--mm-fb);
	background: var(--mm-cream);
	color: var(--mm-t);
	overflow-x: hidden;
}

body.mm-scroll-lock {
	overflow: hidden;
}

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

a {
	text-decoration: none;
	color: inherit;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

button,
input,
select,
textarea {
	font-family: inherit;
}

.mm-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 24px;
}

.mm-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.mm-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	background: var(--mm-t);
	color: #fff;
	padding: 12px 20px;
	font-family: var(--mm-fb);
	font-weight: 600;
}

.mm-skip-link:focus {
	left: 12px;
	top: 12px;
}