/* =========================================================
   v5.1.71 — Admin section-rail sticky fix
   Rail (vasak navigatsioon) peab jääma paigale skrollimisel.
   Probleem: top:50px oli liiga väike — tabs-pro katab ~142px.
   ========================================================= */

/* CSS muutuja kogu lehele — lihtsam hallata */
.wp-admin .vlg-admin-wrap {
  --vlg-rail-top: 148px; /* 32px admin bar + ~116px tabs = ~148px */
}
.wp-admin.no-admin-bar .vlg-admin-wrap {
  --vlg-rail-top: 116px;
}
@media screen and (max-width: 782px) {
  .wp-admin .vlg-admin-wrap {
    --vlg-rail-top: 162px; /* 46px mobile bar + ~116px tabs */
  }
}

/* Rail — korrektne sticky */
.wp-admin .vlg-admin-wrap .vlg-admin-section-rail {
  position: sticky !important;
  top: var(--vlg-rail-top, 148px) !important;
  max-height: calc(100vh - var(--vlg-rail-top, 148px) - 16px) !important;
  overflow-y: auto !important;
  z-index: 40 !important; /* tabs (z:50) all on top */
  /* scrollbar väike ja diskreetne */
  scrollbar-width: thin;
  scrollbar-color: #e2e8f0 transparent;
}
.wp-admin .vlg-admin-wrap .vlg-admin-section-rail::-webkit-scrollbar {
  width: 4px;
}
.wp-admin .vlg-admin-wrap .vlg-admin-section-rail::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

/* Grid peab rail'i lubama sticky-na töötada:
   align-items:start on oluline — ilma selleta venitab grid
   rail'i täispitkuseks ja sticky ei tööta */
.wp-admin .vlg-admin-wrap .vlg-admin-studio-layout-v2 {
  align-items: start !important;
}

/* Kindlusta et ükski vanem ei blokeeri sticky-t overflow:hidden-ga */
.wp-admin #wpcontent,
.wp-admin #wpbody,
.wp-admin #wpbody-content,
.wp-admin .vlg-admin-wrap,
.wp-admin .vlg-admin-studio-layout-v2 {
  overflow: visible !important;
}
/* Erand: vlg-admin-card võib jääda overflow:hidden-ga — see ei blokeeri */

/* Mobiilil rail on laiuse täis, sticky eemaldatud */
@media (max-width: 1100px) {
  .wp-admin .vlg-admin-wrap .vlg-admin-section-rail {
    position: static !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
}