/*
Theme Name: EcoPlant Nursery & Landscape Pro
Theme URI: https://greenplantsandnursery.com
Author: EcoPlant Nursery Team
Author URI: https://greenplantsandnursery.com
Description: Production-ready, high-converting WordPress theme built for Plant Nurseries, Commercial Landscaping, Vertical Gardens, and Bulk Sapling Suppliers. Includes dynamic quote cart, custom post types, and responsive Tailwind styling.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecoplant-nursery
Tags: plant-nursery, landscaping, green-wall, vertical-garden, eco-friendly, responsive-layout, custom-menu, featured-images, custom-post-types
*/

/* Core Theme Styles */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --color-primary: #1E5631;
  --color-primary-dark: #153E23;
  --color-accent: #4CAF50;
  --color-accent-light: #81C784;
  --color-bg-light: #F4F9F4;
  --color-text-dark: #2D3436;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: var(--color-text-dark);
  background-color: #FAFAFA;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Explicit Fallback Classes for WordPress Theme */
.bg-[#0F2D19], .nursery-hero-bg {
  background-color: #0F2D19 !important;
  color: #ffffff !important;
}

.bg-[#153E23], .nursery-topbar-bg {
  background-color: #153E23 !important;
  color: #ffffff !important;
}

.bg-[#1E5631], .nursery-green-bg {
  background-color: #1E5631 !important;
  color: #ffffff !important;
}

.bg-[#4CAF50], .nursery-accent-bg {
  background-color: #4CAF50 !important;
  color: #ffffff !important;
}

.text-[#4CAF50], .nursery-accent-text {
  color: #4CAF50 !important;
}

.text-[#1E5631], .nursery-primary-text {
  color: #1E5631 !important;
}

.border-[#4CAF50] {
  border-color: #4CAF50 !important;
}

.border-[#1E5631] {
  border-color: #1E5631 !important;
}

.nursery-card-shadow {
  box-shadow: 0 4px 20px -2px rgba(30, 86, 49, 0.08);
}

.nursery-card-shadow:hover {
  box-shadow: 0 12px 30px -4px rgba(30, 86, 49, 0.16);
}

.glass-nav {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
}