/**
 * SOSYALVADI MOBİL OPTİMİZASYON 2026
 * Touch target, safe-area, responsive iyileştirmeler
 * WCAG 2.5.5: Minimum 44x44px touch target
 * @version 2026.2.26
 */

/* Touch target minimum (WCAG 2.5.5) */
@media (max-width: 768px) {
  .sv-header-nav-link,
  .sv-icon-btn,
  .sv-drawer-link,
  .haber-filter-btn,
  .namaz-btn,
  .sarki-view-btn,
  .sarki-siralama-btn {
    min-height: var(--touch-min, 44px);
    min-width: var(--touch-min, 44px);
    padding: var(--space-2) var(--space-4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  button, [role="button"], .sv-btn {
    min-height: var(--touch-min, 44px);
    padding: var(--space-2) var(--space-4);
  }
}

/* Safe area (iPhone notch, Android gesture bar) */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .sv-footer { padding-bottom: calc(var(--space-8) + env(safe-area-inset-bottom)); }
  .sv-back-to-top { bottom: calc(24px + env(safe-area-inset-bottom)); right: calc(24px + env(safe-area-inset-right)); }
}
@media (max-width: 640px) {
  @supports (padding-bottom: env(safe-area-inset-bottom)) {
    .sv-back-to-top { bottom: calc(16px + env(safe-area-inset-bottom)); right: calc(16px + env(safe-area-inset-right)); }
  }
}

/* Mobil: yatay scroll önleme (overflow) */
html { overflow-x: hidden; }
body { overflow-x: hidden; }