/* =========================================================
   Pawsh Equestrian Override Layer
   Romantic / Whimsical / Equestrian palette & typography
   ========================================================= */

:root {
    --eq-soft-blush: #F4D9E6;
    --eq-dusty-rose: #E8B9C9;
    --eq-sage-green: #8A9A7F;
    --eq-cream: #F8F1E9;
    --eq-gold: #C9A87C;
    --eq-dark-brown: #4A3728;
    --eq-black: #2C2C2C;
    --eq-light-pink: #F8DDE9;
    --eq-green-foliage: #A3B38A;

    --eq-font-script: 'Great Vibes', 'Alex Brush', cursive;
    --eq-font-heading: 'Playfair Display', 'Lora', Georgia, serif;
    --eq-font-body: 'Montserrat', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
    background-color: var(--eq-cream) !important;
    color: var(--eq-black) !important;
    font-family: var(--eq-font-body) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--eq-dark-brown) !important;
    font-family: var(--eq-font-heading) !important;
}

.banner-title, .page-title, .sub-title, .section-title h2, .hero-title {
    font-family: var(--eq-font-script) !important;
    color: var(--eq-dusty-rose) !important;
}

a {
    color: var(--eq-sage-green) !important;
}
a:hover {
    color: var(--eq-dark-brown) !important;
}

.default-btn, .theme-btn, .submit-btn, .btn {
    background-color: var(--eq-sage-green) !important;
    border-color: var(--eq-sage-green) !important;
    color: #fff !important;
    border-radius: 50px !important;
}
.default-btn:hover, .theme-btn:hover, .submit-btn:hover, .btn:hover {
    background-color: var(--eq-dark-brown) !important;
    border-color: var(--eq-dark-brown) !important;
    color: #fff !important;
}

.navbar-area {
    background-color: var(--eq-cream) !important;
    border-bottom: 2px solid var(--eq-dusty-rose) !important;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    color: var(--eq-dark-brown) !important;
    font-family: var(--eq-font-heading) !important;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.active a {
    color: var(--eq-sage-green) !important;
}

.footer-area {
    background-color: var(--eq-dark-brown) !important;
    color: var(--eq-cream) !important;
}
.footer-area a {
    color: var(--eq-soft-blush) !important;
}
.footer-area a:hover {
    color: var(--eq-gold) !important;
}

/* Cards and boxes */
.service-item, .pricing-item, .blog-item, .team-item, .contact-form-box {
    background-color: #fff !important;
    border: 2px solid var(--eq-dusty-rose) !important;
    border-radius: 24px !important;
}

/* Form inputs */
input, textarea, select {
    border: 2px solid var(--eq-dusty-rose) !important;
    border-radius: 8px !important;
}
input:focus, textarea:focus, select:focus {
    border-color: var(--eq-sage-green) !important;
}

/* Decorative dividers */
hr, .section-divider {
    background: linear-gradient(90deg, transparent, var(--eq-dusty-rose), transparent) !important;
}