/* ============================================
   Tamiranem - Responsive Breakpoints
   Mobile-first responsive design
   ============================================ */

/* === TABLET (max-width: 1024px) === */
@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr; text-align: center; gap: var(--space-12); }
  .hero-actions { justify-content: center; }
  .hero-stats { justify-content: center; }
  .hero-visual { max-width: 520px; margin: 0 auto; }
  .hero-badge { justify-content: center; }

  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-8); }

  .trust-stats { grid-template-columns: repeat(2, 1fr); }

  .article-wrapper { grid-template-columns: 1fr; }
  .article-sidebar { position: static; }

  .pillar-layout { grid-template-columns: 1fr; }
  .pillar-sidebar { position: static; }

  .nav-menu { display: none; }
  .hamburger { display: flex; }
  .btn-nav.desktop-only { display: none; }
}

/* === MOBILE LARGE (max-width: 768px) === */
@media (max-width: 768px) {
  html { font-size: 15px; }

  section { padding: var(--space-16) 0; }

  .container, .container-narrow, .container-wide {
    padding: 0 var(--space-4);
  }

  h1 { font-size: clamp(1.75rem, 7vw, 2.5rem); }
  h2 { font-size: clamp(1.375rem, 5vw, 2rem); }

  .hero { min-height: auto; padding: 110px 0 60px; }
  .hero-title { font-size: clamp(1.875rem, 7vw, 3rem); }
  .hero-stats { flex-wrap: wrap; gap: var(--space-6); }
  .hero-floating { display: none; }

  .grid-2 { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: 1fr; }

  .form-row { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .footer-bottom { flex-direction: column; text-align: center; }
  .footer-bottom-links { justify-content: center; }

  .trust-stats { grid-template-columns: 1fr 1fr; gap: var(--space-4); }

  .section-header { margin-bottom: var(--space-10); }

  .author-card { flex-direction: column; align-items: center; text-align: center; }
  .author-socials { justify-content: center; }
  .author-meta { justify-content: center; }

  .content-info-bar { flex-direction: column; gap: var(--space-3); align-items: flex-start; }

  .cookie-banner { left: var(--space-3); right: var(--space-3); max-width: none; width: auto; bottom: var(--space-3); }
  .cookie-actions { flex-direction: column; }
  .cookie-actions .btn { width: 100%; }

  .article-header { margin-bottom: var(--space-6); padding-bottom: var(--space-6); }
  .article-meta { gap: var(--space-3); }

  .map-container { height: 280px; }

  .rating-display { flex-direction: column; text-align: center; }

  .card { padding: var(--space-6); }
  .service-card { padding: var(--space-6); }

  .highlight-box { padding: var(--space-6); }

  .page-hero { padding: 110px 0 60px; }
  .pillar-header { padding: 120px 0 60px; }

  .breadcrumb { font-size: var(--text-xs); }

  .qa-list { grid-template-columns: 1fr; }

  .article-share { gap: var(--space-2); }
}

/* === MOBILE SMALL (max-width: 480px) === */
@media (max-width: 480px) {
  html { font-size: 14px; }

  .hero { padding: 100px 0 50px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; }

  .trust-stats { grid-template-columns: 1fr; }
  .trust-stat-card { padding: var(--space-6); }

  .hero-stats { flex-direction: column; gap: var(--space-4); }

  .btn-lg { padding: var(--space-3) var(--space-6); font-size: var(--text-base); }

  .section-header { margin-bottom: var(--space-8); }

  .footer-socials { flex-wrap: wrap; }

  .verification-badges { flex-direction: column; }

  .blog-card-meta { flex-direction: column; align-items: flex-start; gap: var(--space-1); }

  .districts { gap: var(--space-1); }

  table { font-size: var(--text-sm); }
  th, td { padding: var(--space-2) var(--space-3); }
}

/* === PRINT === */
@media print {
  body { background: white; color: black; font-size: 12pt; }
  .navbar, .hamburger, .mobile-menu, .cookie-banner,
  .reading-progress, .skip-to-content, footer,
  .btn, .hero-particles, .article-share { display: none !important; }
  a { color: black; text-decoration: underline; }
  .card, .service-card, .faq-item, .review-card { border: 1px solid #ccc; box-shadow: none; }
  h1, h2, h3, h4, h5, h6, .section-title, .gradient-text, .text-gradient,
  .hero-title, .trust-number, .hero-stat-number, .rating-score, .error-code {
    background: none; -webkit-text-fill-color: black; color: black;
  }
}

/* === REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html { scroll-behavior: auto; }
}

/* === HIGH CONTRAST === */
@media (prefers-contrast: high) {
  :root {
    --color-border: rgba(255,255,255,0.3);
    --color-text-muted: #b0b8cc;
    --color-text-subtle: #8892a4;
  }
}