/* ==========================================================================
   Lumen Arts Co. — Responsive düzeltmeleri (en son yüklenir)
   Mobil öncelikli yapının üzerine yalnızca gerekli düzeltmeler.
   ========================================================================== */

/* --- Yatay taşma güvenliği -------------------------------------------- */
img, video, svg, canvas, table, pre { max-width: 100%; }

.overflow-guard { max-width: 100%; overflow-x: auto; }

/* Geniş tablolar kendi kutusunda kaysın, sayfa kaymasın */
.table-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* --- ≤ 480px ----------------------------------------------------------- */
@media (max-width: 480px) {
  .hero__actions .btn,
  .cta-panel__actions .btn,
  .error-page__actions .btn { width: 100%; }

  .hero__meta { gap: var(--space-4); }
  .hero__meta > div { flex: 1 1 45%; }

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

  .info-list > div { flex-direction: column; gap: 4px; }
  .info-list dd { text-align: left; }

  .site-footer__bottom { flex-direction: column; align-items: flex-start; }

  .cookie-banner { left: var(--space-3); right: var(--space-3); bottom: var(--space-3); padding: var(--space-4); }
  .cookie-banner__actions .btn { flex: 1 1 auto; }

  .filter-bar { gap: 6px; }
  .filter-chip { padding: 8px 14px; font-size: .82rem; }

  .article-foot { flex-direction: column; align-items: flex-start; }
}

/* --- ≤ 767px : dokunmatik davranışları -------------------------------- */
@media (max-width: 767px) {
  /* Hero videosu mobilde gösterilmez, poster görseli kullanılır */
  .hero__media video { display: none; }
  .hero__media .hero__poster { display: block; }

  /* Parallax ve magnetic mobilde devre dışı */
  .parallax { transform: none !important; }
  .magnetic { transform: none !important; }

  /* Marquee mobilde daha yavaş */
  .marquee { --marquee-duration: 64s; }

  .breadcrumb { font-size: .75rem; }

  .site-footer__slogan { -webkit-text-stroke-width: .75px; }
}

/* Masaüstünde poster gizli, video görünür */
@media (min-width: 768px) {
  .hero__media .hero__poster { display: none; }
  .hero__media--poster-only .hero__poster { display: block; }
}

/* --- Hover yeteneği olmayan cihazlar ----------------------------------- */
@media not all and (hover: hover) {
  /* Hover'a bağlı görsel değişimler kapatılır, içerik her zaman okunur */
  .project-card__overlay { opacity: .3; }
  .service-card::before { opacity: 0 !important; }
}

/* --- 768px – 1023px ---------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {
  .hero__media { aspect-ratio: 16 / 9; }
  .section-head--split { gap: var(--space-6); }
}

/* --- ≥ 1024px ---------------------------------------------------------- */
@media (min-width: 1024px) {
  .hide-desktop { display: none !important; }
}

@media (max-width: 1023px) {
  .hide-mobile { display: none !important; }
}

/* --- ≥ 1440px ---------------------------------------------------------- */
@media (min-width: 1440px) {
  :root { --gutter: 64px; }
}

/* --- ≥ 1920px : satır uzunluğunu koru ---------------------------------- */
@media (min-width: 1920px) {
  :root { --container: 1360px; }
  .hero__text { max-width: 48ch; }
}

/* --- Yazdırma ---------------------------------------------------------- */
@media print {
  .site-header,
  .mobile-menu,
  .cookie-banner,
  .scroll-progress,
  .hero__scroll,
  .site-footer__slogan { display: none !important; }

  body { background: #fff; color: #000; }
  body::before,
  body::after { display: none; }
  a[href]::after { content: " (" attr(href) ")"; font-size: .8em; }
}