/* ... CSS based on doctor_list.php ... */
html, body {
  font-family: 'Hind Siliguri', sans-serif;
  background: radial-gradient(circle at top, #eefbfd 0%, #f4fcff 35%, #f8fcff 100%);
  color: #0b4f57;
  min-height: 100%;
}
:root {
  --primary: #0a899a;
  --primary-light: #dff6fa;
  --primary-dark: #065f6b;
  --doctor-accent: #0db4ca;
  --doctor-soft: #ecfbff;
  --dark-bg: #121212;
  --dark-card: #181932;
  --dark-card-box: #201f43;
  --dark-card-faq: #12112f;
  --dark-text: #9193a8;
  --dark-border: #374151;
  --dark-footer: #1a1b2e;
  --transition: all .25s cubic-bezier(.23,1.08,.77,1.01);
}
body.dark { background: var(--dark-bg); color: var(--dark-text); }
.dark .card { background: var(--dark-card-box) !important; border-color: var(--dark-border) !important; color: var(--dark-text); }
.dark .chamber-card { background: var(--dark-card-box); border-color: var(--dark-border); }
.dark .chamber-card img { border-color: var(--primary-dark) !important; }
.dark .chamber-card h2 { color: #93c5fd !important; }
.dark .navbar, .dark .drawer-header { border-bottom: 1px solid var(--dark-border); }
.dark .app-drawer, .dark .drawer-header { background: var(--dark-card) !important; color: var(--dark-text); }
.dark .app-drawer .nav-link { color: var(--dark-text); }
.dark .app-drawer .nav-link:hover { background: var(--dark-border); }
.dark .navbar-nav .nav-link { color: var(--dark-text); }
.dark .navbar-nav .nav-link.active { color: #7fb1fa !important; }
header { background: var(--primary-light); }
.dark header { background: var(--dark-card); }
.dark .form-control, .dark .form-select { background-color: var(--dark-card); color: var(--dark-text); border-color: var(--dark-border); }
.dark .form-control:focus, .dark .form-select:focus { border-color: var(--primary); box-shadow: 0 0 0 0.25rem rgba(10,137,154,0.25); }
.btn-primary {
  --bs-btn-color: #fff; --bs-btn-bg: #0a899a;
  --bs-btn-border-color: #077686; --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b9fb3; --bs-btn-hover-border-color: #0892a5;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: #066876;
  --bs-btn-active-border-color: #055763;
  box-shadow: 0 10px 24px rgba(10,137,154,0.28);
}
.search-form-box {
  background: linear-gradient(180deg, #ffffff 0%, #f3fcff 100%);
  border-radius: 14px;
  padding: 1.5rem;
  border: 1px solid rgba(10,137,154,0.16);
  box-shadow: 0 10px 28px rgba(6,95,107,0.12);
}
.dark .search-form-box { background: var(--dark-card) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.3); }

.chamber-card {
  overflow: hidden; display: flex; align-items: center;
  background: linear-gradient(180deg, #ffffff 0%, #f5fcff 100%);
  border: 1px solid rgba(10,137,154,0.14);
  border-radius: 12px; padding: 20px;
  grid-gap: 15px; margin-bottom: 20px;
  box-shadow: 0 8px 24px rgba(6,95,107,0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}
.chamber-card:hover { transform: translateY(-5px); box-shadow: 0 14px 30px rgba(10,137,154,0.26); }
.chamber-photo { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; margin-bottom: 5px; border:2px solid rgba(10,137,154,0.6); }

.chamber-info { margin-left: 20px; flex: 1; text-align: left; }
.chamber-name {
  margin: 0 0 8px 0; font-size: 18px; font-weight: 700;
  background: linear-gradient(45deg, #0b7fd4, #e81d62);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  display: inline-block; text-transform: capitalize;
}
.dark .chamber-name { background: linear-gradient(45deg, #7bc6ff, #f28bb8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.chamber-info p { margin: 5px 0; font-size: 14px; color: #444; }
.dark .chamber-info p { color: #b0bec5; }
.doc-icon { color: #00b894; font-size: 14px; margin-right: 8px; width: 14px; text-align:center;}
@media (max-width: 480px) {
  .chamber-card { align-items: flex-start; }
  .chamber-info { margin-left: 0; margin-top: 10px; }
}

.chamber-list-marquee-wrap {
  width: 100%; border-radius: 0; background: linear-gradient(90deg, #044f58 0%, #0a899a 45%, #0db4ca 100%);
  padding: 12px 0; overflow: hidden; box-shadow: 0 10px 24px rgba(6,95,107,0.28);
}
.chamber-list-marquee {
  display: inline-block; white-space: nowrap; color: #ffffff;
  font-weight: 600; font-size: 0.95rem; letter-spacing: 0.2px; padding-left: 100%;
  animation: chamberListMarquee 20s linear infinite;
}
.chamber-list-marquee i { color: #ffd166; }
.dark .chamber-list-marquee-wrap { background: linear-gradient(90deg, #043840, #086677); box-shadow: 0 6px 18px rgba(5,26,31,0.45); }
@keyframes chamberListMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }

.app-drawer {
  position: fixed; top: 0; left: -260px;
  width: 250px; height: 100%; background: #fff;
  z-index: 2000; box-shadow: 2px 0 10px rgba(0,0,0,0.09);
  transition: left 0.32s var(--transition);
}
.app-drawer.open { left: 0; }
.drawer-header { padding: 1.1rem 1.4rem 0.6rem; font-size: 1.18rem; font-weight: 600; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between; }
.app-drawer .nav-link { color: #222; font-size: 1.08rem; padding: 1rem 1.5rem; }
.app-drawer .nav-link:hover { background: #f6f8fa; color: var(--primary); }
.drawer-backdrop { position: fixed; z-index: 1099; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.15); display: none; }
.drawer-backdrop.show { display: block; }
footer { background: linear-gradient(160deg, #043d46 0%, #065f6b 50%, #043d46 100%); padding: 4rem 0 2rem; color: #cce8ec; position: relative; overflow: hidden; }
footer::before { content: ''; position: absolute; top: -60px; right: -60px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(10,137,154,0.2) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
footer::after { content: ''; position: absolute; bottom: -40px; left: -40px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(13,180,202,0.12) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
.dark footer { background: linear-gradient(160deg, #021a1f 0%, #032d33 50%, #021a1f 100%) !important; color: #90c8cf; }
.dark footer h4, .dark footer h5 { color: #3dd6e8 !important; }