/*
 * VedicShopping theme — base styles.
 *
 * The Stitch designs were authored against Tailwind v3 with a custom config.
 * For fidelity we load Tailwind via its CDN runtime (registered in
 * functions.php via wp_enqueue_script alongside the tailwind.config below)
 * and keep this stylesheet for theme-only resets + scoped overrides.
 */

@import url("./tailwind-config.css");

:root {
	color-scheme: light;
}

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

html, body { margin: 0; padding: 0; }

body {
	font-family: "Manrope", system-ui, -apple-system, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.material-symbols-outlined {
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

::selection { background: #b9f0b7; color: #002106; }

/* Footer menu items emitted by wp_nav_menu inherit Stitch label-md styling. */
.vedic-footer-menu li a {
	color: rgba(185, 240, 183, 0.8);
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 20px;
	transition: color 0.2s ease;
}
.vedic-footer-menu li a:hover { color: #ffdf9b; }

/* Product grid used in the Stitch category template (no Tailwind classes
   were inlined in the original markup, so we replicate it here). */
.product-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
@media (min-width: 768px) {
	.product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}