/* DOVAU collapsed sidebar fix v2
   Replace the previous collapsed-fix files with this version.
   Key change: DO NOT force sidebar width. Only polish UI after the
   site's native collapse logic has already changed the width/state.
*/

body.dovau-sidebar-collapsed-fix .sidebar,
body.dovau-sidebar-collapsed-fix .side-nav,
body.dovau-sidebar-collapsed-fix .category-nav,
body.dovau-sidebar-collapsed-fix .category-sidebar,
body.dovau-sidebar-collapsed-fix .left-sidebar {
  overflow: visible !important;
}

/* Hide header text in collapsed mode, keep the toggle visible */
body.dovau-sidebar-collapsed-fix .sidebar h1,
body.dovau-sidebar-collapsed-fix .sidebar h2,
body.dovau-sidebar-collapsed-fix .sidebar h3,
body.dovau-sidebar-collapsed-fix .side-nav h1,
body.dovau-sidebar-collapsed-fix .side-nav h2,
body.dovau-sidebar-collapsed-fix .side-nav h3,
body.dovau-sidebar-collapsed-fix .category-nav h1,
body.dovau-sidebar-collapsed-fix .category-nav h2,
body.dovau-sidebar-collapsed-fix .category-nav h3,
body.dovau-sidebar-collapsed-fix .sidebar-title,
body.dovau-sidebar-collapsed-fix .nav-title,
body.dovau-sidebar-collapsed-fix .sidebar-desc,
body.dovau-sidebar-collapsed-fix .sidebar-note,
body.dovau-sidebar-collapsed-fix .sidebar-intro,
body.dovau-sidebar-collapsed-fix .sidebar-subtitle,
body.dovau-sidebar-collapsed-fix .sidebar-text,
body.dovau-sidebar-collapsed-fix .sidebar > p,
body.dovau-sidebar-collapsed-fix .side-nav > p,
body.dovau-sidebar-collapsed-fix .category-nav > p {
  display: none !important;
}

body.dovau-sidebar-collapsed-fix .sidebar-header,
body.dovau-sidebar-collapsed-fix .side-nav-header,
body.dovau-sidebar-collapsed-fix .category-nav-header,
body.dovau-sidebar-collapsed-fix .sidebar-top {
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Collapsed items: center icon, hide text */
body.dovau-sidebar-collapsed-fix .sidebar .side-item,
body.dovau-sidebar-collapsed-fix .side-nav .side-item,
body.dovau-sidebar-collapsed-fix .category-nav .side-item,
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item,
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item,
body.dovau-sidebar-collapsed-fix .sidebar .item,
body.dovau-sidebar-collapsed-fix .side-nav .item,
body.dovau-sidebar-collapsed-fix .category-nav .item {
  position: relative !important;
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 20px !important;
  overflow: visible !important;
}

body.dovau-sidebar-collapsed-fix .sidebar .side-item .icon,
body.dovau-sidebar-collapsed-fix .side-nav .side-item .icon,
body.dovau-sidebar-collapsed-fix .category-nav .side-item .icon,
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item .icon,
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item .icon,
body.dovau-sidebar-collapsed-fix .sidebar .item .icon,
body.dovau-sidebar-collapsed-fix .side-nav .item .icon,
body.dovau-sidebar-collapsed-fix .category-nav .item .icon {
  margin: 0 !important;
  transform: none !important;
}

body.dovau-sidebar-collapsed-fix .sidebar .side-item .title,
body.dovau-sidebar-collapsed-fix .sidebar .side-item .name,
body.dovau-sidebar-collapsed-fix .sidebar .side-item .label,
body.dovau-sidebar-collapsed-fix .sidebar .side-item .desc,
body.dovau-sidebar-collapsed-fix .sidebar .side-item .meta,
body.dovau-sidebar-collapsed-fix .sidebar .side-item .sub,
body.dovau-sidebar-collapsed-fix .side-nav .side-item .title,
body.dovau-sidebar-collapsed-fix .side-nav .side-item .name,
body.dovau-sidebar-collapsed-fix .side-nav .side-item .label,
body.dovau-sidebar-collapsed-fix .side-nav .side-item .desc,
body.dovau-sidebar-collapsed-fix .side-nav .side-item .meta,
body.dovau-sidebar-collapsed-fix .side-nav .side-item .sub,
body.dovau-sidebar-collapsed-fix .category-nav .side-item .title,
body.dovau-sidebar-collapsed-fix .category-nav .side-item .name,
body.dovau-sidebar-collapsed-fix .category-nav .side-item .label,
body.dovau-sidebar-collapsed-fix .category-nav .side-item .desc,
body.dovau-sidebar-collapsed-fix .category-nav .side-item .meta,
body.dovau-sidebar-collapsed-fix .category-nav .side-item .sub,
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item .title,
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item .name,
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item .label,
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item .desc,
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item .meta,
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item .sub,
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item .title,
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item .name,
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item .label,
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item .desc,
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item .meta,
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item .sub {
  display: none !important;
}

/* Badge readable in collapsed mode */
body.dovau-sidebar-collapsed-fix .sidebar [class*="count"],
body.dovau-sidebar-collapsed-fix .sidebar [class*="badge"],
body.dovau-sidebar-collapsed-fix .sidebar [class*="num"],
body.dovau-sidebar-collapsed-fix .side-nav [class*="count"],
body.dovau-sidebar-collapsed-fix .side-nav [class*="badge"],
body.dovau-sidebar-collapsed-fix .side-nav [class*="num"],
body.dovau-sidebar-collapsed-fix .category-nav [class*="count"],
body.dovau-sidebar-collapsed-fix .category-nav [class*="badge"],
body.dovau-sidebar-collapsed-fix .category-nav [class*="num"],
body.dovau-sidebar-collapsed-fix .category-sidebar [class*="count"],
body.dovau-sidebar-collapsed-fix .category-sidebar [class*="badge"],
body.dovau-sidebar-collapsed-fix .category-sidebar [class*="num"],
body.dovau-sidebar-collapsed-fix .left-sidebar [class*="count"],
body.dovau-sidebar-collapsed-fix .left-sidebar [class*="badge"],
body.dovau-sidebar-collapsed-fix .left-sidebar [class*="num"] {
  position: absolute !important;
  top: 8px !important;
  right: 6px !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  background: #eef4ff !important;
  color: #3b4a67 !important;
  border: 1px solid rgba(59, 74, 103, 0.10) !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08) !important;
  opacity: 1 !important;
  z-index: 3 !important;
}

body.dovau-sidebar-collapsed-fix .sidebar [class*="count"] *,
body.dovau-sidebar-collapsed-fix .sidebar [class*="badge"] *,
body.dovau-sidebar-collapsed-fix .sidebar [class*="num"] *,
body.dovau-sidebar-collapsed-fix .side-nav [class*="count"] *,
body.dovau-sidebar-collapsed-fix .side-nav [class*="badge"] *,
body.dovau-sidebar-collapsed-fix .side-nav [class*="num"] *,
body.dovau-sidebar-collapsed-fix .category-nav [class*="count"] *,
body.dovau-sidebar-collapsed-fix .category-nav [class*="badge"] *,
body.dovau-sidebar-collapsed-fix .category-nav [class*="num"] *,
body.dovau-sidebar-collapsed-fix .category-sidebar [class*="count"] *,
body.dovau-sidebar-collapsed-fix .category-sidebar [class*="badge"] *,
body.dovau-sidebar-collapsed-fix .category-sidebar [class*="num"] *,
body.dovau-sidebar-collapsed-fix .left-sidebar [class*="count"] *,
body.dovau-sidebar-collapsed-fix .left-sidebar [class*="badge"] *,
body.dovau-sidebar-collapsed-fix .left-sidebar [class*="num"] * {
  color: inherit !important;
  opacity: 1 !important;
}

body.dovau-sidebar-collapsed-fix .sidebar .side-item.active,
body.dovau-sidebar-collapsed-fix .side-nav .side-item.active,
body.dovau-sidebar-collapsed-fix .category-nav .side-item.active,
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item.active,
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item.active,
body.dovau-sidebar-collapsed-fix .sidebar .item.active,
body.dovau-sidebar-collapsed-fix .side-nav .item.active,
body.dovau-sidebar-collapsed-fix .category-nav .item.active {
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14) !important;
}

body.dovau-sidebar-collapsed-fix .sidebar .side-item.active [class*="count"],
body.dovau-sidebar-collapsed-fix .sidebar .side-item.active [class*="badge"],
body.dovau-sidebar-collapsed-fix .sidebar .side-item.active [class*="num"],
body.dovau-sidebar-collapsed-fix .side-nav .side-item.active [class*="count"],
body.dovau-sidebar-collapsed-fix .side-nav .side-item.active [class*="badge"],
body.dovau-sidebar-collapsed-fix .side-nav .side-item.active [class*="num"],
body.dovau-sidebar-collapsed-fix .category-nav .side-item.active [class*="count"],
body.dovau-sidebar-collapsed-fix .category-nav .side-item.active [class*="badge"],
body.dovau-sidebar-collapsed-fix .category-nav .side-item.active [class*="num"],
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item.active [class*="count"],
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item.active [class*="badge"],
body.dovau-sidebar-collapsed-fix .category-sidebar .side-item.active [class*="num"],
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item.active [class*="count"],
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item.active [class*="badge"],
body.dovau-sidebar-collapsed-fix .left-sidebar .side-item.active [class*="num"] {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}