/* =========================================================
   v2.4.4 — Mobile Functionality Fixes
   ----------------------------------------------------------
   Tagab et hamburger ja kategooriate dropdown töötavad
   mobiilis kõigis brauserites:
   - Korrektsed touch-targetid (≥44×44 px)
   - Eemaldab iOS 300ms tap-delay
   - Tagab z-index'i et kliki ei blokeeri midagi
   - Hamburger nupp on alati nähtav mobiilis
   ========================================================= */

/* Tagab et hamburger nupp on mobiilis ALATI nähtav, isegi kui
   admin-paneeli valik on välja lülitatud. Desktopil endiselt peidetud. */
@media (max-width: 900px) {
  body.vlg-theme .vlg-mobile-toggle.vlg-mobile-toggle-mobile-only {
    display: grid !important;
    place-items: center !important;
  }
}

/* iOS Safari: eemalda 300ms tap-delay */
body.vlg-theme .vlg-mobile-toggle,
body.vlg-theme .vlg-mobile-nav-close,
body.vlg-theme .vlg-mobile-backdrop,
body.vlg-theme .vlg-category-button,
body.vlg-theme .vlg-cat-subtoggle,
body.vlg-theme .vlg-submenu-toggle {
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(242, 138, 0, .18);
}

/* Tagab z-index hierarhia, et kliki ei blokeerita: */
body.vlg-theme .vlg-site-header { z-index: 6400; }
body.vlg-theme .vlg-mobile-toggle { z-index: 6500; position: relative; }
body.vlg-theme .vlg-mobile-backdrop {
  z-index: 7800;
}
body.vlg-theme .vlg-nav.is-open {
  z-index: 8000 !important;
}

/* Mobiilis hamburger nupule visuaalne tap-feedback (vajutamise ajal) */
@media (max-width: 900px) {
  body.vlg-theme .vlg-mobile-toggle:active {
    transform: scale(0.94);
    background: #fff5e8 !important;
    border-color: rgba(242,138,0,.5) !important;
  }

  /* Hoia category button hästi tabatav */
  body.vlg-theme .vlg-category-button {
    min-height: 48px !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
  }
  body.vlg-theme .vlg-category-button:active {
    transform: scale(0.99);
    filter: brightness(1.08);
  }

  /* Subtoggle (^/v) — tagab et nupp on minimaalselt 44×44 ja sõrmega tabatav */
  body.vlg-theme .vlg-cat-subtoggle {
    min-width: 44px !important;
    min-height: 44px !important;
    width: 44px !important;
    height: 44px !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body.vlg-theme .vlg-cat-subtoggle:active {
    background: #fff5e8 !important;
    border-color: rgba(242,138,0,.5) !important;
    transform: scale(0.94);
  }

  /* Tagab et lapse kategooriad on klikitavad — nupule pole pointer-events: none */
  body.vlg-theme .vlg-cat-tree .vlg-cat-row {
    position: relative !important;
    z-index: 1 !important;
  }
  body.vlg-theme .vlg-cat-tree .vlg-cat-row a {
    cursor: pointer !important;
    touch-action: manipulation !important;
  }

  /* Alamkategooria akordion — kui open, ole nähtaval */
  body.vlg-theme .vlg-cat-item.is-sub-open > .vlg-cat-submenu {
    display: grid !important;
  }

  /* Mobile drawer close button — väike X parem-üla nurgas, peab olema klikitav */
  body.vlg-theme .vlg-mobile-nav-close {
    min-width: 44px !important;
    min-height: 44px !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(242,138,0,.18) !important;
  }

  /* Hamburger nupp ise — sõrmega tabatav, kindel z-index */
  body.vlg-theme .vlg-mobile-toggle {
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(242,138,0,.22) !important;
  }
}

/* Desktopil ka — tagab et üks ühine touch-friendly UX */
@media (min-width: 901px) {
  body.vlg-theme .vlg-cat-subtoggle {
    min-width: 36px;
    min-height: 36px;
  }
}

/* Tagab et lehte ei saa kerida kui drawer on lahti (mobile UX standard) */
body.vlg-theme.vlg-menu-open {
  overflow: hidden;
  position: relative;
}

/* Mobile backdrop — kindel klikitav */
body.vlg-theme .vlg-mobile-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(7, 18, 36, .42);
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
body.vlg-theme .vlg-mobile-backdrop[hidden] {
  display: none !important;
}