/*
Theme Name: farmneed-commerce
Text Domain: farmneed-commerce
Description: Premium lightweight WooCommerce theme for FarmNeed agricultural products and farm tools
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
	overflow-x: clip;
}

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

body {
	max-width: 100%;
	overflow-x: clip;
}

@media (max-width: 1024px) {
	.mobile-bottom-nav {
		position: fixed !important;
		z-index: 2147483000 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		min-height: 64px !important;
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
		padding: 8px 4px calc(7px + env(safe-area-inset-bottom)) !important;
		border-top: 1px solid #dfe8dc !important;
		background: #ffffff !important;
		box-shadow: 0 -8px 25px rgb(3 47 32 / 14%) !important;
	}
	.mobile-bottom-nav a {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 3px !important;
		color: #52645a !important;
		text-decoration: none !important;
		font-size: 11px !important;
		line-height: 1.1 !important;
	}
	.mobile-bottom-nav a:first-child {
		color: #0b5d3b !important;
	}
	.mobile-bottom-nav svg {
		width: 23px !important;
		height: 23px !important;
	}
	.farmneed-footer {
		padding-bottom: 82px !important;
	}
}