/* ============================================================
   SANİDER — Responsive CSS
   responsive.css | UTF-8 BOM'suz | Mobile-First
   Breakpoints:
     xs : 0 – 479px     (Küçük telefon)
     sm : 480 – 767px   (Büyük telefon / yatay)
     md : 768 – 1023px  (Tablet)
     lg : 1024 – 1279px (Küçük masaüstü)
     xl : 1280px+       (Büyük masaüstü — default)
   ============================================================ */

/* ─────────────────────────────────────────────────────────────
   BÜYÜK MASAÜSTÜ (lg) → 1024px – 1279px
───────────────────────────────────────────────────────────── */
@media (max-width: 1279px) {
  :root {
    --font-size-5xl: 3rem;
    --font-size-4xl: 2.5rem;
    --container-max: 960px;
  }

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

/* ─────────────────────────────────────────────────────────────
   TABLET (md) → 768px – 1023px
───────────────────────────────────────────────────────────── */
@media (max-width: 1023px) {
  :root {
    --font-size-4xl: 2.25rem;
    --font-size-3xl: 2rem;
    --font-size-5xl: 2.75rem;
    --header-height: 72px;
    --section-padding: var(--space-16) 0;
    --container-padding: var(--space-5);
  }

  /* Header */
  .nav { display: none; }
  .header__phone { display: none; }
  .hamburger { display: flex; }

  /* Mobil Menü Aktif */
  .mobile-menu { display: block; }

  /* Grid Ayarlamaları */
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }

  /* Stats Strip */
  .stats-strip__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .stats-strip__item:nth-child(2) { border-right: none; }
  .stats-strip__item:nth-child(3) {
    border-right: 1px solid rgba(255,255,255,0.1);
    border-top: 1px solid rgba(255,255,255,0.1);
  }
  .stats-strip__item:nth-child(4) {
    border-top: 1px solid rgba(255,255,255,0.1);
    border-right: none;
  }

  /* Footer */
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }

  /* Form Row */
  .form-row { grid-template-columns: 1fr; }

  /* Tabs */
  .tab-btn {
    flex: unset;
    padding: var(--space-2) var(--space-4);
  }

  /* Header CTA gizle (sadece hamburger görünür) */
  .header__cta .btn { display: none; }
}

/* ─────────────────────────────────────────────────────────────
   BÜYÜK TELEFON (sm) → 480px – 767px
───────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  :root {
    --font-size-4xl: 2rem;
    --font-size-3xl: 1.75rem;
    --font-size-5xl: 2.25rem;
    --header-height: 64px;
    --section-padding: var(--space-12) 0;
    --container-padding: var(--space-4);
  }

  /* Grid */
  .grid-2,
  .grid-3,
  .grid-4 { grid-template-columns: 1fr; }

  .grid-auto,
  .grid-auto-sm { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }

  /* Section Header */
  .section-header { margin-bottom: var(--space-8); }
  .section-title  { font-size: var(--font-size-2xl); }

  /* Page Hero */
  .page-hero { padding-top: calc(var(--header-height) + var(--space-10)); }
  .page-hero__title { font-size: var(--font-size-3xl); }

  /* Stats Strip */
  .stats-strip__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }
  .stats-strip__item {
    border-right: none !important;
    border-top: none !important;
    padding: var(--space-4);
  }

  /* Card */
  .card { padding: var(--space-5); }

  /* CTA Banner */
  .cta-banner__title { font-size: var(--font-size-2xl); }
  .cta-banner__btns  { flex-direction: column; align-items: center; }

  /* Buttons */
  .btn { width: 100%; justify-content: center; }
  .btn-primary, .btn-outline { width: auto; }

  /* Footer */
  .footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .footer__brand { align-items: center; text-align: center; }
  .footer__desc  { text-align: center; }
  .footer__iso-badge { margin: 0 auto; }

  .footer__col-title::after { margin: 0 auto; left: 50%; transform: translateX(-50%); }
  .footer__col-title { text-align: center; }
  .footer__links { align-items: center; }
  .footer__link::before { display: none; }
  .footer__link:hover { transform: none; }

  .footer__bottom {
    flex-direction: column;
    text-align: center;
    gap: var(--space-3);
  }

  /* Timeline */
  .timeline::before { left: 16px; }
  .timeline__dot { width: 32px; height: 32px; }
  .timeline__dot svg { width: 14px; height: 14px; }

  /* Tabs */
  .tabs__header {
    flex-direction: column;
    gap: var(--space-2);
  }
  .tab-btn { width: 100%; }

  /* Logo Tagline gizle */
  .logo__tagline { display: none; }

  /* Toast */
  .toast {
    left: var(--space-4);
    right: var(--space-4);
    bottom: var(--space-4);
  }

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

  /* Contact Info */
  .contact-info-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

/* ─────────────────────────────────────────────────────────────
   KÜÇÜK TELEFON (xs) → 0 – 479px
───────────────────────────────────────────────────────────── */
@media (max-width: 479px) {
  :root {
    --font-size-3xl: 1.5rem;
    --font-size-2xl: 1.5rem;
    --font-size-4xl: 1.75rem;
    --container-padding: var(--space-4);
    --section-padding: var(--space-10) 0;
  }

  body { font-size: 0.9375rem; }

  /* Stats sayıları küçült */
  .stats-strip__number { font-size: var(--font-size-3xl); }
  .stats-strip__suffix { font-size: var(--font-size-xl); }

  /* Stat Kartı */
  .stat-card__number { font-size: var(--font-size-3xl); }

  /* Hero title */
  .page-hero__title { font-size: var(--font-size-2xl); }

  /* Logo */
  .logo__name { font-size: var(--font-size-base); }
  .logo__icon { width: 36px; height: 36px; }
  .logo__icon svg { width: 20px; height: 20px; }

  /* Sertifika kartı */
  .cert-card { padding: var(--space-6); }
  .cert-card__icon { width: 64px; height: 64px; }
  .cert-card__icon svg { width: 30px; height: 30px; }

  /* Buttons tam genişlik */
  .cta-banner__btns .btn { width: 100%; max-width: 280px; }

  /* Timeline */
  .timeline { gap: var(--space-5); }
  .timeline__gap { gap: var(--space-3); }
}

/* ─────────────────────────────────────────────────────────────
   YÜKSEK ÇÖZÜNÜRLÜK (xl) → 1280px+
───────────────────────────────────────────────────────────── */
@media (min-width: 1280px) {
  .grid-4--xl { grid-template-columns: repeat(4, 1fr); }

  .stats-strip__number { font-size: 3.5rem; }
}

/* ─────────────────────────────────────────────────────────────
   YAZDIRMA
───────────────────────────────────────────────────────────── */
@media print {
  .header,
  .footer,
  .hamburger,
  .mobile-menu,
  .cta-banner,
  .btn { display: none !important; }

  body {
    color: #000;
    background: #fff;
    font-size: 12pt;
  }

  .page-hero {
    background: #0A4D68 !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  a[href]::after {
    content: ' (' attr(href) ')';
    font-size: 10pt;
    color: #666;
  }
}

/* ─────────────────────────────────────────────────────────────
   ERİŞİLEBİLİRLİK: Azaltılmış Hareket
───────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .reveal,
  .reveal-left,
  .reveal-right {
    opacity: 1 !important;
    transform: none !important;
  }

  .animate-float { animation: none !important; }
}

/* ─────────────────────────────────────────────────────────────
   KOYU TEMA DESTEĞI (isteğe bağlı / future-proof)
───────────────────────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
  /* Şu an aktif değil — kurumsal site için light tema tercih edildi */
}