/*
Theme Name: HorseCare Theme
Theme URI: https://horsecarefinder.com/
Author: HorseCare Team
Author URI: https://horsecarefinder.com/
Description: Premium equine services directory with full Gutenberg editing capabilities. Find vets, farriers, boarding, feed, trainers, and more.
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: horsecare
Domain Path: /languages
Tags: blog, news, two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
*/

/* ============================================================
   BRAND COLOR PALETTE - From Design Handoff
   ============================================================ */
:root {
    /* Primary Colors */
    --color-forest: #1B2B1F;
    --color-teal: #2A7A6F;
    --color-sage: #8FAF8A;
    --color-amber: #D4832A;
    --color-slate: #F5F4F0;
    --color-gray-600: #4B5563;
    --color-gray-800: #1F2937;
    
    /* Category Colors - 16 Categories */
    --color-cat-vets: #2563EB;
    --color-cat-farriers: #7C3AED;
    --color-cat-boarding: #2A7A6F;
    --color-cat-trainers: #D97706;
    --color-cat-feed: #16A34A;
    --color-cat-dentists: #DB2777;
    --color-cat-chiro: #0891B2;
    --color-cat-transport: #EA580C;
    --color-cat-lessons: #9333EA;
    --color-cat-tack: #65A30D;
    --color-cat-insurance: #1D4ED8;
    --color-cat-photo: #BE185D;
    --color-cat-massage: #14B8A6;
    --color-cat-hoof: #6B7280;
    --color-cat-breeding: #F43F5E;
    --color-cat-rehab: #4F46E5;
}

/* Base Styles */
body {
    background-color: var(--color-slate);
    color: var(--color-forest);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* Theme Color Classes */
.text-forest { color: var(--color-forest); }
.bg-forest { background-color: var(--color-forest); }
.border-forest { border-color: var(--color-forest); }

.text-teal { color: var(--color-teal); }
.bg-teal { background-color: var(--color-teal); }
.border-teal { border-color: var(--color-teal); }

.text-sage { color: var(--color-sage); }
.bg-sage { background-color: var(--color-sage); }
.border-sage { border-color: var(--color-sage); }

.text-amber { color: var(--color-amber); }
.bg-amber { background-color: var(--color-amber); }
.border-amber { border-color: var(--color-amber); }

/* Category Color Classes */
.text-cat-vets { color: var(--color-cat-vets); }
.bg-cat-vets { background-color: var(--color-cat-vets); }
.text-cat-farriers { color: var(--color-cat-farriers); }
.bg-cat-farriers { background-color: var(--color-cat-farriers); }
.text-cat-boarding { color: var(--color-cat-boarding); }
.bg-cat-boarding { background-color: var(--color-cat-boarding); }
.text-cat-trainers { color: var(--color-cat-trainers); }
.bg-cat-trainers { background-color: var(--color-cat-trainers); }
.text-cat-feed { color: var(--color-cat-feed); }
.bg-cat-feed { background-color: var(--color-cat-feed); }
.text-cat-dentists { color: var(--color-cat-dentists); }
.bg-cat-dentists { background-color: var(--color-cat-dentists); }
.text-cat-chiro { color: var(--color-cat-chiro); }
.bg-cat-chiro { background-color: var(--color-cat-chiro); }
.text-cat-transport { color: var(--color-cat-transport); }
.bg-cat-transport { background-color: var(--color-cat-transport); }
.text-cat-lessons { color: var(--color-cat-lessons); }
.bg-cat-lessons { background-color: var(--color-cat-lessons); }
.text-cat-tack { color: var(--color-cat-tack); }
.bg-cat-tack { background-color: var(--color-cat-tack); }
.text-cat-insurance { color: var(--color-cat-insurance); }
.bg-cat-insurance { background-color: var(--color-cat-insurance); }
.text-cat-photo { color: var(--color-cat-photo); }
.bg-cat-photo { background-color: var(--color-cat-photo); }
.text-cat-massage { color: var(--color-cat-massage); }
.bg-cat-massage { background-color: var(--color-cat-massage); }
.text-cat-hoof { color: var(--color-cat-hoof); }
.bg-cat-hoof { background-color: var(--color-cat-hoof); }
.text-cat-breeding { color: var(--color-cat-breeding); }
.bg-cat-breeding { background-color: var(--color-cat-breeding); }
.text-cat-rehab { color: var(--color-cat-rehab); }
.bg-cat-rehab { background-color: var(--color-cat-rehab); }

/* Utility Classes */
.container-comfort {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .container-comfort {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .container-comfort {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* WordPress Required Styles */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.wp-caption {
    max-width: 100%;
    padding: 0.5em;
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
}

.wp-caption-text {
    font-size: 0.8em;
    text-align: center;
    margin: 0.5em 0 0;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Card Styles */
.provider-card {
    transition: all 0.3s ease;
}
.provider-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);
}

/* Button Styles */
.btn-primary {
    background-color: var(--color-teal);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 700;
    transition: all 0.3s ease;
}
.btn-primary:hover {
    background-color: #22635B;
}

.btn-secondary {
    border: 2px solid var(--color-teal);
    color: var(--color-teal);
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 700;
    transition: all 0.3s ease;
}
.btn-secondary:hover {
    background-color: var(--color-teal);
    color: white;
}