/* WEN SPORT v74 — mobil tema katman, genişlik ve erişilebilirlik düzeltmeleri */
@media (max-width: 900px) {
  /* 100vw dikey scrollbar genişliğini de kapsadığı için son menü öğesini kesiyordu. */
  html[data-ui-mode="mobile"] .mobile-bottom-nav,
  html[data-ui-mode="mobile"] .kanban-scroll-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Menü, çekmece veya modal açıkken sayfa kontrolleri aktif katmanın üstüne çıkmamalı. */
  html[data-ui-mode="mobile"] body.mobile-sheet-open #mobileBottomNav,
  html[data-ui-mode="mobile"] body.drawer-open #mobileBottomNav,
  html[data-ui-mode="mobile"] body.modal-open #mobileBottomNav,
  html[data-ui-mode="mobile"] body.mobile-notification-open #wenMobileGlobalSearch,
  html[data-ui-mode="mobile"] body.mobile-sheet-open #wenMobileGlobalSearch,
  html[data-ui-mode="mobile"] body.drawer-open #wenMobileGlobalSearch,
  html[data-ui-mode="mobile"] body.modal-open #wenMobileGlobalSearch {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Mobil alt sayfalar gerçek bir modal katmanı gibi davranır. */
  html[data-ui-mode="mobile"] .mobile-sheet-overlay {
    z-index: 20000 !important;
  }

  html[data-ui-mode="mobile"] .mobile-action-sheet {
    z-index: 20010 !important;
    max-height: calc(var(--wen-mobile-height, 100dvh) - 16px) !important;
    overscroll-behavior-y: contain;
  }

  html[data-ui-mode="mobile"] .mobile-action-sheet > header {
    position: sticky;
    top: 0;
    z-index: 2;
    background: inherit;
  }

  /* Rapor yılı etiketi dar ekranda iki satıra bölünmemeli. */
  html[data-ui-mode="mobile"] .report-year {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
  }

  html[data-ui-mode="mobile"] .report-year label {
    white-space: nowrap !important;
  }

  html[data-ui-mode="mobile"] .report-year .select-input {
    width: 100% !important;
    min-width: 0 !important;
  }
}