/* R-07 group-aware sidebar — ADDITIVE ONLY.
   assets/css/kv_nav.css is scoped to #kvNav and the group sidebar keeps that id,
   so the rows, the four levels, the indentation ladder, the #6d4bf0 accent, the
   44px hit targets and the minimize behaviour all arrive from there unchanged.
   This file adds the five things the group sidebar introduces and nothing else:
   the group title, the non-interactive caption, the block separator, the Back
   row and the RADAR button's own spacing. Same scales — spacing 4/8/12/16/24,
   type 11/13/15, one accent, no gradients, every row >= 44px. */

/* THE CURRENT MODULE, named as the first heading of its own block — the row
   directly under the divider that follows the common seven.
   Founder, 2026-10-20, on the Classifieds menu: "after blog it should show
   classified as selected ... as of now its confusion it directly starts with how
   it work." It is louder than an ordinary caption (full ink, a left accent bar in
   the one accent colour, a touch of ground) so the eye lands on it the moment the
   divider ends — but it is still not a control: no href, no hover, not focusable.
   It replaces the old .kvn2-title row, which sat ABOVE the common seven and so
   scrolled out of sight exactly when it was needed. */
#kvNav.kvn2 .kvn2-cap-cur{
  min-height:var(--kvn-row);
  margin:0 0 var(--kvn-2);
  padding-top:var(--kvn-2); padding-bottom:var(--kvn-2);
  font-size:var(--kvn-fs-small); font-weight:700; letter-spacing:.08em;
  color:var(--kvn-ink);
  background:rgba(255,255,255,.04);
  border-radius:8px;
  box-shadow:inset 3px 0 0 var(--kvn-accent);
}

/* A caption above a run of rows ("Marketplace", "StayGo", "Freelancer", and the
   My Account activity headings). Deliberately NOT a <summary> and NOT an <a>:
   the founder's spreadsheet puts these names above their rows, and anything
   clickable there would duplicate a destination that already has its own row. */
#kvNav.kvn2 .kvn2-cap{
  min-height:0; margin-top:var(--kvn-3); margin-bottom:var(--kvn-1);
  padding-top:var(--kvn-1); padding-bottom:var(--kvn-1);
  font-size:var(--kvn-fs-micro); font-weight:700; letter-spacing:.10em;
  text-transform:uppercase; color:var(--kvn-meta);
  background:none; cursor:default; pointer-events:none;
}
#kvNav.kvn2 .kvn2-block > .kvn2-cap:first-child{margin-top:0;}

/* ONE TEXT COLUMN down the whole menu.
   The common seven, the doors and Back all carry an icon, so kv_nav.css gives
   them a 22px icon box plus a 12px gap and their labels start at x=58. A module
   row has no icon — the founder's columns name destinations, not glyphs — so its
   label started at x=24 and the menu read as two ragged columns (measured on
   LOCAL, searchproperty.php: 58 vs 24). The module block is pushed out by
   exactly the icon box + gap so every label in the sidebar shares one left edge.
   12px row padding + 22px icon + 12px gap = 46px. */
#kvNav.kvn2 .kvn2-module > .kvn-row,
#kvNav.kvn2 .kvn2-module > details.kvn-more > .kvn-sum{
  padding-left:calc(var(--kvn-3) + 22px + var(--kvn-3));
}

/* The rule between the common seven, this group's rows and the help rows. It is
   the visual form of the structural promise: what is above and below the line
   is identical in every group, what is between the lines is this group only. */
#kvNav.kvn2 .kvn2-sep{
  height:1px; margin:var(--kvn-3) var(--kvn-3);
  background:rgba(255,255,255,.08);
}

/* Back. Styled as a quieter row than a destination, because it changes the menu
   rather than the page. Its arrow is the only left-pointing icon in the menu. */
#kvNav.kvn2 .kvn2-back{
  color:var(--kvn-meta); font-weight:600; font-size:var(--kvn-fs-small);
}
#kvNav.kvn2 .kvn2-back:hover,
#kvNav.kvn2 .kvn2-back:focus-visible{color:var(--kvn-ink);}
/* While the fragment is in flight the menu is dimmed rather than removed, so
   the sidebar does not collapse and reflow the page under the member's cursor. */
#kvNav.kvn2[aria-busy="true"]{opacity:.55; pointer-events:none;}
#kvNav.kvn2[aria-busy="true"] *{transition:none !important;}

/* RADAR sits in the shell footer; keep the founder's white outline. */
#kt_app_sidebar_footer .kvn2-radar{border:2px solid rgba(255,255,255,.9) !important;}

/* ---------------------------------------------------------------------------
   MOBILE DRAWER FIXES. Copied verbatim in intent from the <style> block in
   incfiles/nav/_nav_view_auth_ia.php, which is where they were verified live in
   a logged-in browser at phone width (2026-09-08). They are repeated here, in a
   file rather than inline, because this view does not include that one: the two
   sidebars share the Metronic shell, so they need the same shell fixes, and the
   R-06 view is left untouched.
     (1) the desktop minimize toggle has no function in the off-canvas drawer and
         rendered as a stray arrow over the lower menu;
     (2) the open drawer is anchored top->bottom (bottom:0, not a calc'd height)
         because 100dvh resolved TOO SHORT in the app WebView and left RADAR
         floating mid-screen;
     (3) the menu area scrolls inside its own box so its overflow cannot spill
         over the pinned footer, which also gives reliable touch-scroll.
   --------------------------------------------------------------------------- */
@media (max-width: 991.98px){
  #kt_app_sidebar_toggle{display:none !important;}
  body.kv-sidebar-open #kt_app_sidebar.app-sidebar,
  body.kx-inner-body  #kt_app_sidebar.app-sidebar{padding-top:calc(16px + env(safe-area-inset-top, 0px)) !important;}
  body.kv-sidebar-open #kt_app_sidebar{
    top:calc(var(--kv-topbar-h, 58px) + env(safe-area-inset-top, 0px)) !important;
    bottom:0 !important; height:auto !important; max-height:none !important; overflow-y:auto !important;
  }
  body.kv-sidebar-open #kt_app_sidebar .app-sidebar-menu{overflow:hidden !important; min-height:0 !important;}
  body.kv-sidebar-open #kt_app_sidebar #kt_app_sidebar_menu_wrapper{height:100% !important; max-height:100% !important; min-height:0 !important; overflow:hidden !important;}
  body.kv-sidebar-open #kt_app_sidebar #kt_app_sidebar_menu_scroll{
    height:100% !important; max-height:100% !important; min-height:0 !important;
    overflow-y:auto !important; -webkit-overflow-scrolling:touch !important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #kt_app_sidebar_footer{position:static !important; padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;}
}