/* Default Soft UI Dashboard Theme - No custom overrides */
/* This file is intentionally left minimal to preserve the original theme */

/* Only keep essential customizations if needed */
.sidenav {
  background-color: #fff !important;
}

/* Increase sidebar icon sizes */
.sidenav .icon-shape {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

.sidenav .icon-shape.icon-sm {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

.sidenav .icon-shape svg {
  width: 18px !important;
  height: 18px !important;
}

.sidenav .icon-shape i {
  font-size: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: relative !important;
}

/* Urdu Text Styling for Sidebar */
.urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif !important;
  font-size: 0.85em !important;
  color: #8892b0 !important;
  margin-right: 5px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Active state for Urdu text */
.sidenav .nav-link.active .urdu-text {
  opacity: 1 !important;
  font-weight: 600 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  position: relative !important;
}

/* Alternative active state if above doesn't work well */
.sidenav .nav-link.active .urdu-text::before {
  content: '' !important;
  position: absolute !important;
  top: -1px !important;
  left: -1px !important;
  right: -1px !important;
  bottom: -1px !important;
  background: rgba(255,255,255,0.1) !important;
  border-radius: 4px !important;
  z-index: -1 !important;
}

/* Ensure Urdu text is visible in all states */
.sidenav .nav-link .urdu-text {
  transition: all 0.2s ease-in-out !important;
}

/* Badge Urdu text styling */
.badge .urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif !important;
  font-size: 1.1em !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  display: inline !important;
  margin-left: 2px !important;
  color: inherit !important;
}

/* Multi-line badge styling */
.badge.badge-sm {
  padding: 0.4rem 0.65rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* Custom Breadcrumb Styling */
.breadcrumb {
  display: flex;
  box-shadow: 0 8px 14px -2px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 0.75rem 1.25rem;
  border-radius: 35px;
  background: #ffffff;
}

.breadcrumb-links {
  display: flex;
  column-gap: 1rem;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb-links > li:nth-child(n + 4) {
  display: none;
}

.breadcrumb-box {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.breadcrumb-box:hover {
  text-decoration: none;
}

.breadcrumb-link {
  color: #9ca3af;
}

.breadcrumb-box:hover > *:not(.breadcrumb-icon) {
  color: #4f46e5;
}

.breadcrumb-icon,
.breadcrumb-icon-home {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: #6b7280;
  fill: currentColor;
  opacity: 0.8;
}

.breadcrumb-links li:first-child .breadcrumb-text {
  display: none;
}

.breadcrumb-text {
  margin-left: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #374151;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: 0.025em;
}

.breadcrumb-box a {
  text-decoration: none;
  color: inherit;
}

.breadcrumb-box a:hover {
  text-decoration: none;
  color: #4f46e5;
}

.breadcrumb-box:hover .breadcrumb-icon,
.breadcrumb-box:hover .breadcrumb-icon-home {
  color: #4f46e5;
  opacity: 1;
}

.breadcrumb-box svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .breadcrumb-links > li:nth-child(n + 4) {
    display: block;
  }

  .breadcrumb-links li:first-child .breadcrumb-text {
    display: block;
  }
}