/* custom-fixes.css
   Site geneli mobil taşma + görsel bozulmaları için hızlı düzeltmeler.
   Not: Bu dosya tema güncellense bile güvenli kalacak şekilde minimal tutuldu. */

html, body { overflow-x: hidden; }

img, video, iframe, canvas, svg { max-width: 100%; height: auto; }

/* Kart içi görsellerin taşmaması */
.global-img img,
.box-img img,
.gallery-card .box-img img,
.service-box .box-img img,
.th-blog .blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mobilde bazı grid'ler taşmasın */
@media (max-width: 576px) {
  .container { padding-left: 16px; padding-right: 16px; }
  .breadcumb-title { font-size: 28px; line-height: 1.15; }
  .sec-title { font-size: 28px; line-height: 1.2; }
  .th-pagination ul { flex-wrap: wrap; gap: 8px; justify-content: center; }
  .th-pagination a { margin: 0 !important; }
  .filter-menu button { margin: 6px 6px !important; }
}

/* Form alanlarında taşmayı engelle */
input, select, textarea { max-width: 100%; }

/* iframe/video container varsa */
.video-box iframe { width: 100%; height: auto; aspect-ratio: 16/9; }


/* --- Accessibility helpers --- */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Skip to content link (keyboard users) */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 10px;
  padding: 10px 14px;
  background: #ffffff;
  color: #000000;
  z-index: 999999;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.skip-link:focus,
.skip-link:focus-visible {
  left: 10px;
}

/* Visible focus indicator */
:focus-visible {
  outline: 3px solid #0d6efd;
  outline-offset: 2px;
}


/* --- A11y: better tap targets for icon-only links --- */
.th-social a,
.social-links .icon-group a {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Scroll-to-top is now a button; remove default button styles */
button.scroll-top {
  border: 0;
  background: transparent;
  padding: 0;
}