/* hvac247 - BC Wide Heating & Air Conditioning Branding */
:root {
  --color-primary: #1A56DB;
  --color-primary-dark: #1243AF;
  --color-primary-text: #FFFFFF;
  --color-accent: #F59E0B;
  --color-accent-dark: #D97706;
  --color-accent-text: #1A1A1A;
  --color-bg: #F8FAFC;
  --color-text: #1F2937;
  --color-heading: #111827;
  --color-text-muted: #6B7280;
  --color-link: #1A56DB;
  --color-link-hover: #1243AF;
  --color-border: #E5E7EB;
  --color-hero-bg: #0F172A;
  --color-hero-text: #F8FAFC;
  --color-card-bg: #FFFFFF;
  --color-focus: rgba(26, 86, 219, 0.25);
  --color-trust-bg: #FFFFFF;
  --color-form-bg: #FFFFFF;
  --color-input-bg: #FFFFFF;
  --color-disclosure-bg: #F1F5F9;
  --color-safety-bg: #FFFBEB;
  --color-safety-border: #F59E0B;
  --color-safety-heading: #92400E;
  --font-heading: 'Inter','Segoe UI',system-ui,sans-serif;
  --font-body: 'Inter','Segoe UI',system-ui,sans-serif;
  --nav-bg: #0F172A;
  --color-footer-bg: #0F172A;
  --hero-overlay: linear-gradient(135deg, rgba(15,23,42,0.85), rgba(26,86,219,0.4));
}

/* Header brand elements */
.header-phone { font-size: 1.125rem; }
.logo-text { font-size: 1.5rem; }

/* Hero gradient */
.hero {
  background: linear-gradient(135deg, #0F172A, #1243AF);
}

/* Sticky bar gradient */
.sticky-contact-bar {
  background: linear-gradient(135deg, #1A56DB, #1243AF);
}

/* Hover states */
.card:hover { border-color: #1A56DB; }
.city-list a:hover { background: #1A56DB; border-color: #1A56DB; }
.service-icons a:hover { background: #1A56DB; border-color: #1A56DB; }

/* CTA section */
.cta-section {
  background: linear-gradient(135deg, #1A56DB, #1243AF);
}

/* Nav CTA */
.nav-cta-mobile { background: #1A56DB; }

/* Button accent override for hero secondary CTA */
.btn-accent {
  background: #F59E0B;
  color: #1A1A1A;
  border-color: #F59E0B;
}
.btn-accent:hover {
  background: #D97706;
  border-color: #D97706;
}

/* Parent badge */
.parent-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: #6B7280;
  background: #F1F5F9;
  padding: 0.5rem 1rem;
  border-radius: 100px;
  margin-top: var(--space-lg);
}
.parent-badge a { color: #1A56DB; font-weight: 600; }

/* Review badge emphasis */
.footer-review-badge {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
}
.footer-review-badge strong { color: #F59E0B; }

/* Trust bar accent on mobile */
@media (max-width: 480px) {
  .trust-items { flex-direction: column; align-items: flex-start; gap: var(--space-sm); }
  .hero-ctas .btn { width: 100%; }
  .header-phone span { display: none; }
}

@media (max-width: 768px) {
  .hero-ctas { flex-direction: column; align-items: stretch; }
  .header-inner { flex-wrap: wrap; gap: var(--space-sm); }
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F8FAFC; }
::-webkit-scrollbar-thumb { background: #E5E7EB; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #6B7280; }

/* Selection */
::selection { background: rgba(26, 86, 219, 0.25); }

/* Mobile improvements */
@media (max-width: 768px) {
  .logo-text { font-size: 1.125rem; }
  .header-phone { font-size: 1rem; }
}