/* River City Roofing — mobile patches (iPhone 15 Pro etc.) */
@media (max-width: 520px) {
  .site-header__inner { gap: var(--space-2) !important; min-height: 4.5rem !important; flex-wrap: nowrap !important; }
  .brand { flex-shrink: 1 !important; min-width: 0 !important; gap: var(--space-2) !important; }
  .brand svg,
  .brand__mark,
  .brand img { width: 2rem !important; height: 2rem !important; flex-shrink: 0 !important; }
  .brand__text { min-width: 0 !important; }
  .brand__name,
  .brand > span,
  .brand strong { font-size: var(--text-sm, .95rem) !important; line-height: 1.15 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .brand__loc,
  .brand > small { font-size: .6rem !important; letter-spacing: .06em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .header__actions,
  .header-actions,
  .actions { gap: var(--space-1) !important; flex-shrink: 0 !important; }
  .header__actions .icon-btn:not(.nav-toggle),
  .header__actions .theme-toggle { display: none !important; }
  .header__actions .call-btn,
  .header__actions .btn { padding: .55rem .9rem !important; font-size: var(--text-xs, .78rem) !important; white-space: nowrap !important; }
  .icon-btn { width: 2.4rem !important; height: 2.4rem !important; }
  .hero__cta,
  .hero__actions,
  .hero-cta { flex-wrap: wrap !important; gap: var(--space-3) !important; }
  .hero__cta .btn,
  .hero__actions .btn,
  .hero-cta .btn { width: 100% !important; justify-content: center !important; }
}