/* Theme: Deleu — warm western-luxury look built for Deleu Ranch
   (Collinsville, TX). Palette/fonts matched against the customer's own
   template (css/style.css, bundled with the site zip they sent): near-black
   + deep brown with warm gold/tan accents, Playfair Display for headings,
   Poppins for body text. Bespoke, gated the same way "custom" is -- see
   App\Models\SiteTemplate::BESPOKE_SLUGS. */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --color-primary: #4a3324;      /* brown */
    --color-primary-dark: #211c16; /* near-black */
    --color-accent: #b8894f;       /* gold */
    --color-accent-light: #c9a877; /* tan */
    --color-bg: #f7f1e6;           /* cream */
    --color-bg-alt: #efe6d4;       /* cream-2 */
    --color-text: #2b2620;
    --color-text-muted: #6b6255;
    --color-border: #e4d9c5;
    --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: 'Playfair Display', Georgia, serif;
    --header-align: space-between;
    --radius: 4px;
    --radius-lg: 10px;
    --shadow-md: 0 20px 50px rgba(20,15,8,.18);
}

h1, h2, h3, h4 { letter-spacing: -.01em; }

/* ---------- Header ---------- */

.site-brand span { font-family: var(--font-heading); font-weight: 700; }
.site-nav a { text-transform: uppercase; font-size: .8rem; letter-spacing: .06em; font-weight: 600; }
.site-nav-cta { background: var(--color-primary); color: #fff !important; border-radius: 999px; padding: .5rem 1.1rem !important; }
.site-nav-cta:hover { background: var(--color-primary-dark); }

/* ---------- Hero / hero-compact ---------- */

.hero { background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)); }
.hero-compact { background: var(--color-primary-dark); }
.hero-compact .breadcrumb { color: rgba(247,241,230,.65); justify-content: center; }
.hero-compact .breadcrumb a { color: rgba(247,241,230,.9); }

/* ---------- Buttons ---------- */

.btn-cta { border-radius: 2px; text-transform: uppercase; font-size: .82rem; letter-spacing: .05em; font-weight: 700; }
.btn-cta-ghost { border-radius: 2px; }

/* ---------- Cards / shapes ---------- */

.card-box, .contact-info-card, .contact-form, .team-card, .horse-page-grid, .horse-inquire-box {
    border-radius: var(--radius-lg);
}
.animal-card img, .horse-page-cover, .split-media img { border-radius: var(--radius); }

/* ---------- Eyebrow labels ---------- */

.section-eyebrow { font-family: var(--font-body); }

/* ---------- Filter bar (Our Horses roster) ---------- */

.filter-btn.active { background: var(--color-accent); border-color: var(--color-accent); color: #2b2620; }

/* ---------- Value / process icons ---------- */

.value-icon, .process-step-num { background: var(--color-accent); color: #2b2620; }