/*only hitting main.php rest in their views

/* Provider pill scroll behavior */
#provider-nav-pill {
    scrollbar-width: thin;
    scrollbar-color: #888 transparent;
}

#provider-nav-pill::-webkit-scrollbar {
    height: 6px;
}
#provider-nav-pill::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}
#provider-nav-pill::-webkit-scrollbar-track {
    background: transparent;
}

/* Fix spacing so main content doesn’t overlap */
/* Default (desktop and larger) */
body {
  padding-top: 100px; /* for topbar + provider bar */
}

/* Mobile (up to 768px) */
@media (max-width: 768px) {
  body {
    padding-top: 112px; /* slightly smaller for mobile */
  }
}

/* Light theme */
html[data-bs-theme="light"] body,
html[data-bs-theme="light"] .footer,
html[data-bs-theme="light"] #mobile-bottombar,
html[data-bs-theme="light"] .main-content {
  background-color: #f5f5f5 !important; /* greyish */
  color: #000 !important;
}

/* Dark theme */
html[data-bs-theme="dark"] body,
html[data-bs-theme="dark"] .footer,
html[data-bs-theme="dark"] #mobile-bottombar,
html[data-bs-theme="dark"] .main-content {
  background-color:#0E1217 !important;
  color: #fff !important;
}

/*  carousel (same color in both modes) */
html[data-bs-theme="light"] .navbar,
html[data-bs-theme="light"] #provider-nav-pill,
html[data-bs-theme="dark"] .navbar,
html[data-bs-theme="dark"] #provider-nav-pill {
  background-color: #1D2531 !important;
  color: #fff !important;
}
/* Topbar  */
html[data-bs-theme="light"] .navbar,
html[data-bs-theme="light"] .custom-topbar,
html[data-bs-theme="dark"] .navbar,
html[data-bs-theme="dark"] .custom-topbar {
  background-color: #0E1217 !important;
  color: #fff !important;
}

/* Sidebar card body (inside color like provider) */
html[data-bs-theme="light"] .custom-sidebar .card .card-body,
html[data-bs-theme="dark"] .custom-sidebar .card .card-body {
  background-color: #1D2531 !important;
  color: #fff !important;
  border-radius: 12px;
}

/* Sidebar list items inside cards */
.custom-sidebar .list-group-item {
  background: transparent !important; /* blend with card body */
  color: #fff !important;
  border: none; /* remove Bootstrap borders */
}

/* Sidebar links inside */
.custom-sidebar a {
  color: #fff !important;
}
.custom-sidebar a:hover {
  text-decoration: underline;
}

/* Headings inside cards */
.custom-sidebar h6 {
  color: #fff !important;
  font-weight: 600;
}

/* Keep badges visible */
.custom-sidebar .badge {
  background: #ffc107 !important; /* yellow */
  color: #000 !important;
}

/* Topbar + Provider Carousel rounded edges */
.navbar,
.custom-topbar,
#provider-nav-pill {
  border-radius: 0 0 16px 16px; /* only bottom edges rounded */
  overflow: hidden;            /* keep child background from spilling */
}