/*
 * TO-PET A.Ş. — style.css
 * Mobil düzeltmeler & responsive override'lar
 * PHP 8.3 projesi
 */

/* ── GENEL MOBİL DÜZELTMELER ─────────────────────────────────────────── */

@media (max-width: 1100px) {
  .qband-in { grid-template-columns: repeat(3, 1fr); }
  .qi:nth-child(4), .qi:nth-child(5) { display: none; }
  .g4 { grid-template-columns: repeat(2, 1fr); }
  .foot-cols { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  :root { --nav: 64px; }

  /* Nav */
  .nav-menu, .ntel { display: none !important; }
  .hburg { display: flex !important; }
  .drawer { display: block; }

  /* Grid düzeltmeleri */
  .sh2,
  .ga,
  .con-grid,
  .g2,
  .foot-top,
  .career-grid { grid-template-columns: 1fr !important; }

  .g3 { grid-template-columns: 1fr 1fr; }
  .qband-in { grid-template-columns: 1fr 1fr; }
  .qi:nth-child(5) { display: none; }

  /* İletişim formu */
  #iletisim-form > div > div[style*="grid-template-columns:1fr 1fr"],
  #iletisim-form > div > div[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* Hero */
  .sl-arr { display: none; }
  .sl-title { font-size: clamp(28px, 7vw, 52px) !important; }
  .sl-sub { font-size: 14px !important; }
  .slide { padding: 0 5vw 72px !important; }

  /* Genel */
  .sec { padding: 56px 5vw; }
  .mv-quote { flex-direction: column; gap: 14px; padding: 28px 20px; }
  .mega-in { grid-template-columns: 1fr !important; }

  /* Stat */
  .stat-col { grid-template-columns: 1fr !important; }

  /* GM mesaj */
  .gm-inner { grid-template-columns: 1fr !important; }
  .gm-photo { aspect-ratio: 16/9; max-height: 340px; }
}

@media (max-width: 600px) {
  /* Grid'ler tek sütuna */
  .g3, .g4 { grid-template-columns: 1fr !important; }
  .stat-row { grid-template-columns: 1fr !important; }
  .foot-cols { grid-template-columns: 1fr !important; }
  .foot-bot { flex-direction: column; text-align: center; }
  .qband-in { grid-template-columns: 1fr !important; }
  .frow { grid-template-columns: 1fr !important; }
  .cta-in { flex-direction: column; }
  .refs-band-in { flex-direction: column; gap: 14px; }

  /* İletişim form iç grid */
  .fg + .fg { margin-top: 0; }
  div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* Kariyer kartları */
  .job-card { flex-direction: column; align-items: flex-start; gap: 12px; }
  .job-btn { width: 100%; text-align: center; padding: 11px; }

  /* Başvuru modal */
  .apply-modal-box { padding: 24px 18px !important; margin: 0 12px !important; }

  /* Refs band */
  .refs-lbl { font-size: 9px; }

  /* Footer */
  .foot-about { font-size: 12px; }

  /* Page hero */
  .pg-title { font-size: clamp(26px, 8vw, 48px) !important; }
  .pg-sub { font-size: 13px !important; }
  .pg-hero-in { padding: 40px 5vw 36px !important; }

  /* Acil hat butonu */
  .acil { bottom: 16px; right: 12px; padding: 10px 14px; font-size: 12px; }
  .acil svg { width: 13px; height: 13px; }

  /* Cookie banner */
  #cookie-bar { padding: 14px 5vw; gap: 12px; }
  #cookie-bar p { font-size: 12px; }
}

/* ── FORM MOBİL DÜZELTME ─────────────────────────────────────────────── */

@media (max-width: 680px) {
  /* İletişim formu iç 2-sütun grid'i tek sütuna düşür */
  #iletisim-form [style*="display:grid"],
  #iletisim-form [style*="display: grid"] {
    grid-template-columns: 1fr !important;
  }

  /* Form container padding küçült */
  #iletisim-form > div[style*="padding:36px"],
  #iletisim-form > div[style*="padding: 36px"] {
    padding: 20px !important;
  }
}

/* ── DRAWER (mobil menü) ──────────────────────────────────────────────── */

@media (min-width: 901px) {
  .drawer { display: none !important; }
}

/* ── MEGA MENU MOBİL ─────────────────────────────────────────────────── */

@media (max-width: 900px) {
  .mega { display: none !important; }
}

/* ── QBAND MOBİL ─────────────────────────────────────────────────────── */

@media (max-width: 480px) {
  .qband-in { grid-template-columns: 1fr 1fr !important; }
  .qi { padding: 14px 12px; }
  .qi-lbl { font-size: 10px; }
  .qi-sub { display: none; }
}

/* ── SLIDER MOBİL ─────────────────────────────────────────────────────── */

@media (max-width: 600px) {
  .hero { min-height: 480px; }
  .sl-acts { flex-direction: column; gap: 8px; }
  .btn-sp, .btn-so { width: 100%; text-align: center; justify-content: center; }
  .sdots { bottom: 20px; right: 5vw; }
  .sl-num { display: none; }
}