body,html{height: 100%;}
.search-results .catalog-search-result:hover h6 {
   color: var(--bs-primary);
}

.myseparator::after {
   content: '';
   flex-grow: 1;
   display: block;
   align-self: center;
   height: 0;
   border-color: #1e2129 !important;
   border-bottom: 1px solid;
}

/* Sidebar Toggle Styles */
#sidebar {
   transition: width 0.3s ease, min-width 0.3s ease;
}

.rotate-180 {
   transform: rotate(180deg);
}

/* Hide all sidebar content when collapsed (keep only toggle control visible) */
#sidebar.sidebar-collapsed #chats-bar-logo,
#sidebar.sidebar-collapsed #chats-bar-content,
#sidebar.sidebar-collapsed #chats-bar-tools {
   display: none !important;
}

#sidebar.sidebar-collapsed header {
   justify-content: center !important;
   padding: 1rem !important;
}

#sidebar.sidebar-collapsed #kt_app_sidebar_toggle {
   margin: 0 !important;
}

/* Collapsed State for Desktop (Horizontal Mode) */
@media (min-width: 768px) {
   #sidebar.sidebar-collapsed {
      width: 80px !important;
      min-width: 80px !important;
      flex-basis: 80px !important;
   }

   /* Main content expands to fill space */
   main {
      transition: width 0.3s ease;
   }
}

/* Collapsed State for Mobile (Vertical Mode) */
@media (max-width: 767.98px) {
   #sidebar.sidebar-collapsed {
      height: auto !important;
      min-height: 60px;
      /* Header height */
      flex-basis: auto !important;
   }

}


.chat-option:hover {
   background-color: var(--bs-gray-200);
}