/*
Theme Name: Astra Child - Any Time Duct
Template: astra
*/
:root {
  --color-bg: #FFFFFF;
  --color-bg-alt: #F8F6F0;
  --color-black: #1a1a1a;
  --color-gold: #D4AF37;
  --color-gold-dark: #B8960C;
  --color-border: #E8E4DA;
  --color-green: #1B4332;
}
body { font-family: 'Segoe UI', Arial, sans-serif; background: #fff; color: #1a1a1a; }
.site-header { background: #fff !important; border-bottom: 2px solid #D4AF37; }
.ast-site-header-wrap { padding: 0 !important; }
a.ast-primary-nav-link { color: #1a1a1a !important; font-weight: 600; }
a.ast-primary-nav-link:hover { color: #D4AF37 !important; }

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {

  /* Header */
  header { padding: 0 16px !important; }
  .hdr { height: auto !important; padding: 12px 0; flex-wrap: wrap; gap: 10px; }
  .hdr nav { display: none !important; }
  .logo-l1 { font-size: 14px !important; }
  .logo-l2 { font-size: 9px !important; }
  .hdr-phone { padding: 8px 14px !important; font-size: 13px !important; }

  /* Top bar */
  .topbar { font-size: 11px !important; padding: 6px 10px !important; }

  /* Hero section */
  .hero { grid-template-columns: 1fr !important; padding: 40px 16px !important; gap: 30px !important; }
  h1 { font-size: 28px !important; }
  .hero-sub { font-size: 15px !important; }
  .badge { font-size: 10px !important; }
  .form-card { padding: 20px !important; }

  /* Stats */
  .stats { padding: 30px 16px !important; }
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .stat-num { font-size: 32px !important; }

  /* Services grid */
  section { padding: 40px 16px !important; }
  .services-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .svc-card { padding: 20px !important; }

  /* Trust bar */
  .trust-bar { padding: 10px 16px !important; }
  .ti { padding: 6px 12px !important; font-size: 12px !important; }

  /* Fire section */
  .fire-section { padding: 40px 16px !important; }
  .fire-inner { flex-direction: column !important; gap: 20px !important; text-align: center; }
  .fire-num { font-size: 52px !important; }

  /* Process grid */
  .process-grid { grid-template-columns: 1fr 1fr !important; gap: 14px !important; }

  /* Reviews */
  .reviews-grid { grid-template-columns: 1fr !important; }

  /* Why grid */
  .why-grid { grid-template-columns: 1fr !important; }

  /* Areas */
  .areas-grid { grid-template-columns: 1fr !important; }

  /* Final CTA */
  .final-cta { padding: 40px 16px !important; }
  .cta-phone { font-size: 30px !important; }
  .final-cta h2 { font-size: 24px !important; }

  /* Footer */
  footer { padding: 30px 16px !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .footer-bottom { flex-direction: column; gap: 8px; }

  /* CTA buttons */
  .cta-row { flex-direction: column !important; }
  .btn-gold, .btn-black { width: 100%; text-align: center; justify-content: center; }

  /* Section header */
  .section-header h2 { font-size: 24px !important; }

  /* City pages sidebar */
  .content-wrap { grid-template-columns: 1fr !important; }

  /* iFrames (maps) */
  iframe { height: 220px !important; }

  /* Tables */
  table { display: block; overflow-x: auto; }
}

@media (max-width: 480px) {
  h1 { font-size: 24px !important; }
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .process-grid { grid-template-columns: 1fr !important; }
  .hero-cta-row { flex-direction: column !important; }
  .hero-cta-row a { width: 100%; text-align: center; }
  .hdr-phone { font-size: 12px !important; padding: 7px 12px !important; }
}