/* Custom Brand Colors (from Brand Guide - REVISED) */
:root {
    --bs-primary: #28a745;   /* Natural Green */
    --bs-secondary: #95b8d1; /* Soft Henley Blue - REVISED */
    --bs-success: #ff9900;   /* Affiliate Action Orange (using Bootstrap's success for affiliate CTAs) */
    --bs-dark: #343a40;      /* Dark Text/Heading */
    --bs-body-color: #333333;/* Body Text */
    --bs-light: #f8f9fa;     /* Light Background */
    --bs-border-color: #dee2e6; /* Border/Divider */
}

/* Re-apply Bootstrap variables for custom colors */
.bg-primary { background-color: var(--bs-primary) !important; }
.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-primary:hover { background-color: #218838; border-color: #1e7e34; } /* Darker green on hover */
.text-primary { color: var(--bs-primary) !important; }

.bg-secondary { background-color: var(--bs-secondary) !important; } /* Uses the NEW Henley Blue */
.btn-secondary { background-color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-secondary:hover { background-color: #7b9cb8; border-color: #7291ae; } /* Slightly darker Henley blue on hover */

/* Affiliate Button Styling (using Bootstrap's .btn-success class strategically) */
.btn-success {
    background-color: var(--bs-success); /* Affiliate Action Orange */
    border-color: var(--bs-success);
    color: #fff;
    font-weight: bold;
    border-radius: 50rem; /* Rounded pill shape for inviting CTAs */
    padding: 0.75rem 1.5rem;
}
.btn-success:hover {
    background-color: #e68a00; /* Darker orange on hover */
    border-color: #e68a00;
}

/* Global Typography Adjustments (from Brand Guide) */
body {
    font-family: 'Roboto', sans-serif; /* Primary font for body text */
    color: var(--bs-body-color);
    line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif; /* Heading font for authority */
    color: var(--bs-dark);
}

/* Hero Section Specifics */
.hero-section {
    background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url('/assets/images/hero-background.jpg') no-repeat center center/cover; /* Subtle background image */
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-section h1 {
    color: var(--bs-primary);
}
.hero-section .btn-primary {
    border-radius: 50rem; /* Rounded pill shape */
    padding: 0.75rem 1.5rem;
}

/* --- ACCESSIBILITY IMPROVEMENTS FOR NAVIGATION --- */
/* Ensure Navbar Brand remains white (passes large text contrast) */
.navbar-brand {
    color: #fff !important; /* Keep brand name white for visual identity */
}

/* Increase contrast for navigation links */
.navbar-nav .nav-link {
    color: var(--bs-dark) !important; /* Use dark text for high contrast on green background */
    font-weight: 500; /* Slightly bolder for readability */
}

/* Adjust hover/focus states for accessibility */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: var(--bs-body-color) !important; /* Slightly lighter dark on hover/focus */
    text-decoration: underline; /* Additional visual cue for interaction */
}

/* Increase contrast for the mobile toggler icon */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23343a40' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; /* Dark text color for icon lines */
}
/* --- END ACCESSIBILITY IMPROVEMENTS --- */


/* Card Enhancements for Remedies & Products */
.card {
    border-radius: 8px;
    transition: transform 0.2s ease-in-out;
    border-color: var(--bs-border-color); /* Subtle border from neutral palette */
}
.card:hover {
    transform: translateY(-5px);
}
.card-img-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 180px; /* Fixed height for consistency */
    object-fit: cover;
}
.card-title {
    font-size: 1.3rem;
    margin-bottom: 0.75rem;
}
.btn-outline-primary {
    border-radius: 50rem;
}

/* Newsletter Signup Section */
#newsletter-signup {
    background: var(--bs-secondary); /* Uses the NEW Henley Blue */
}
#newsletter-signup h2, #newsletter-signup p {
    color: #fff;
}
#newsletter-signup .form-control {
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
    padding: 0.75rem 1.25rem;
    border-color: transparent; /* Clean look */
}
#newsletter-signup .btn {
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
    padding: 0.75rem 1.5rem;
    background-color: #fff;
    color: var(--bs-secondary); /* Button text uses the NEW Henley Blue */
    font-weight: bold;
}
#newsletter-signup .btn:hover {
    background-color: var(--bs-light);
}

/* Footer Styling */
footer {
    background-color: var(--bs-dark) !important;
}
footer a {
    color: rgba(255, 255, 255, 0.75) !important;
}
footer a:hover {
    color: #fff !important;
}