/* Bloom Fertility — Dark Theme */
[data-theme="dark"] {
  --bg: #0d0d0d;
  --surface: #181818;
  --ink: #f0f0f0;
  --muted: #a0a0a0;
  --teal: #5db3aa;
  --teal-d: #8fd3cb;
  --rose: #f08a98;
  --rose-l: #2f141c;
  --sage: #102e29;
  --line: #2a2a2a;
  --sh: 0 10px 30px rgba(0, 0, 0, .5);
}

/* Base & Default Sections (white in light mode -> pure black in dark mode) */
[data-theme="dark"] body {
  background: #0d0d0d;
  color: #f0f0f0;
}

[data-theme="dark"] .section {
  background: #0d0d0d;
}

/* Sections with green in light mode (.alt) -> rich dark green in dark mode */
[data-theme="dark"] .alt {
  background: #102e29;
}

/* Hero section (green & pink glow in light mode -> green & pink glow in dark mode) */
[data-theme="dark"] .hero {
  background: radial-gradient(circle at 85% 20%, rgba(240, 138, 152, .18), transparent 50%),
    radial-gradient(circle at 5% 90%, rgba(93, 179, 170, .20), transparent 50%),
    #0d0d0d;
}

/* Banner section (green & pink gradient in light mode -> green & pink gradient in dark mode) */


/* Call to action (green in light mode -> rich dark green in dark mode) */
[data-theme="dark"] .cta {
  background: #163d39;
  color: #ffffff;
}

/* Alert banner (pink in light mode -> rich dark pink in dark mode) */
[data-theme="dark"] .alert {
  background: #7a2b36;
  color: #ffffff;
}

/* Navbar & Footer (white in light mode -> black in dark mode) */
[data-theme="dark"] .navbar {
  background: rgba(13, 13, 13, .97);
  border-color: #2a2a2a;
}

[data-theme="dark"] .nav-menu {
  background: #0d0d0d;
  border-color: #2a2a2a;
}

[data-theme="dark"] .dropdown-menu {
  background: #181818;
  border-color: #2a2a2a;
}

[data-theme="dark"] .dropdown-item:hover {
  background: #102e29;
  color: #5db3aa;
}

[data-theme="dark"] .icon-btn {
  background: #181818;
  border-color: #2a2a2a;
}

[data-theme="dark"] .burger {
  background: #181818;
  border-color: #2a2a2a;
  color: var(--teal);
}

[data-theme="dark"] .nav-side-toggle {
  background: #181818;
  border-color: #2a2a2a;
  color: var(--teal);
}

[data-theme="dark"] .nav-side-toggle:hover {
  background: #102e29;
  border-color: var(--teal);
  color: var(--teal-d);
}

[data-theme="dark"] .btn-primary,
[data-theme="dark"] .mobile-only {
  color: #0d0d0d;
}

[data-theme="dark"] .footer {
  background: #0d0d0d;
  border-color: #2a2a2a;
  color: #a0a0a0;
}

[data-theme="dark"] .footer-col h4 {
  color: #8fd3cb;
}

[data-theme="dark"] .footer-desc {
  color: #a0a0a0;
}

[data-theme="dark"] .social-btn {
  background: #181818;
  border-color: #2a2a2a;
  color: #8fd3cb;
  box-shadow: none;
}

[data-theme="dark"] .social-btn:hover {
  background: #5db3aa;
  color: #0d0d0d;
  border-color: #5db3aa;
  box-shadow: 0 6px 16px rgba(93, 179, 170, 0.35);
}

[data-theme="dark"] .footer-badge {
  background: #102e29;
  border-color: #2a2a2a;
  color: #8fd3cb;
}

[data-theme="dark"] .footer-links a {
  color: #a0a0a0;
}

[data-theme="dark"] .footer-links a:hover {
  color: #5db3aa;
}

[data-theme="dark"] .footer-contact-icon {
  background: #102e29;
  color: #5db3aa;
  border-color: #2a2a2a;
}

[data-theme="dark"] .footer-contact-list li:hover .footer-contact-icon {
  background: #5db3aa;
  color: #0d0d0d;
}

[data-theme="dark"] .footer-contact-text strong {
  color: #8fd3cb;
}

[data-theme="dark"] .footer-contact-text span,
[data-theme="dark"] .footer-contact-text a {
  color: #a0a0a0;
}

[data-theme="dark"] .footer-contact-text a:hover {
  color: #5db3aa;
}

[data-theme="dark"] .footer-bottom {
  border-color: #2a2a2a;
}

[data-theme="dark"] .footer-bottom .copyright {
  color: #777777;
}

[data-theme="dark"] .footer-legal-links a {
  color: #777777;
}

[data-theme="dark"] .footer-legal-links a:hover {
  color: #5db3aa;
}

[data-theme="dark"] .footer-legal-links .sep {
  color: #333333;
}

[data-theme="dark"] .logo,
[data-theme="dark"] .navbar .logo,
[data-theme="dark"] .footer .logo {
  color: var(--teal-d);
}

[data-theme="dark"] .logo span,
[data-theme="dark"] .navbar .logo span,
[data-theme="dark"] .footer .logo span {
  color: var(--rose);
}

[data-theme="dark"] .logo i,
[data-theme="dark"] .navbar .logo i,
[data-theme="dark"] .footer .logo i {
  color: var(--teal);
}

/* Cards & Surface elements */
[data-theme="dark"] .card {
  background: #181818;
  border-color: #2a2a2a;
}

[data-theme="dark"] .hero-art {
  background: #181818;
}

[data-theme="dark"] .badge {
  background: #1e1e1e;
  border: 1px solid #2a2a2a;
  color: #f0f0f0;
}

[data-theme="dark"] .quick select,
[data-theme="dark"] .quick input,
[data-theme="dark"] .form input,
[data-theme="dark"] .form select,
[data-theme="dark"] .form textarea {
  background-color: #121817;
  border-color: #2b3a37;
  color: #f0f0f0;
}

[data-theme="dark"] .form select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%238fd3cb" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
}

[data-theme="dark"] .form select option {
  background: #181818;
  color: #f0f0f0;
}

[data-theme="dark"] .auth-body {
  background: linear-gradient(135deg, #102e29, #2f141c);
}

[data-theme="dark"] .center-page {
  background: radial-gradient(circle at 80% 20%, rgba(240, 138, 152, 0.12), transparent 45%),
              radial-gradient(circle at 10% 80%, rgba(93, 179, 170, 0.14), transparent 50%),
              #0d1312;
  color: #e8efee;
}

[data-theme="dark"] .center-card {
  background: #171d1c;
  border-color: #263331;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .center-card h1 {
  color: #f2f7f6;
}

[data-theme="dark"] .center-text {
  color: #a3b8b5;
}

[data-theme="dark"] .count div {
  background: #101514;
  border-color: #263331;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .count b {
  color: #f08a98;
}

[data-theme="dark"] .count span {
  color: #a3b8b5;
}

[data-theme="dark"] .coming-soon-input-wrap input {
  background-color: #101514;
  border-color: #263331;
  color: #f0f0f0;
}

[data-theme="dark"] .coming-soon-input-wrap input:focus {
  border-color: #5db3aa;
  box-shadow: 0 0 0 3px rgba(93, 179, 170, 0.2);
}

[data-theme="dark"] .coming-soon-form .note {
  color: #8fd3cb;
}

[data-theme="dark"] .coming-soon-back a {
  color: #8fd3cb;
}

[data-theme="dark"] .coming-soon-back a:hover {
  color: #fca5b4;
}

[data-theme="dark"] .center-quick-links {
  border-top-color: #263331;
  color: #a3b8b5;
}

[data-theme="dark"] .center-quick-links a {
  color: #8fd3cb;
}

[data-theme="dark"] .center-quick-links a:hover {
  color: #fca5b4;
}

/* Step Cards in Dark Mode */
[data-theme="dark"] .step {
  background: #181818;
  border-color: #2a2a2a;
}

[data-theme="dark"] .step:hover {
  border-color: var(--teal);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .6);
}

[data-theme="dark"] .step::before {
  background: var(--teal);
  color: #0d0d0d;
  border-color: #181818;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .5);
}

[data-theme="dark"] .step h3 {
  color: var(--teal-d);
}

/* FAQ Accordion in Dark Mode */
[data-theme="dark"] .faq details {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
}

[data-theme="dark"] .faq details:hover {
  border-color: rgba(93, 179, 170, .4);
}

[data-theme="dark"] .faq details[open] {
  border-color: var(--teal);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .6);
}

[data-theme="dark"] .faq summary {
  color: #f0f0f0;
}

[data-theme="dark"] .faq details:hover summary {
  color: var(--teal);
}

[data-theme="dark"] .faq summary::after {
  background: #102e29;
  color: var(--teal);
  box-shadow: none;
}

[data-theme="dark"] .faq details:hover summary::after {
  background: var(--teal);
  color: #0d0d0d;
}

[data-theme="dark"] .faq details[open] summary::after {
  background: #2f141c;
  color: var(--rose);
}

[data-theme="dark"] .faq details[open]:hover summary::after {
  background: var(--rose);
  color: #ffffff;
}

[data-theme="dark"] .faq details p {
  color: var(--muted);
  border-top-color: #2a2a2a;
}

/* Home 2 Hero Banner in Dark Mode */

[data-theme="dark"] .quick {
  background: #181818;
  border-color: #2a2a2a;
}

/* Home Components in Dark Mode */
[data-theme="dark"] .treatment-card,
[data-theme="dark"] .finance-card,
[data-theme="dark"] .doc-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .facility-highlights {
  background: #181818;
  border-color: #2a2a2a;
}

[data-theme="dark"] .testimonial-card::before {
  color: var(--teal);
  opacity: 0.18;
}

[data-theme="dark"] .test-badge {
  background: #102e29;
  color: #8fd3cb;
}

[data-theme="dark"] .test-author-img {
  border-color: #2a2a2a;
}

[data-theme="dark"] .test-author-info b {
  color: #8fd3cb;
}

[data-theme="dark"] .journey-tag {
  background: #2f141c;
  color: #f08a98;
}

[data-theme="dark"] .testimonial-summary-bar {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .test-sum-score {
  color: #8fd3cb;
}

[data-theme="dark"] .test-sum-tags span {
  background: #102e29;
  color: #8fd3cb;
}

[data-theme="dark"] .gallery-item {
  border-color: #2a2a2a;
  background: #141414;
}

[data-theme="dark"] .gallery-badge {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
}

[data-theme="dark"] .calc-benefit-icon,
[data-theme="dark"] .finance-ico {
  background: #1f2e2b;
  color: var(--teal);
}

[data-theme="dark"] .cycle-chip-btn {
  background: #202020;
  border-color: #333333;
  color: #eeeeee;
}

[data-theme="dark"] .treatment-badge {
  background: #242424;
  color: #a4d8d1;
}

[data-theme="dark"] .doc-tag {
  background: #1d2a27;
  color: #a4d8d1;
}

[data-theme="dark"] .cta-input {
  background: #242424;
  color: #ffffff;
  border: 1px solid #3a3a3a;
}

[data-theme="dark"] .calc-card {
  background: #181818;
  border-color: #2a2a2a;
}

[data-theme="dark"] .calc-label {
  color: #eeeeee;
}

[data-theme="dark"] .book-card {
  background: #181818;
  border-color: #2a2a2a;
  color: #ffffff;
}

/* Alternating Timeline in Dark Mode */
[data-theme="dark"] .timeline-alt::before {
  background: linear-gradient(180deg, var(--teal) 0%, var(--rose) 50%, var(--teal-d) 100%);
}

[data-theme="dark"] .timeline-node {
  background: #181818;
  border-color: var(--teal);
}

[data-theme="dark"] .timeline-content {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .timeline-year {
  background: #102e29;
  color: #8fd3cb;
  border-color: #2a2a2a;
}

[data-theme="dark"] .timeline-content h4 {
  color: #f0f0f0;
}

/* Team Section in Dark Mode */
[data-theme="dark"] .team-card {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .team-card-img {
  background: #121212;
}

[data-theme="dark"] .team-badge {
  background: rgba(24, 24, 24, 0.92);
  color: #8fd3cb;
  border-color: #2a2a2a;
}

[data-theme="dark"] .team-card-body h3 {
  color: #8fd3cb;
}

[data-theme="dark"] .team-bio {
  color: #d0d0d0;
}

[data-theme="dark"] .team-tags span {
  background: #102e29;
  color: #8fd3cb;
}

[data-theme="dark"] .team-footer-cta {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

/* Treatments Page in Dark Mode */

[data-theme="dark"] .treatment-media-card {
  border-color: #2a2a2a;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .treatment-float-badge {
  background: rgba(24, 24, 24, 0.94);
  border-color: #2a2a2a;
  color: #f0f0f0;
}

/* ── TREATMENTS PAGE & ACTION BUTTONS IN DARK MODE ── */

[data-theme="dark"] .treatments-banner .pricing-trust-strip {
  background: rgba(18, 18, 18, 0.85);
  border-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
}

/* Light button (on dark CTA, banner, etc.) — crisp dark text on white */
[data-theme="dark"] .btn-light {
  background: #ffffff;
  color: #0b2e29;
  border-color: #ffffff;
  font-weight: 700;
}

[data-theme="dark"] .btn-light i {
  color: #0b2e29;
}

[data-theme="dark"] .btn-light:hover {
  background: #e6f6f4;
  color: #051d1a;
  border-color: #e6f6f4;
}

[data-theme="dark"] .btn-light:hover i {
  color: #051d1a;
}

/* Outline button in dark mode */
[data-theme="dark"] .btn-outline {
  border-color: #5db3aa;
  color: #5db3aa;
  background: transparent;
}

[data-theme="dark"] .btn-outline:hover {
  background: #5db3aa;
  color: #0b2e29;
  font-weight: 700;
  border-color: #5db3aa;
}

[data-theme="dark"] .btn-outline-light {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: #ffffff;
  color: #ffffff;
}

/* Treatment float badge on media cards */
[data-theme="dark"] .treatment-float-badge {
  background: rgba(20, 20, 20, 0.94);
  backdrop-filter: blur(12px);
  border-color: #333333;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .treatment-float-badge i {
  color: #f59e0b;
}

[data-theme="dark"] .treatment-float-badge b {
  color: #8fd3cb;
}

[data-theme="dark"] .treatment-float-badge span {
  color: #b0b0b0;
}

/* Benefit items in split sections */
[data-theme="dark"] .benefit-item {
  background: #181818;
  border-color: #2a2a2a;
}

[data-theme="dark"] .benefit-item:hover {
  background: #1e1e1e;
  border-color: rgba(93, 179, 170, 0.45);
}

[data-theme="dark"] .benefit-item b {
  color: #8fd3cb;
}

[data-theme="dark"] .benefit-item p {
  color: #a0a0a0;
}

[data-theme="dark"] .benefit-item i {
  color: #5db3aa;
}

/* 4-Step Process Roadmap */
[data-theme="dark"] .step-card {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .step-card:hover {
  border-color: rgba(93, 179, 170, 0.45);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .step-num {
  color: #8fd3cb;
}

[data-theme="dark"] .step-duration {
  background: #2f141c;
  color: #f08a98;
  border: 1px solid rgba(240, 138, 152, 0.3);
}

[data-theme="dark"] .step-icon {
  background: #102e29;
  color: #5db3aa;
  border: 1px solid rgba(93, 179, 170, 0.2);
}

[data-theme="dark"] .step-card h3 {
  color: #8fd3cb;
}

[data-theme="dark"] .step-card p {
  color: #a0a0a0;
}

/* Technology Cards */
[data-theme="dark"] .tech-card {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .tech-card:hover {
  border-color: rgba(93, 179, 170, 0.45);
}

[data-theme="dark"] .tech-badge {
  background: rgba(20, 20, 20, 0.94);
  color: #8fd3cb;
  border: 1px solid #333333;
}

[data-theme="dark"] .tech-card-body h3 {
  color: #8fd3cb;
}

[data-theme="dark"] .tech-card-body p {
  color: #a0a0a0;
}

[data-theme="dark"] .tech-features {
  border-top-color: #2a2a2a;
}

[data-theme="dark"] .tech-features li {
  color: #f0f0f0;
}

[data-theme="dark"] .tech-features li i {
  color: #5db3aa;
}

/* Pricing Section */
[data-theme="dark"] .pricing-card {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .pricing-card:hover {
  border-color: rgba(93, 179, 170, 0.45);
}

[data-theme="dark"] .pricing-card.featured {
  border-color: #5db3aa;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .pricing-badge-popular {
  background: #5db3aa;
  color: #0b2e29;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(93, 179, 170, 0.4);
}

[data-theme="dark"] .pricing-eyebrow {
  color: #f08a98;
}

[data-theme="dark"] .pricing-card h3 {
  color: #8fd3cb;
}

[data-theme="dark"] .pricing-amount {
  color: #f0f0f0;
}

[data-theme="dark"] .pricing-amount span {
  color: #a0a0a0;
}

[data-theme="dark"] .pricing-desc {
  color: #a0a0a0;
}

[data-theme="dark"] .pricing-features li {
  color: #f0f0f0;
}

[data-theme="dark"] .pricing-features li i {
  color: #5db3aa;
}

[data-theme="dark"] .pricing-trust-strip {
  background: #181818;
  border-color: #2a2a2a;
}

[data-theme="dark"] .pricing-trust-strip div {
  color: #8fd3cb;
}

[data-theme="dark"] .pricing-trust-strip div i {
  color: #5db3aa;
}

/* Prep guide 4 cards */
[data-theme="dark"] .card {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .ico {
  background: #2f141c;
  color: #f08a98;
  border: 1px solid rgba(240, 138, 152, 0.25);
}

[data-theme="dark"] .card h3 {
  color: #8fd3cb;
}

[data-theme="dark"] .card p {
  color: #a0a0a0;
}

/* CTA Card */
[data-theme="dark"] .cta {
  background: #143834;
  border: 1px solid #234f4a;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .cta h2 {
  color: #ffffff;
}

[data-theme="dark"] .cta p {
  color: #e0f0ed;
}

[data-theme="dark"] .cta .eyebrow {
  color: #ffd6dc;
}

/* ── DOCTORS PAGE IN DARK MODE ── */

[data-theme="dark"] .director-spotlight-card {
  background: #181818;
  border-color: #2a2a2a;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .director-img-wrap {
  background: #102e29;
}

[data-theme="dark"] .director-float-badge {
  background: rgba(20, 20, 20, 0.94);
  backdrop-filter: blur(12px);
  border-color: #333333;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .director-float-badge b {
  color: #8fd3cb;
}

[data-theme="dark"] .director-float-badge span {
  color: #b0b0b0;
}

[data-theme="dark"] .doctor-credential-item {
  color: #f0f0f0;
}

[data-theme="dark"] .doctor-credential-item i {
  color: #5db3aa;
}

[data-theme="dark"] .doctor-book-btn {
  background: #102e29;
  color: #8fd3cb;
  border-color: #2a2a2a;
}

[data-theme="dark"] .doctor-book-btn:hover {
  background: #5db3aa;
  color: #0b2e29;
  border-color: #5db3aa;
}

[data-theme="dark"] .lab-showcase-frame {
  border-color: #2a2a2a;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .lab-overlay-pill {
  background: rgba(20, 20, 20, 0.92);
  color: #8fd3cb;
  border-color: #333333;
}

[data-theme="dark"] .lab-overlay-pill i {
  color: #5db3aa;
}

/* ── Filter Chips in Dark Mode ── */
[data-theme="dark"] .chip {
  background: #181f1e;
  color: #e5eceb;
  border-color: #2b3a37;
}

[data-theme="dark"] .chip i {
  color: #8fd3cb;
}

[data-theme="dark"] .chip:hover {
  background: #22302d;
  color: #ffffff;
  border-color: #5db3aa;
}

[data-theme="dark"] .chip:hover i {
  color: #ffffff;
}

[data-theme="dark"] .chip.active {
  background: #5db3aa;
  color: #06211d;
  border-color: #5db3aa;
  font-weight: 700;
  box-shadow: 0 4px 18px rgba(93, 179, 170, 0.4);
}

[data-theme="dark"] .chip.active i {
  color: #06211d;
}

/* In .alt sections (rich dark pine green background like doctors specialists section) */
[data-theme="dark"] .alt .chip {
  background: rgba(255, 255, 255, 0.08);
  color: #f0f5f4;
  border-color: rgba(143, 211, 203, 0.28);
  backdrop-filter: blur(8px);
}

[data-theme="dark"] .alt .chip i {
  color: #8fd3cb;
}

[data-theme="dark"] .alt .chip:hover {
  background: rgba(93, 179, 170, 0.22);
  color: #ffffff;
  border-color: #5db3aa;
}

[data-theme="dark"] .alt .chip:hover i {
  color: #ffffff;
}

[data-theme="dark"] .alt .chip.active {
  background: #5db3aa;
  color: #06211d;
  border-color: #5db3aa;
  font-weight: 700;
  box-shadow: 0 4px 18px rgba(93, 179, 170, 0.5);
}

[data-theme="dark"] .alt .chip.active i {
  color: #06211d;
}

[data-theme="dark"] .team-creds {
  color: #a4b8b5;
}

/* ==========================================================================
   Resources Page Dark Mode
   ========================================================================== */

[data-theme="dark"] .resources-trust-item {
  background: rgba(22, 28, 27, 0.85);
  border-color: #2b3634;
  color: #e5eceb;
}

[data-theme="dark"] .resources-trust-item i {
  color: #5db3aa;
}

[data-theme="dark"] .guide-highlight-card {
  background: #171d1c;
  border-color: #263331;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .guide-visual-frame {
  border-color: #2b3634;
}

[data-theme="dark"] .guide-badge {
  background: rgba(224, 112, 127, 0.18);
  color: #f7a8b4;
  border-color: rgba(224, 112, 127, 0.35);
}

[data-theme="dark"] .guide-steps-list li {
  color: #d1dedc;
}

[data-theme="dark"] .guide-steps-list li i {
  background: rgba(93, 179, 170, 0.15);
  color: #5db3aa;
}

[data-theme="dark"] .article-card {
  background: #171d1c;
  border-color: #263331;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .article-card:hover {
  border-color: #5db3aa;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] .article-badge {
  background: rgba(14, 26, 24, 0.94);
  color: #e6f7f5;
  border: 1px solid rgba(143, 211, 203, 0.4);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

[data-theme="dark"] .article-badge i {
  color: #5db3aa;
}

[data-theme="dark"] .article-card-body h3 {
  color: #f2f7f6;
}

[data-theme="dark"] .article-card-body p {
  color: #a3b8b5;
}

[data-theme="dark"] .article-meta {
  color: #8da3a0;
  border-top-color: #263331;
}

[data-theme="dark"] .article-read-link {
  color: #5db3aa;
}

[data-theme="dark"] .article-read-link:hover {
  color: #8fd3cb;
}

[data-theme="dark"] .download-card {
  background: #171d1c;
  border-color: #263331;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .download-card:hover {
  border-color: #5db3aa;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .download-icon-wrap {
  background: rgba(93, 179, 170, 0.15);
  color: #5db3aa;
}

[data-theme="dark"] .download-card h3 {
  color: #f2f7f6;
}

[data-theme="dark"] .download-card p {
  color: #a3b8b5;
}

[data-theme="dark"] .download-meta {
  color: #8da3a0;
}

[data-theme="dark"] .download-action-btn {
  background: rgba(93, 179, 170, 0.12);
  color: #5db3aa;
  border-color: rgba(93, 179, 170, 0.28);
}

[data-theme="dark"] .download-action-btn:hover {
  background: #5db3aa;
  color: #0b2e29;
}

[data-theme="dark"] .webinar-card {
  background: #171d1c;
  border-color: #263331;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .webinar-card:hover {
  border-color: #5db3aa;
}

[data-theme="dark"] .webinar-date-pill {
  background: rgba(93, 179, 170, 0.15);
  color: #8fd3cb;
  border-color: rgba(93, 179, 170, 0.3);
}

[data-theme="dark"] .webinar-card h3 {
  color: #f2f7f6;
}

[data-theme="dark"] .webinar-speaker {
  color: #5db3aa;
}

[data-theme="dark"] .webinar-desc {
  color: #a3b8b5;
}

[data-theme="dark"] .resources-faq-item {
  background: #171d1c;
  border-color: #263331;
}

[data-theme="dark"] .resources-faq-item[open] {
  border-color: #5db3aa;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .resources-faq-summary {
  color: #f2f7f6;
}

[data-theme="dark"] .resources-faq-summary:hover {
  color: #5db3aa;
}

[data-theme="dark"] .resources-faq-answer {
  color: #a3b8b5;
  border-top-color: #263331;
}

/* ==========================================================================
   Contact Page Dark Mode
   ========================================================================== */

[data-theme="dark"] .contact-quick-card {
  background: #171d1c;
  border-color: #263331;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .contact-quick-card:hover {
  border-color: #5db3aa;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .contact-quick-icon {
  background: rgba(93, 179, 170, 0.15);
  color: #5db3aa;
}

[data-theme="dark"] .contact-quick-card h3 {
  color: #f2f7f6;
}

[data-theme="dark"] .contact-quick-card p {
  color: #a3b8b5;
}

[data-theme="dark"] .contact-action-link {
  color: #5db3aa;
}

[data-theme="dark"] .contact-action-link:hover {
  color: #8fd3cb;
}

[data-theme="dark"] .contact-form-card {
  background: #171d1c;
  border-color: #263331;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .contact-form-card .btn-rose {
  background: #e0707f;
  color: #ffffff;
}

[data-theme="dark"] .contact-form-card .btn-rose:hover {
  background: #eb8492;
  box-shadow: 0 8px 24px rgba(240, 138, 152, 0.35);
}

[data-theme="dark"] .contact-form-header h2 {
  color: #f2f7f6;
}

[data-theme="dark"] .contact-form-header p {
  color: #a3b8b5;
}

[data-theme="dark"] .contact-input-wrap input,
[data-theme="dark"] .contact-input-wrap select,
[data-theme="dark"] .contact-input-wrap textarea {
  background-color: #101514;
  border-color: #263331;
  color: #d1dedc;
  font-weight: 400;
}

[data-theme="dark"] .contact-input-wrap input::placeholder,
[data-theme="dark"] .contact-input-wrap textarea::placeholder {
  color: #7b9491;
  font-weight: 400;
}

[data-theme="dark"] .contact-input-wrap input:focus,
[data-theme="dark"] .contact-input-wrap select:focus,
[data-theme="dark"] .contact-input-wrap textarea:focus {
  border-color: #5db3aa;
  box-shadow: 0 0 0 3px rgba(93, 179, 170, 0.2);
}

[data-theme="dark"] .contact-map-card {
  background: #171d1c;
  border-color: #263331;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .contact-map-info-bar {
  background: #171d1c;
  border-top-color: #263331;
}

[data-theme="dark"] .contact-map-info-item {
  color: #d1dedc;
}

[data-theme="dark"] .contact-map-actions .btn-outline {
  border-color: #3fa9a1;
  color: #8fd3cb;
}

[data-theme="dark"] .contact-map-actions .btn-outline:hover {
  background: #3fa9a1;
  color: #0b2e29;
}

[data-theme="dark"] .contact-input-wrap select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%238fd3cb" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
}

[data-theme="dark"] .contact-input-wrap select option {
  background-color: #171d1c;
  color: #f0f0f0;
}

/* ==========================================================================
   Auth & Login Page Dark Mode
   ========================================================================== */
[data-theme="dark"] .auth-body {
  background: radial-gradient(circle at 80% 20%, rgba(240, 138, 152, 0.12), transparent 45%),
              radial-gradient(circle at 10% 80%, rgba(93, 179, 170, 0.14), transparent 50%),
              #0d0d0d;
}

[data-theme="dark"] .auth-card {
  background: #171d1c;
  border-color: #263331;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] .auth-side {
  background: #111a19;
  border-right-color: #263331;
  color: #e5eceb;
}

[data-theme="dark"] .auth-side .logo {
  color: #8fd3cb;
}

[data-theme="dark"] .auth-side .logo span {
  color: #f08a98;
}

[data-theme="dark"] .auth-side .logo i {
  color: #5db3aa;
}

[data-theme="dark"] .auth-image-wrap {
  border-color: #263331;
}

[data-theme="dark"] .auth-side-badge {
  background: rgba(93, 179, 170, 0.16);
  color: #8fd3cb;
}

[data-theme="dark"] .auth-side h2 {
  color: #f2f7f6;
}

[data-theme="dark"] .auth-side-desc {
  color: #a3b8b5;
}

[data-theme="dark"] .auth-side .ticks li {
  color: #d1dedc;
}

[data-theme="dark"] .auth-side .ticks i {
  color: #5db3aa;
}

[data-theme="dark"] .auth-main h1 {
  color: #f2f7f6;
}

[data-theme="dark"] .auth-subtitle {
  color: #a3b8b5;
}

[data-theme="dark"] .auth-field label {
  color: #e5eceb;
}

[data-theme="dark"] .auth-input {
  background: #101514;
  border-color: #263331;
  color: #f0f0f0;
}

[data-theme="dark"] .auth-input:focus {
  border-color: #5db3aa;
  box-shadow: 0 0 0 3px rgba(93, 179, 170, 0.2);
}

[data-theme="dark"] .auth-eye-btn {
  color: #8da3a0;
}

[data-theme="dark"] .auth-eye-btn:hover {
  color: #5db3aa;
}

[data-theme="dark"] .auth-social-btn {
  background: #101514;
  border-color: #263331;
  color: #e5eceb;
}

[data-theme="dark"] .auth-social-btn:hover {
  background: #172422;
  border-color: #5db3aa;
  color: #ffffff;
}

[data-theme="dark"] .auth-social-btn i.bi-apple {
  color: #ffffff;
}

[data-theme="dark"] .auth-divider::before {
  background: #263331;
}

[data-theme="dark"] .auth-divider span {
  background: #171d1c;
  color: #8da3a0;
}

[data-theme="dark"] .auth-remember-label {
  color: #d1dedc;
}

[data-theme="dark"] .auth-forgot-link,
[data-theme="dark"] .auth-switch-link,
[data-theme="dark"] .auth-back-link {
  color: #5db3aa;
}

[data-theme="dark"] .auth-forgot-link:hover,
[data-theme="dark"] .auth-switch-link:hover,
[data-theme="dark"] .auth-back-link:hover {
  color: #8fd3cb;
}

[data-theme="dark"] .auth-switch-prompt,
[data-theme="dark"] .auth-demo-hint {
  color: #8da3a0;
}

/* ==========================================================================
   Calendar Icons & Date Pickers High Visibility in Dark Mode
   ========================================================================== */

/* Native HTML5 Date / Time Pickers */
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="time"],
[data-theme="dark"] input[type="datetime-local"] {
  background-color: #121817;
  border-color: #2b3a37;
  color: #f0f0f0;
}

[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%238fd3cb" class="bi bi-calendar3" viewBox="0 0 16 16"><path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/><path d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  background-color: rgba(93, 179, 170, 0.22) !important;
  border: 1px solid rgba(143, 211, 203, 0.4) !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  opacity: 1 !important;
  cursor: pointer !important;
  filter: none !important;
  transition: all 0.2s ease !important;
}

[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator:hover,
[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator:hover,
[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%230b2e29" class="bi bi-calendar3" viewBox="0 0 16 16"><path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/><path d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>') !important;
  background-color: #5db3aa !important;
  border-color: #5db3aa !important;
  box-shadow: 0 0 12px rgba(93, 179, 170, 0.6) !important;
  transform: scale(1.08) !important;
}

/* Global Calendar Bootstrap Icons Visibility & Contrast in Dark Mode */
[data-theme="dark"] i.bi-calendar,
[data-theme="dark"] i.bi-calendar-check,
[data-theme="dark"] i.bi-calendar-check-fill,
[data-theme="dark"] i.bi-calendar-event,
[data-theme="dark"] i.bi-calendar-plus,
[data-theme="dark"] i.bi-calendar-heart,
[data-theme="dark"] i.bi-calendar2,
[data-theme="dark"] i.bi-calendar2-check,
[data-theme="dark"] i.bi-calendar2-check-fill,
[data-theme="dark"] i.bi-calendar2-event,
[data-theme="dark"] i.bi-calendar2-heart,
[data-theme="dark"] i.bi-calendar2-range,
[data-theme="dark"] i.bi-calendar2-week,
[data-theme="dark"] i.bi-calendar3 {
  opacity: 1;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

/* Calculator & Form Calendar Icon in Dark Mode */
[data-theme="dark"] .calc-label i.bi-calendar3,
[data-theme="dark"] .calc-label i[class*="bi-calendar"],
[data-theme="dark"] .calc-label i {
  color: #8fd3cb !important;
  font-size: 1.15rem;
  display: inline-block;
  margin-right: 5px;
}

[data-theme="dark"] .calc-benefit-icon i[class*="bi-calendar"],
[data-theme="dark"] .calc-benefit-icon i {
  color: #5db3aa !important;
}

/* Timeline Calendar Years in Dark Mode */
[data-theme="dark"] .timeline-year {
  background: #102e29;
  color: #8fd3cb;
  border-color: #2a2a2a;
}

[data-theme="dark"] .timeline-year i[class*="bi-calendar"] {
  color: #fca5b4;
  margin-right: 5px;
}

/* Webinar Date Pills in Dark Mode */
[data-theme="dark"] .webinar-date-pill {
  background: rgba(93, 179, 170, 0.18);
  color: #8fd3cb;
  border-color: rgba(93, 179, 170, 0.35);
}

[data-theme="dark"] .webinar-date-pill i[class*="bi-calendar"] {
  color: #5db3aa;
  margin-right: 5px;
}

/* Doctor Booking & Appointment Buttons in Dark Mode */
[data-theme="dark"] .doctor-book-btn {
  background: #102e29;
  color: #8fd3cb;
  border-color: #2a2a2a;
}

[data-theme="dark"] .doctor-book-btn i[class*="bi-calendar"] {
  color: #8fd3cb;
  margin-right: 6px;
}

[data-theme="dark"] .doctor-book-btn:hover {
  background: #5db3aa;
  color: #0b2e29;
  border-color: #5db3aa;
}

[data-theme="dark"] .doctor-book-btn:hover i[class*="bi-calendar"] {
  color: #0b2e29;
}


[data-theme="dark"] .resources-trust-item i[class*="bi-calendar"] {
  color: #8fd3cb;
}

/* Dashboard Stat Icons & Action Buttons */
[data-theme="dark"] .admin-dashboard .stat-ico.rose,
[data-theme="dark"] .user-dashboard .stat-ico.rose,
[data-theme="dark"] .stat-ico.rose {
  background: #361720 !important;
  color: #fca5b4 !important;
}

[data-theme="dark"] .admin-dashboard .stat-ico.rose i,
[data-theme="dark"] .user-dashboard .stat-ico.rose i,
[data-theme="dark"] .stat-ico.rose i {
  color: #fca5b4 !important;
}

[data-theme="dark"] .admin-dashboard .stat-ico.teal,
[data-theme="dark"] .user-dashboard .stat-ico.teal,
[data-theme="dark"] .stat-ico.teal {
  background: #12302d !important;
  color: #5fd3b0 !important;
}

[data-theme="dark"] .admin-dashboard .stat-ico.teal i,
[data-theme="dark"] .user-dashboard .stat-ico.teal i,
[data-theme="dark"] .stat-ico.teal i {
  color: #5fd3b0 !important;
}

[data-theme="dark"] .ad-btn.ghost i[class*="bi-calendar"] {
  color: #8fd3cb;
}

[data-theme="dark"] .ad-btn.ghost:hover i[class*="bi-calendar"] {
  color: #ffffff;
}

[data-theme="dark"] .nl i[class*="bi-calendar"] {
  color: inherit;
}