/* ============================================
   CUSTOM COLOR SCHEME
   Based on user-provided palette
   ============================================ */

:root {
    /* Primary Brand Colors - Custom Green Palette */
    --brand-primary: #389f0a;
    /* Forest Green - Main brand color */
    --brand-primary-dark: #2d7f08;
    /* Darker forest green for hover states */
    --brand-primary-light: #4ab50c;
    /* Lighter forest green */

    /* Secondary Colors - Bright Lime */
    --brand-secondary: #5ae717;
    /* Bright Lime Green - Accent color */
    --brand-secondary-dark: #48c012;
    /* Darker lime for hover */
    --brand-secondary-light: #75f03a;
    /* Lighter lime */

    /* Accent Colors - Light Mint */
    --brand-accent: #d3ffb3;
    /* Light Mint Green - Soft backgrounds */
    --brand-accent-dark: #b8f090;
    /* Darker mint */
    --brand-accent-light: #e8ffe0;
    /* Very light mint */

    /* Neutrals - Natural Earth Tones */
    --brand-dark: #1a4d05;
    /* Deep green for text */
    --brand-gray: #5a7a4d;
    /* Muted green-gray */
    --brand-light: #f5fff0;
    /* Very light green tint */
    --brand-light-alt: #fafff7;
    /* Almost white with green tint */

    /* Functional Colors */
    --text-primary: #1a4d05;
    --text-secondary: #5a7a4d;
    --bg-light: #FFFFFF;
    --bg-tint: #f5fff0;
}

/* ============================================
   BACKGROUND COLORS
   ============================================ */

/* Primary background - Top bar, key sections - Dark Green */
.bg-primary {
    background: #1a4d05 !important;
    /* Dark green color */
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--brand-primary-dark) !important;
}

/* Light background sections */
.bg-light {
    background: var(--brand-light) !important;
}

/* Secondary background */
.bg-secondary {
    background: var(--brand-accent) !important;
}

/* ============================================
   BUTTONS
   ============================================ */

/* Primary buttons - Main CTAs */
.btn-primary,
.btn.btn-primary {
    background: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(90, 231, 23, 0.3) !important;
}

/* Outline primary buttons */
.btn.btn-primary.btn-outline-primary {
    border: 1px solid var(--brand-primary) !important;
    background: transparent !important;
    color: var(--brand-primary) !important;
}

.btn.btn-primary.btn-outline-primary:hover {
    border: 1px solid var(--brand-secondary) !important;
    background: var(--brand-secondary) !important;
    color: #fff !important;
}

/* Secondary buttons */
.btn-secondary {
    background: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
    color: #fff !important;
}

.btn-secondary:hover {
    background: var(--brand-secondary-dark) !important;
    border-color: var(--brand-secondary-dark) !important;
}

/* ============================================
   NAVIGATION
   ============================================ */

/* Top bar */
.py-1.bg-primary {
    background: var(--brand-primary) !important;
}

/* Main navbar - White background */
.ftco_navbar.bg-dark {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Nav links - Dark text for white background */
.ftco_navbar .navbar-nav .nav-link {
    color: var(--brand-dark) !important;
}

/* Active nav items */
.navbar-nav .nav-item.active .nav-link {
    color: var(--brand-primary) !important;
}

/* Nav link hover */
.navbar-nav .nav-link:hover {
    color: var(--brand-secondary) !important;
}

/* Navbar brand/logo */
.ftco_navbar .navbar-brand {
    color: var(--brand-primary) !important;
}

/* Mobile menu toggle */
.ftco_navbar .navbar-toggler {
    border-color: var(--brand-primary) !important;
}

.ftco_navbar .navbar-toggler .oi {
    color: var(--brand-primary) !important;
}

/* Dropdown items hover */
.dropdown-menu .dropdown-item:hover {
    background-color: var(--brand-accent) !important;
    color: var(--brand-primary) !important;
}

/* ============================================
   LINKS
   ============================================ */

/* Primary links */
a {
    color: var(--brand-primary);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--brand-secondary);
}

/* Footer links */
.ftco-footer a {
    color: var(--brand-gray);
}

.ftco-footer a:hover {
    color: var(--brand-secondary);
}

/* ============================================
   PRODUCT CARDS
   ============================================ */

/* Product pricing */
.product .pricing .price span {
    color: var(--brand-primary) !important;
}

/* Sale price */
.product .pricing .price .price-sale {
    color: var(--brand-secondary) !important;
}

/* Product status badge */
.product .status {
    background: var(--brand-secondary) !important;
    color: #fff !important;
}

/* Add to cart button hover */
.product .buy-now:hover {
    background: var(--brand-secondary) !important;
    color: #fff !important;
}

/* Product card icons hover */
.product .add-to-cart:hover,
.product .heart:hover {
    background: var(--brand-primary) !important;
    color: #fff !important;
}

/* Product card hover effect */
.product:hover {
    box-shadow: 0 10px 30px rgba(56, 159, 10, 0.15) !important;
    transition: box-shadow 0.3s ease;
}

/* ============================================
   HEADINGS & TEXT
   ============================================ */

/* Main headings */
h1,
h2,
h3,
h4,
h5,
h6,
.heading-section h2,
.ftco-heading-2 {
    color: var(--brand-dark);
}

/* Subheadings */
.subheading {
    color: var(--brand-secondary) !important;
}

/* ============================================
   FORMS
   ============================================ */

/* Form focus states */
.form-control:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(56, 159, 10, 0.25) !important;
}

/* Subscribe button */
.subscribe-form .submit {
    background: var(--brand-primary) !important;
    color: #fff !important;
}

.subscribe-form .submit:hover {
    background: var(--brand-secondary) !important;
}

/* ============================================
   ICONS & BADGES
   ============================================ */

/* Icon backgrounds */
.icon.bg-color-1 {
    background: var(--brand-accent) !important;
}

.icon.bg-color-2 {
    background: var(--brand-secondary-light) !important;
}

.icon.bg-color-3 {
    background: var(--brand-primary-light) !important;
}

.icon.bg-color-4 {
    background: var(--brand-primary) !important;
}

/* Active icon states */
.icon.bg-color-1.active {
    background: var(--brand-primary) !important;
}

.icon.bg-color-2.active {
    background: var(--brand-secondary) !important;
}

.icon.bg-color-3.active {
    background: var(--brand-primary-light) !important;
}

.icon.bg-color-4.active {
    background: var(--brand-primary-dark) !important;
}

/* ============================================
   CATEGORY FILTERS
   ============================================ */

/* Product category active state */
.product-category li a.active {
    color: var(--brand-primary) !important;
    border-bottom: 2px solid var(--brand-primary) !important;
}

.product-category li a:hover {
    color: var(--brand-secondary) !important;
}

/* ============================================
   CART & CHECKOUT
   ============================================ */

/* Cart total */
.cart-total .price {
    color: var(--brand-primary) !important;
}

/* Checkout button */
.cart-wrap .btn-primary,
.cart-detail .btn-primary {
    background: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

/* ============================================
   HERO SECTION
   ============================================ */

/* Hero buttons */
.hero-wrap .slider-text .btn-primary {
    background: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.hero-wrap .slider-text .btn-primary:hover,
.hero-wrap .slider-text .btn-primary:focus {
    background: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
}

/* Hero overlay gradient */
.hero-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(56, 159, 10, 0.05) 0%, rgba(90, 231, 23, 0.05) 100%);
    pointer-events: none;
}

/* ============================================
   FOOTER
   ============================================ */

/* Footer headings */
.ftco-footer .ftco-heading-2 {
    color: #fff !important;
}

/* Footer buttons */
.ftco-footer .ftco-footer-widget .btn-primary {
    background: var(--brand-primary) !important;
}

.ftco-footer .ftco-footer-widget .btn-primary:hover {
    background: var(--brand-secondary) !important;
}

/* Social icons hover */
.ftco-footer-social li a:hover {
    background: var(--brand-secondary) !important;
    color: #fff !important;
}

/* ============================================
   PAGINATION
   ============================================ */

/* Active page */
.block-27 ul li.active span,
.block-27 ul li.active a {
    background: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.block-27 ul li a:hover {
    background: var(--brand-accent) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
}

/* ============================================
   BREADCRUMBS
   ============================================ */

.breadcrumbs span a {
    color: var(--brand-primary) !important;
}

.breadcrumbs span a:hover {
    color: var(--brand-secondary) !important;
}

/* ============================================
   TESTIMONIALS
   ============================================ */

/* Quote icon */
.testimony-wrap .quote {
    background: var(--brand-primary) !important;
}

/* ============================================
   SERVICES BLOCKS
   ============================================ */

.services .icon.bg-color-1.active {
    background: var(--brand-primary) !important;
}

.services .icon.bg-color-2.active {
    background: var(--brand-secondary) !important;
}

.services .icon.bg-color-3.active {
    background: var(--brand-primary-light) !important;
}

.services .icon.bg-color-4.active {
    background: var(--brand-primary-dark) !important;
}

/* ============================================
   LOADER
   ============================================ */

#ftco-loader .path {
    stroke: var(--brand-primary) !important;
}

/* ============================================
   DEAL OF THE DAY
   ============================================ */

.deal-of-the-day .price a {
    color: var(--brand-secondary) !important;
}

/* ============================================
   HOVER TRANSITIONS
   ============================================ */

/* Smooth transitions for all interactive elements */
a,
button,
.btn,
.nav-link,
.dropdown-item {
    transition: all 0.3s ease;
}

/* ============================================
   CUSTOM ENHANCEMENTS
   ============================================ */

/* Accent highlights */
::selection {
    background: var(--brand-secondary);
    color: #fff;
}

::-moz-selection {
    background: var(--brand-secondary);
    color: #fff;
}

/* Scrollbar styling (for webkit browsers) */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: var(--brand-light);
}

::-webkit-scrollbar-thumb {
    background: var(--brand-primary);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brand-secondary);
}

/* ============================================
   END OF CUSTOM COLOR SCHEME
   ============================================ */