/* ================================================================
   مارجان كىنوخانىسى - موبايل ئاساسلىق CSS
   ئاندىروئىد + iOS ماسلىشىشچان، پاكىز لايىھە
   ================================================================ */

/* --- 1. ئاساسلىق تەڭشەك (ئاندىروئىد سىرغىشىغا كاپالەتلىك) --- */
/* مۇھىم: html غا height تەڭشىمەڭ! -webkit-fill-available ئاندىروئىدتا
   html ئېگىزلىكىنى ئېكرانغا چەكلەپ سىرغىشىنى توسۇپ قويىدۇ */
html {
  background: #0a0a0f !important;
  overflow-x: hidden;
  overflow-y: auto;
  touch-action: pan-y;
  -webkit-text-size-adjust: 100%;
}

body {
  background: #0a0a0f !important;
  overflow-x: hidden;
  overflow-y: auto;
  touch-action: pan-y;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}

body.light-theme { background: #f5f5f7 !important; }

/* --- 2. تېما ئۆزگىرىشى --- */
body { transition: background-color 0.3s ease, color 0.3s ease; }

/* --- 3. iOS بىخەتەر رايون --- */
.bottom-nav {
  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
}
.navbar {
  height: calc(56px + env(safe-area-inset-top, 0px)) !important;
  padding-top: env(safe-area-inset-top, 0) !important;
}

/* --- 4. ئۇچۇش تېگىشى (تېز ئىنكاس) --- */
/* manipulation: قوش تېگىش چوڭايتىشنى چەكلەپ، سىرغىشقا تەسىر قىلمايدۇ */
button, a, [role="button"], .filter-tag, .ep-link, .page-btn, .movie-card,
.hero-dot, .bottom-nav-item, .bottom-nav-cta, .glass-card {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* --- 5. كىچىك ئېكران تەڭشەك --- */
@media (max-width: 375px) {
  .navbar-container { padding: 0 8px !important; gap: 4px !important; }
  .search-box input { width: 60px !important; }
  .movie-grid { gap: 8px !important; }
  .section-header { padding: 0 4px !important; }
}

/* --- 6. يانفون توغرا يۆنىلىش --- */
@media (orientation: landscape) and (max-height: 500px) {
  .bottom-nav { display: none !important; }
  .main-content { margin-bottom: 0 !important; padding-bottom: 20px !important; }
}

/* --- 7. ۋىدېيو قويغۇچ --- */
video {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

/* --- 8. موبايل قوراللار --- */
/* GPU قوزغىتىش — پەقەت translateZ، will-change ئىشلەتمەڭ */
.navbar, .bottom-nav, .mobile-nav, .hero-slides {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}