/* ============================================================
   SEFA FEN LİSESİ — responsive.css
   Kırılım Noktaları:
   4K   : ≥1600px
   XL   : ≤1399px
   LG   : ≤1199px (tablet yatay / küçük dizüstü)
   MD   : ≤991px  (tablet dikey — mobil menüye geçiş)
   SM   : ≤767px  (büyük telefon)
   XS   : ≤575px  (küçük telefon)
   ============================================================ */

/* ------------------------------------------------------------
   4K VE ÇOK GENİŞ EKRANLAR (≥1600px)
------------------------------------------------------------ */
@media (min-width: 1600px) {
  .container { max-width: 1400px; }
  .sefa-hero__title { font-size: 96px; }
  .sefa-hero__subtitle { font-size: 20px; max-width: 700px; }
  .sefa-h2 { font-size: 52px; }
  .sefa-stat__num { font-size: 72px; }
  body { font-size: 17px; }
}

/* ------------------------------------------------------------
   XL — 1399px VE ALTI
------------------------------------------------------------ */
@media (max-width: 1399.98px) {
  .sefa-hero__title { font-size: clamp(38px, 6.4vw, 74px); }
  .sefa-nav__menu { gap: 26px; }
}

/* ------------------------------------------------------------
   LG — 1199px VE ALTI (küçük dizüstü / tablet yatay)
------------------------------------------------------------ */
@media (max-width: 1199.98px) {
  .sefa-nav__menu { gap: 20px; }
  .sefa-nav__link { font-size: 13.5px; }
  .sefa-facility-grid { grid-template-columns: repeat(4, 1fr); gap: 14px; }
  .sefa-masonry { columns: 2 240px; }
  .sefa-about__badge { padding: 18px 20px; left: -16px; bottom: -16px; }
  .sefa-about__badge-num { font-size: 28px; }
  .sefa-program-card__text { min-height: 116px; }
}

/* ------------------------------------------------------------
   MD — 991px VE ALTI (Mobil menüye geçiş noktası)
------------------------------------------------------------ */
@media (max-width: 991.98px) {
  :root { --space-section: clamp(56px, 10vw, 92px); }

  /* Navigasyon: masaüstü menüsünü gizle, hamburger'ı göster */
  .sefa-nav__menu { display: none; }
  .sefa-nav__toggle { display: flex; }
  .sefa-nav { padding: 16px 0; }
  .sefa-btn--sm.sefa-nav__cta { display: none; }

  .sefa-topbar { padding: 7px 0; font-size: 12px; }
  .sefa-topbar__inner { justify-content: center; gap: 16px; }
  .sefa-topbar__info { gap: 16px; }
  .sefa-topbar__right { display: none; }

  /* Hero */
  .sefa-hero { min-height: 92vh; }
  .sefa-hero__title { max-width: 100%; }
  .sefa-hero__actions .sefa-btn { flex: 1 1 auto; }

  /* Hakkımızda: sıralamayı görsel üstte olacak şekilde tersine çevir */
  .sefa-about .row { flex-direction: column-reverse; }
  .sefa-about__media { margin-bottom: 50px; max-width: 400px; }

  /* Kampüs olanakları: 3 sütun */
  .sefa-facility-grid { grid-template-columns: repeat(3, 1fr); }

  /* Galeri: 2 sütun masonry */
  .sefa-masonry { columns: 2 220px; }

  /* İletişim formu boşluk */
  .sefa-form { padding: 30px 26px; }

  /* İnsan Kaynakları paneli */
  .sefa-ik-panel__inner { padding-top: 44px; }
  .sefa-ik-panel__head { gap: 18px; }

  .sefa-footer { padding-top: 68px; }
  .sefa-footer .row > div { margin-bottom: 10px; }
}

/* ------------------------------------------------------------
   SM — 767px VE ALTI (Büyük telefon)
------------------------------------------------------------ */
@media (max-width: 767.98px) {
  html { scroll-padding-top: 76px; }

  .sefa-topbar { padding: 6px 0; font-size: 11px; }
  .sefa-topbar__inner { gap: 10px 18px; }
  .sefa-topbar__info { gap: 12px 18px; }
  .sefa-topbar__info i { font-size: 10.5px; }
  .sefa-topbar__addr span { max-width: 220px; }

  .sefa-eyebrow { font-size: 11.5px; letter-spacing: 2.5px; }
  .sefa-h2 { font-size: clamp(26px, 6vw, 34px); }
  .sefa-lead { font-size: 17px; }

  .sefa-hero { margin-top: -76px; padding-top: 76px; }

  .sefa-hero__bg-image {
    background-image:
      url('../images/hero-bg.webp'),
      url('../images/hero-bg.jpg');
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
  }
  .sefa-hero__gradient {
    background:
      radial-gradient(ellipse 100% 70% at 50% 100%, rgba(12,12,13,0.95) 15%, transparent 75%),
      linear-gradient(180deg, rgba(12,12,13,0.68) 0%, rgba(12,12,13,0.48) 45%, var(--navy-900) 100%);
  }
  .sefa-hero__title { font-size: clamp(34px, 9vw, 46px); letter-spacing: -1px; }
  .sefa-hero__subtitle { font-size: 15.5px; }
  .sefa-hero__actions { flex-direction: column; width: 100%; }
  .sefa-hero__actions .sefa-btn { width: 100%; }
  .sefa-hero__scroll { display: none; }

  .sefa-value-card { padding: 28px 22px; }
  .sefa-facility-grid { grid-template-columns: repeat(2, 1fr); }
  .sefa-masonry { columns: 1 100%; }

  .sefa-stat__num { font-size: 38px; }
  .sefa-stats { padding: 60px 0; }

  .sefa-cta__actions { flex-direction: column; }
  .sefa-cta__actions .sefa-btn { width: 100%; }

  .sefa-contact-info__item { gap: 14px; }
  .sefa-form { padding: 24px 18px; }

  /* İnsan Kaynakları paneli: başlık ve kapatma butonunu alt alta diz */
  .sefa-ik-panel__inner { padding-top: 36px; }
  .sefa-ik-panel__head { flex-direction: column; gap: 14px; margin-bottom: 22px; padding-bottom: 20px; }
  .sefa-ik-panel__close { align-self: flex-end; margin-top: -46px; }

  .sefa-footer__bottom { flex-direction: column; text-align: center; }
  .sefa-footer__bottom ul { justify-content: center; }

  .sefa-back-top { right: 16px; bottom: 16px; width: 44px; height: 44px; }

  .sefa-life-swiper .swiper-button-prev,
  .sefa-life-swiper .swiper-button-next { display: none; }

  .sefa-lightbox__nav { width: 40px; height: 40px; font-size: 15px; }
  .sefa-lightbox__nav--prev { left: 6px; }
  .sefa-lightbox__nav--next { right: 6px; }
  .sefa-lightbox__close { top: 14px; right: 14px; width: 40px; height: 40px; }
  .sefa-lightbox__counter { bottom: 14px; }
}

/* ------------------------------------------------------------
   XS — 575px VE ALTI (küçük telefon)
------------------------------------------------------------ */
@media (max-width: 575.98px) {
  .sefa-topbar { padding: 6px 0; font-size: 10px; }
  .sefa-topbar__inner { flex-wrap: wrap; justify-content: center; row-gap: 4px; }
  .sefa-topbar__info { flex-wrap: wrap; justify-content: center; gap: 8px 14px; row-gap: 4px; }
  .sefa-topbar__info i { font-size: 9.5px; }
  .sefa-topbar__addr { flex-basis: 100%; justify-content: center; order: 3; }
  .sefa-topbar__addr span { max-width: none; }

  .sefa-nav__brand-text small { display: none; }
  .sefa-nav__logo { width: 36px; height: 36px; }

  .sefa-hero__title { font-size: 30px; }
  .sefa-hero__subtitle { max-width: 100%; }

  .sefa-about__frame { display: none; }
  .sefa-about__badge {
    position: static;
    margin-top: -46px;
    width: fit-content;
    margin-left: auto; margin-right: auto;
  }

  .sefa-value-card__icon { width: 52px; height: 52px; font-size: 20px; }

  .sefa-program-card__text { min-height: 0; }

  .sefa-facility { padding: 22px 10px; }
  .sefa-facility span { font-size: 12px; }

  .sefa-news-card__body { padding: 20px 18px 24px; }

  .sefa-life-card { aspect-ratio: 4/3.6; }

  .sefa-cta { padding: 56px 0; }
  .sefa-cta__text { font-size: 15.5px; }

  .sefa-form { border-radius: var(--radius-md); }

  .sefa-footer { padding-top: 54px; }
  .sefa-footer__bottom ul { flex-direction: column; gap: 8px; }
}

/* ------------------------------------------------------------
   YATAY (LANDSCAPE) TELEFONLAR İÇİN YÜKSEKLİK DÜZELTMESİ
------------------------------------------------------------ */
@media (max-height: 480px) and (orientation: landscape) {
  .sefa-hero { min-height: auto; padding: 140px 0 80px; }
  .sefa-hero__scroll { display: none; }
}

/* ------------------------------------------------------------
   YAZDIRMA (PRINT) STİLLERİ
------------------------------------------------------------ */
@media print {
  .sefa-nav, .sefa-topbar, .sefa-mobile-menu, .sefa-back-top,
  .sefa-loader, .sefa-hero__canvas, .sefa-hero__scroll, .sefa-cta,
  .sefa-lightbox, footer { display: none !important; }
  body { background: #fff; color: #000; }
}