/* ==========================================================================
   GIBRIN — RESPONSIVE YARDIMCILARI
   Bileşene özel responsive kurallar ilgili dosyada (components.css,
   layout.css) tutulur. Bu dosya yalnızca sayfa geneli responsive
   yardımcı sınıfları ve konteyner/tipografi ince ayarlarını içerir.

   Kırılım noktaları (tüm proje genelinde referans):
     --bp-sm : 480px
     --bp-md : 768px
     --bp-lg : 1024px
     --bp-xl : 1280px
   ========================================================================== */

/* --------------------------------------------------------------------
   Görünürlük yardımcıları
   -------------------------------------------------------------------- */
.u-hide-mobile {
  display: none;
}

.u-hide-desktop {
  display: initial;
}

@media (min-width: 768px) {
  .u-hide-mobile {
    display: initial;
  }

  .u-hide-desktop {
    display: none;
  }
}

/* --------------------------------------------------------------------
   Konteyner iç boşluğu — küçük ekranlarda daralt
   -------------------------------------------------------------------- */
@media (max-width: 480px) {
  :root {
    --container-padding-inline: 1.25rem;
  }
}

/* --------------------------------------------------------------------
   Section boşlukları — küçük ekranlarda kompaktlaştır
   -------------------------------------------------------------------- */
@media (max-width: 768px) {
  .section {
    padding-block: var(--space-8);
  }

  .section--spacious {
    padding-block: var(--space-9);
  }

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

/* --------------------------------------------------------------------
   Footer alt bar — mobilde ortalanmış / dikey akış
   -------------------------------------------------------------------- */
@media (max-width: 480px) {
  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .site-footer__partners {
    justify-content: center;
  }
}

/* --------------------------------------------------------------------
   Yazdırma (print) — header/footer etkileşim öğelerini gizle
   -------------------------------------------------------------------- */
@media print {
  .site-header,
  .nav-drawer,
  .nav-drawer-overlay,
  .lang-switch,
  .skip-link {
    display: none !important;
  }
}