/* ==========================================================================
   MediCare Pro - Dark Mode
   Toggle via body.dark-mode or html[data-theme="dark"]
   ========================================================================== */

/* ==========================================================================
   CSS CUSTOM PROPERTY OVERRIDES
   ========================================================================== */
body.dark-mode,
html[data-theme="dark"] body,
html.dark-mode body {
  --medipro-bg: #0F172A;
  --medipro-bg-rgb: 15, 23, 42;
  --medipro-section-bg: #1E293B;
  --medipro-section-bg-rgb: 30, 41, 59;
  --medipro-text: #F1F5F9;
  --medipro-text-rgb: 241, 245, 249;
  --medipro-text-secondary: #94A3B8;
  --medipro-text-secondary-rgb: 148, 163, 184;
  --medipro-border: #334155;
  --medipro-border-rgb: 51, 65, 85;
  --medipro-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --medipro-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.2);
  --medipro-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.25), 0 10px 24px rgba(0, 0, 0, 0.3);
  --medipro-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.3), 0 20px 48px rgba(0, 0, 0, 0.35);
  --medipro-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.35), 0 30px 64px rgba(0, 0, 0, 0.4);
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}


/* ==========================================================================
   GLOBAL ELEMENT OVERRIDES
   ========================================================================== */
body.dark-mode,
html[data-theme="dark"] body {
  background-color: var(--medipro-bg, #0F172A);
  color: var(--medipro-text, #F1F5F9);
}

body.dark-mode img,
html[data-theme="dark"] img {
  opacity: 0.92;
  transition: opacity 0.3s ease;
}

body.dark-mode img:hover,
html[data-theme="dark"] img:hover {
  opacity: 1;
}


/* ==========================================================================
   HEADER
   ========================================================================== */
body.dark-mode .medipro-header,
html[data-theme="dark"] .medipro-header {
  background: rgba(15, 23, 42, 0.95);
  border-bottom-color: var(--medipro-border, #334155);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}

body.dark-mode .medipro-header__logo img.filter-invert,
html[data-theme="dark"] .medipro-header__logo img.filter-invert {
  filter: brightness(0) invert(1);
}

body.dark-mode .medipro-nav__link,
html[data-theme="dark"] .medipro-nav__link {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-nav__link:hover,
body.dark-mode .medipro-nav__link.is-active,
html[data-theme="dark"] .medipro-nav__link:hover,
html[data-theme="dark"] .medipro-nav__link.is-active {
  color: var(--medipro-primary, #2563EB);
}

body.dark-mode .medipro-hamburger__line,
html[data-theme="dark"] .medipro-hamburger__line {
  background: var(--medipro-text, #F1F5F9);
}

body.dark-mode .medipro-nav__dropdown,
html[data-theme="dark"] .medipro-nav__dropdown {
  background: #1E293B;
  border-color: var(--medipro-border, #334155);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

body.dark-mode .medipro-nav__dropdown .medipro-nav__link,
html[data-theme="dark"] .medipro-nav__dropdown .medipro-nav__link {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-nav__dropdown .medipro-nav__link:hover,
html[data-theme="dark"] .medipro-nav__dropdown .medipro-nav__link:hover {
  color: #FFFFFF;
  background: rgba(var(--medipro-primary-rgb, 37, 99, 235), 0.1);
}

/* Mobile Menu Dark */
body.dark-mode .medipro-nav__list,
html[data-theme="dark"] .medipro-nav__list {
  background: var(--medipro-bg, #0F172A);
}

body.dark-mode .medipro-nav__item,
html[data-theme="dark"] .medipro-nav__item {
  border-bottom-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-nav__link,
html[data-theme="dark"] .medipro-nav__link {
  color: var(--medipro-text, #F1F5F9);
}


/* ==========================================================================
   PAGE HEADER / BREADCRUMB
   ========================================================================== */
body.dark-mode .medipro-page-header,
html[data-theme="dark"] .medipro-page-header {
  background: var(--medipro-section-bg, #1E293B);
  border-bottom-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-breadcrumb__separator,
html[data-theme="dark"] .medipro-breadcrumb__separator {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-breadcrumb__link,
html[data-theme="dark"] .medipro-breadcrumb__link {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-breadcrumb__current,
html[data-theme="dark"] .medipro-breadcrumb__current {
  color: var(--medipro-primary, #2563EB);
}


/* ==========================================================================
   HERO OVERRIDES
   ========================================================================== */
body.dark-mode .medipro-hero-style-2,
html[data-theme="dark"] .medipro-hero-style-2 {
  background: var(--medipro-bg, #0F172A);
}

body.dark-mode .medipro-hero-style-2 .medipro-hero-headline,
html[data-theme="dark"] .medipro-hero-style-2 .medipro-hero-headline {
  color: var(--medipro-text, #F1F5F9);
}

body.dark-mode .medipro-hero-style-2 .medipro-hero-subheadline,
html[data-theme="dark"] .medipro-hero-style-2 .medipro-hero-subheadline {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-hero-style-2 .medipro-hero-glass-card,
html[data-theme="dark"] .medipro-hero-style-2 .medipro-hero-glass-card {
  background: #1E293B;
  border-color: var(--medipro-border, #334155);
  color: var(--medipro-text, #F1F5F9);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

body.dark-mode .medipro-hero-style-2 .medipro-hero-glass-card-icon,
html[data-theme="dark"] .medipro-hero-style-2 .medipro-hero-glass-card-icon {
  background: rgba(var(--medipro-primary-rgb, 37, 99, 235), 0.15);
  color: var(--medipro-primary, #2563EB);
}

body.dark-mode .medipro-hero-style-2 .medipro-hero-stats .medipro-hero-stat-number,
html[data-theme="dark"] .medipro-hero-style-2 .medipro-hero-stats .medipro-hero-stat-number {
  color: var(--medipro-primary, #2563EB);
}

body.dark-mode .medipro-hero-style-2 .medipro-hero-stats .medipro-hero-stat-label,
html[data-theme="dark"] .medipro-hero-style-2 .medipro-hero-stats .medipro-hero-stat-label {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-hero-style-2 .medipro-hero-stats,
html[data-theme="dark"] .medipro-hero-style-2 .medipro-hero-stats {
  border-top-color: var(--medipro-border, #334155);
}


/* ==========================================================================
   CARDS (Service, Doctor, Department, Team, Blog)
   ========================================================================== */
body.dark-mode .medipro-service-card,
body.dark-mode .medipro-doctor-card,
body.dark-mode .medipro-department-card,
body.dark-mode .medipro-team-card,
body.dark-mode .medipro-testimonial-card,
body.dark-mode .medipro-pricing-card,
body.dark-mode .medipro-article-card,
body.dark-mode .medipro-contact-info-card,
body.dark-mode .medipro-process-step,
body.dark-mode .medipro-stat-item,
body.dark-mode .medipro-counter--boxed,
html[data-theme="dark"] .medipro-service-card,
html[data-theme="dark"] .medipro-doctor-card,
html[data-theme="dark"] .medipro-department-card,
html[data-theme="dark"] .medipro-team-card,
html[data-theme="dark"] .medipro-testimonial-card,
html[data-theme="dark"] .medipro-pricing-card,
html[data-theme="dark"] .medipro-article-card,
html[data-theme="dark"] .medipro-contact-info-card,
html[data-theme="dark"] .medipro-process-step,
html[data-theme="dark"] .medipro-stat-item,
html[data-theme="dark"] .medipro-counter--boxed {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-service-card:hover,
body.dark-mode .medipro-doctor-card:hover,
body.dark-mode .medipro-department-card:hover,
body.dark-mode .medipro-team-card:hover,
body.dark-mode .medipro-testimonial-card:hover,
body.dark-mode .medipro-pricing-card:hover,
body.dark-mode .medipro-article-card:hover,
body.dark-mode .medipro-contact-info-card:hover,
body.dark-mode .medipro-process-step:hover,
body.dark-mode .medipro-stat-item:hover,
html[data-theme="dark"] .medipro-service-card:hover,
html[data-theme="dark"] .medipro-doctor-card:hover,
html[data-theme="dark"] .medipro-department-card:hover,
html[data-theme="dark"] .medipro-team-card:hover,
html[data-theme="dark"] .medipro-testimonial-card:hover,
html[data-theme="dark"] .medipro-pricing-card:hover,
html[data-theme="dark"] .medipro-article-card:hover,
html[data-theme="dark"] .medipro-contact-info-card:hover,
html[data-theme="dark"] .medipro-process-step:hover,
html[data-theme="dark"] .medipro-stat-item:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

/* Card titles */
body.dark-mode .medipro-service-title,
body.dark-mode .medipro-doctor-name,
body.dark-mode .medipro-dept-title,
body.dark-mode .medipro-team-card-name,
body.dark-mode .medipro-article-title,
body.dark-mode .medipro-pricing-card-name,
body.dark-mode .medipro-process-step-title,
body.dark-mode .medipro-modal-title,
body.dark-mode .medipro-stat-item .medipro-stat-label,
html[data-theme="dark"] .medipro-service-title,
html[data-theme="dark"] .medipro-doctor-name,
html[data-theme="dark"] .medipro-dept-title,
html[data-theme="dark"] .medipro-team-card-name,
html[data-theme="dark"] .medipro-article-title,
html[data-theme="dark"] .medipro-pricing-card-name,
html[data-theme="dark"] .medipro-process-step-title,
html[data-theme="dark"] .medipro-modal-title,
html[data-theme="dark"] .medipro-stat-item .medipro-stat-label {
  color: var(--medipro-text, #F1F5F9);
}

/* Card text */
body.dark-mode .medipro-service-desc,
body.dark-mode .medipro-dept-desc,
body.dark-mode .medipro-team-card-text,
body.dark-mode .medipro-article-excerpt,
body.dark-mode .medipro-process-step-desc,
body.dark-mode .medipro-testimonial-text,
body.dark-mode .medipro-counter-label,
html[data-theme="dark"] .medipro-service-desc,
html[data-theme="dark"] .medipro-dept-desc,
html[data-theme="dark"] .medipro-team-card-text,
html[data-theme="dark"] .medipro-article-excerpt,
html[data-theme="dark"] .medipro-process-step-desc,
html[data-theme="dark"] .medipro-testimonial-text,
html[data-theme="dark"] .medipro-counter-label {
  color: var(--medipro-text-secondary, #94A3B8);
}

/* Doctor card overlay */
body.dark-mode .medipro-doctor-card-overlay,
html[data-theme="dark"] .medipro-doctor-card-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 60%);
}


/* ==========================================================================
   PRICING
   ========================================================================== */
body.dark-mode .medipro-pricing-card-featured,
html[data-theme="dark"] .medipro-pricing-card-featured {
  border-color: var(--medipro-primary, #2563EB);
}

body.dark-mode .medipro-pricing-card-features li,
html[data-theme="dark"] .medipro-pricing-card-features li {
  color: var(--medipro-text, #F1F5F9);
  border-bottom-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-pricing-toggle,
html[data-theme="dark"] .medipro-pricing-toggle {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
}


/* ==========================================================================
   ACCORDION / FAQ
   ========================================================================== */
body.dark-mode .medipro-accordion-item,
html[data-theme="dark"] .medipro-accordion-item {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-accordion-item.active,
html[data-theme="dark"] .medipro-accordion-item.active {
  border-color: var(--medipro-primary, #2563EB);
}

body.dark-mode .medipro-accordion-header,
html[data-theme="dark"] .medipro-accordion-header {
  color: var(--medipro-text, #F1F5F9);
}

body.dark-mode .medipro-accordion-header:hover,
body.dark-mode .medipro-accordion-item.active .medipro-accordion-header,
html[data-theme="dark"] .medipro-accordion-header:hover,
html[data-theme="dark"] .medipro-accordion-item.active .medipro-accordion-header {
  color: var(--medipro-primary, #2563EB);
}

body.dark-mode .medipro-accordion-icon,
html[data-theme="dark"] .medipro-accordion-icon {
  background: rgba(var(--medipro-primary-rgb, 37, 99, 235), 0.15);
  color: var(--medipro-primary, #2563EB);
}

body.dark-mode .medipro-accordion-item.active .medipro-accordion-icon,
html[data-theme="dark"] .medipro-accordion-item.active .medipro-accordion-icon {
  background: var(--medipro-primary, #2563EB);
  color: #FFFFFF;
}

body.dark-mode .medipro-accordion-content-inner,
html[data-theme="dark"] .medipro-accordion-content-inner {
  color: var(--medipro-text-secondary, #94A3B8);
}


/* ==========================================================================
   TABS
   ========================================================================== */
body.dark-mode .medipro-tab-nav,
html[data-theme="dark"] .medipro-tab-nav {
  border-bottom-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-tab-btn,
html[data-theme="dark"] .medipro-tab-btn {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-tab-btn:hover,
html[data-theme="dark"] .medipro-tab-btn:hover {
  color: var(--medipro-primary, #2563EB);
}

body.dark-mode .medipro-tab-btn.active,
html[data-theme="dark"] .medipro-tab-btn.active {
  color: var(--medipro-primary, #2563EB);
  border-bottom-color: var(--medipro-primary, #2563EB);
}


/* ==========================================================================
   BLOG CARDS
   ========================================================================== */
body.dark-mode .medipro-article-date,
html[data-theme="dark"] .medipro-article-date {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-article-meta,
html[data-theme="dark"] .medipro-article-meta {
  border-top-color: var(--medipro-border, #334155);
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-article-card-minimal,
html[data-theme="dark"] .medipro-article-card-minimal {
  background: transparent;
  border-bottom-color: var(--medipro-border, #334155);
}


/* ==========================================================================
   GALLERY
   ========================================================================== */
body.dark-mode .medipro-gallery-filter-btn,
html[data-theme="dark"] .medipro-gallery-filter-btn {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-gallery-filter-btn:hover,
html[data-theme="dark"] .medipro-gallery-filter-btn:hover {
  border-color: var(--medipro-primary, #2563EB);
  color: var(--medipro-primary, #2563EB);
}


/* ==========================================================================
   TEAM CARD SOCIAL
   ========================================================================== */
body.dark-mode .medipro-team-card-social a,
html[data-theme="dark"] .medipro-team-card-social a {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-team-card-social a:hover,
html[data-theme="dark"] .medipro-team-card-social a:hover {
  background: var(--medipro-primary, #2563EB);
  border-color: var(--medipro-primary, #2563EB);
  color: #FFFFFF;
}


/* ==========================================================================
   CONTACT
   ========================================================================== */
body.dark-mode .medipro-contact-form,
html[data-theme="dark"] .medipro-contact-form {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-contact-info-card,
html[data-theme="dark"] .medipro-contact-info-card {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-contact-info-card-title,
html[data-theme="dark"] .medipro-contact-info-card-title {
  color: var(--medipro-text, #F1F5F9);
}

body.dark-mode .medipro-contact-info-card-text,
html[data-theme="dark"] .medipro-contact-info-card-text {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-contact-map,
html[data-theme="dark"] .medipro-contact-map {
  filter: brightness(0.8) contrast(1.1);
}


/* ==========================================================================
   FORMS
   ========================================================================== */
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="url"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="number"],
body.dark-mode input[type="password"],
body.dark-mode input[type="search"],
body.dark-mode input[type="date"],
body.dark-mode input[type="datetime-local"],
body.dark-mode input[type="month"],
body.dark-mode input[type="week"],
body.dark-mode input[type="time"],
body.dark-mode textarea,
body.dark-mode select,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="datetime-local"],
html[data-theme="dark"] input[type="month"],
html[data-theme="dark"] input[type="week"],
html[data-theme="dark"] input[type="time"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
  color: var(--medipro-text, #F1F5F9);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--medipro-text-secondary, #94A3B8);
  opacity: 0.7;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
  border-color: var(--medipro-primary, #2563EB);
  box-shadow: 0 0 0 3px rgba(var(--medipro-primary-rgb, 37, 99, 235), 0.2);
}

body.dark-mode label,
html[data-theme="dark"] label {
  color: var(--medipro-text, #F1F5F9);
}

body.dark-mode .form-select,
html[data-theme="dark"] .form-select {
  background-color: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
  color: var(--medipro-text, #F1F5F9);
}


/* ==========================================================================
   MODAL
   ========================================================================== */
body.dark-mode .medipro-modal-overlay,
html[data-theme="dark"] .medipro-modal-overlay {
  background: rgba(0, 0, 0, 0.7);
}

body.dark-mode .medipro-modal,
html[data-theme="dark"] .medipro-modal {
  background: var(--medipro-section-bg, #1E293B);
  border: 1px solid var(--medipro-border, #334155);
}

body.dark-mode .medipro-modal-header,
body.dark-mode .medipro-modal-footer,
html[data-theme="dark"] .medipro-modal-header,
html[data-theme="dark"] .medipro-modal-footer {
  border-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-modal-close,
html[data-theme="dark"] .medipro-modal-close {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--medipro-border, #334155);
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-modal-close:hover,
html[data-theme="dark"] .medipro-modal-close:hover {
  background: var(--medipro-primary, #2563EB);
  color: #FFFFFF;
}


/* ==========================================================================
   TABLES
   ========================================================================== */
body.dark-mode table,
html[data-theme="dark"] table {
  border-color: var(--medipro-border, #334155);
}

body.dark-mode thead,
html[data-theme="dark"] thead {
  background: var(--medipro-section-bg, #1E293B);
}

body.dark-mode thead th,
html[data-theme="dark"] thead th {
  color: var(--medipro-text, #F1F5F9);
  border-bottom-color: var(--medipro-border, #334155);
}

body.dark-mode tbody td,
html[data-theme="dark"] tbody td {
  border-bottom-color: var(--medipro-border, #334155);
  color: var(--medipro-text, #F1F5F9);
}

body.dark-mode tbody tr:hover,
html[data-theme="dark"] tbody tr:hover {
  background: rgba(var(--medipro-primary-rgb, 37, 99, 235), 0.05);
}

body.dark-mode .medipro-table,
html[data-theme="dark"] .medipro-table {
  color: var(--medipro-text, #F1F5F9);
}


/* ==========================================================================
   CODE BLOCKS
   ========================================================================== */
body.dark-mode code,
body.dark-mode pre,
html[data-theme="dark"] code,
html[data-theme="dark"] pre {
  background: #1A1F35;
  color: #E2E8F0;
  border-color: #334155;
}

body.dark-mode pre,
html[data-theme="dark"] pre {
  border: 1px solid var(--medipro-border, #334155);
  border-radius: var(--medipro-radius, 12px);
}

body.dark-mode code,
html[data-theme="dark"] code {
  background: rgba(var(--medipro-primary-rgb, 37, 99, 235), 0.12);
  color: #93C5FD;
  padding: 0.125rem 0.375rem;
  border-radius: var(--medipro-radius-sm, 6px);
  font-size: 0.875em;
}

body.dark-mode pre code,
html[data-theme="dark"] pre code {
  background: transparent;
  padding: 0;
  border-radius: 0;
  color: inherit;
}


/* ==========================================================================
   PROGRESS BARS
   ========================================================================== */
body.dark-mode .medipro-progress-bar,
html[data-theme="dark"] .medipro-progress-bar {
  background: #1A2332;
}

body.dark-mode .medipro-progress-label,
html[data-theme="dark"] .medipro-progress-label {
  color: var(--medipro-text, #F1F5F9);
}

body.dark-mode .medipro-progress-value,
html[data-theme="dark"] .medipro-progress-value {
  color: var(--medipro-primary, #2563EB);
}


/* ==========================================================================
   ALERTS - Dark Variants
   ========================================================================== */
body.dark-mode .medipro-alert-success,
html[data-theme="dark"] .medipro-alert-success {
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.25);
  color: #6EE7B7;
}

body.dark-mode .medipro-alert-error,
html[data-theme="dark"] .medipro-alert-error {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.25);
  color: #FCA5A5;
}

body.dark-mode .medipro-alert-warning,
html[data-theme="dark"] .medipro-alert-warning {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.25);
  color: #FCD34D;
}

body.dark-mode .medipro-alert-info,
html[data-theme="dark"] .medipro-alert-info {
  background: rgba(37, 99, 235, 0.12);
  border-color: rgba(37, 99, 235, 0.25);
  color: #93C5FD;
}


/* ==========================================================================
   PAGINATION
   ========================================================================== */
body.dark-mode .medipro-pagination-link,
html[data-theme="dark"] .medipro-pagination-link {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
  color: var(--medipro-text, #F1F5F9);
}

body.dark-mode .medipro-pagination-link:hover,
html[data-theme="dark"] .medipro-pagination-link:hover {
  background: var(--medipro-primary, #2563EB);
  border-color: var(--medipro-primary, #2563EB);
  color: #FFFFFF;
}

body.dark-mode .medipro-pagination-current,
html[data-theme="dark"] .medipro-pagination-current {
  background: var(--medipro-primary, #2563EB);
  border-color: var(--medipro-primary, #2563EB);
  color: #FFFFFF;
}


/* ==========================================================================
   BACK TO TOP
   ========================================================================== */
body.dark-mode .medipro-back-to-top,
html[data-theme="dark"] .medipro-back-to-top {
  background: var(--medipro-primary, #2563EB);
  color: #FFFFFF;
  box-shadow: 0 4px 16px rgba(var(--medipro-primary-rgb, 37, 99, 235), 0.4);
}


/* ==========================================================================
   SIDEBAR
   ========================================================================== */
body.dark-mode .medipro-sidebar__widget,
html[data-theme="dark"] .medipro-sidebar__widget {
  background: var(--medipro-section-bg, #1E293B);
  border-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-sidebar__widget-title,
html[data-theme="dark"] .medipro-sidebar__widget-title {
  color: var(--medipro-text, #F1F5F9);
  border-bottom-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-sidebar a,
html[data-theme="dark"] .medipro-sidebar a {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-sidebar a:hover,
html[data-theme="dark"] .medipro-sidebar a:hover {
  color: var(--medipro-primary, #2563EB);
}

body.dark-mode .medipro-sidebar li,
html[data-theme="dark"] .medipro-sidebar li {
  border-bottom-color: var(--medipro-border, #334155);
}


/* ==========================================================================
   CTA SECTION
   ========================================================================== */
body.dark-mode .medipro-cta-section,
html[data-theme="dark"] .medipro-cta-section {
  background: linear-gradient(135deg, #1E3A5F, #0F2847);
}


/* ==========================================================================
   BLOCKQUOTES
   ========================================================================== */
body.dark-mode blockquote,
html[data-theme="dark"] blockquote {
  border-left-color: var(--medipro-primary, #2563EB);
  background: var(--medipro-section-bg, #1E293B);
  color: var(--medipro-text, #F1F5F9);
}


/* ==========================================================================
   TESTIMONIAL QUOTE
   ========================================================================== */
body.dark-mode .medipro-testimonial-quote-icon,
html[data-theme="dark"] .medipro-testimonial-quote-icon {
  color: rgba(var(--medipro-primary-rgb, 37, 99, 235), 0.2);
}

body.dark-mode .medipro-testimonial-stars-star--empty,
html[data-theme="dark"] .medipro-testimonial-stars-star--empty {
  color: var(--medipro-border, #334155);
}


/* ==========================================================================
   FOOTER (keep dark, just ensure consistency)
   ========================================================================== */
body.dark-mode .medipro-footer,
html[data-theme="dark"] .medipro-footer {
  background: #0B1120;
}

body.dark-mode .medipro-footer__top,
html[data-theme="dark"] .medipro-footer__top {
  border-top-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-footer__title,
html[data-theme="dark"] .medipro-footer__title {
  color: #FFFFFF;
}

body.dark-mode .medipro-footer__text,
html[data-theme="dark"] .medipro-footer__text {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-footer__link,
html[data-theme="dark"] .medipro-footer__link {
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-footer__link:hover,
html[data-theme="dark"] .medipro-footer__link:hover {
  color: #FFFFFF;
}

body.dark-mode .medipro-footer__social a,
html[data-theme="dark"] .medipro-footer__social a {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--medipro-text-secondary, #94A3B8);
}

body.dark-mode .medipro-footer__social a:hover,
html[data-theme="dark"] .medipro-footer__social a:hover {
  background: var(--medipro-primary, #2563EB);
  border-color: var(--medipro-primary, #2563EB);
  color: #FFFFFF;
}

body.dark-mode .medipro-footer__bottom,
html[data-theme="dark"] .medipro-footer__bottom {
  border-top-color: var(--medipro-border, #334155);
}

body.dark-mode .medipro-footer__copyright,
html[data-theme="dark"] .medipro-footer__copyright {
  color: var(--medipro-text-secondary, #94A3B8);
}


/* ==========================================================================
   SCROLLBAR
   ========================================================================== */
body.dark-mode::-webkit-scrollbar,
html[data-theme="dark"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.dark-mode::-webkit-scrollbar-track,
html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #0F172A;
}

body.dark-mode::-webkit-scrollbar-thumb,
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}

body.dark-mode::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #64748B;
}

body.dark-mode {
  scrollbar-width: thin;
  scrollbar-color: #475569 #0F172A;
}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  body.dark-mode,
  html[data-theme="dark"] body {
    transition: none;
  }
}


/* ==========================================================================
   SYSTEM PREFERENCE AUTO-DARK
   ========================================================================== */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body:not(.light-mode) {
    --medipro-bg: #0F172A;
    --medipro-bg-rgb: 15, 23, 42;
    --medipro-section-bg: #1E293B;
    --medipro-section-bg-rgb: 30, 41, 59;
    --medipro-text: #F1F5F9;
    --medipro-text-rgb: 241, 245, 249;
    --medipro-text-secondary: #94A3B8;
    --medipro-text-secondary-rgb: 148, 163, 184;
    --medipro-border: #334155;
    --medipro-border-rgb: 51, 65, 85;
    --medipro-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --medipro-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.2);
    --medipro-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.25), 0 10px 24px rgba(0, 0, 0, 0.3);
    --medipro-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.3), 0 20px 48px rgba(0, 0, 0, 0.35);
    --medipro-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.35), 0 30px 64px rgba(0, 0, 0, 0.4);
  }
}