/* Home V3 — warm & clean, breeder-not-ecommerce.
   Quicksand headings, soft rounded buttons, muted warm palette, no orange.
   Load AFTER style.css and home-v2.css. */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600&display=swap');

:root {
  --cream: #F7F3EA;          /* warm ivory page */
  --white: #FFFDF8;
  --ink: #3E362C;
  --ink-soft: #75695A;
  --orange: #8A6D4A;         /* accent = warm caramel (JS switcher can change) */
  --orange-dark: #6F5539;
  --orange-soft: #EFE7D9;
  --brown: #5C4C39;
  --green: #76805F;
  --radius: 14px;
  --shadow: 0 3px 16px rgba(62, 54, 44, 0.07);
  --shadow-lg: 0 8px 28px rgba(62, 54, 44, 0.11);
}

h1, h2, h3, h4, .brand span, .section-title, .story h2 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  letter-spacing: 0.01em;
}

nav.main-nav a, .btn, details.faq-item summary { font-family: 'Quicksand', sans-serif; font-weight: 600; }

/* Soft rounded rectangle buttons, quieter */
.btn {
  border-radius: 8px;
  box-shadow: none;
  padding: 13px 26px;
  font-size: 0.98rem;
}

.btn:hover { transform: none; }

.btn.btn-outline { border-width: 1.5px; }

nav.main-nav a { border-radius: 8px; }

nav.main-nav a.active, nav.main-nav a.nav-cta { background: var(--orange); }

/* Kickers & quiet meta text */
.kicker, .meta-caps {
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.8rem;
  color: var(--orange-dark);
}

/* Hero: softer, calmer */
.video-hero { height: 78vh; }

.video-hero::after { background: linear-gradient(180deg, rgba(45,37,27,0.18) 0%, rgba(45,37,27,0.42) 100%); }

.video-hero h1 { font-size: 3rem; font-weight: 600; }

.video-hero p { font-size: 1.15rem; }

/* Quiet reassurance line instead of chips */
.trust-band { background: transparent; padding: 26px 24px 8px; gap: 0; }

.trust-band span {
  background: none;
  color: var(--ink-soft);
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.78rem;
  padding: 0 16px;
}

.trust-band span + span { border-left: 1px solid #D9CFBE; }

/* Cards & sections: softer, less "shop" */
.card { box-shadow: var(--shadow); border: 1px solid #EAE2D3; }

.badge, .badge.soon {
  background: var(--orange-soft);
  color: var(--brown);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.72rem;
  border-radius: 6px;
}

.paw-divider { letter-spacing: 8px; font-size: 1.1rem; color: var(--orange); opacity: 0.7; }

/* Quote band: editorial serif */
.quote-band { background: var(--orange-soft); }

.quote-band blockquote { font-family: Georgia, 'Times New Roman', serif; font-size: 1.4rem; line-height: 1.6; }

.quote-band .who { font-family: 'Quicksand', sans-serif; }

/* Calm CTA band */
.cta-band { background: #4A3E30; }

.cta-band .btn { background: var(--cream); color: #4A3E30; border-radius: 8px; }

/* Footer: deep warm brown */
.site-footer { background: #322A21; }

/* Accent tester bar (temporary — delete this block + the bar in HTML when decided) */
.accent-tester {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  background: var(--white);
  border-bottom: 1px solid #EAE2D3;
  font-size: 0.85rem;
  color: var(--ink-soft);
}

.accent-tester button {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #fff;
  outline: 1px solid #D9CFBE;
  cursor: pointer;
}