/* Medura Theme B — Night Shift
   Persona: Developer or clinic admin checking the platform late at night.
   Dark navy base, teal + violet accents. Premium, focused, zero eye strain.
   BG: #080e1c | Text: #dde4f0 | Accent: #00d4aa | Highlight: #7c72f8 */

/* ===== GLOBAL DARK BASE ===== */
html,
body,
.uni-body {
  background-color: #080e1c !important;
  color: #dde4f0 !important;
}

/* All white backgrounds flip dark */
.bg-white,
[class*="bg-white"],
.panel.bg-white {
  background-color: #0d1528 !important;
}

/* ===== HEADER ===== */
.uc-header .uc-navbar-container,
.uc-navbar-container.uc-navbar-transparent {
  background: rgba(8, 14, 28, 0.0) !important;
  border-bottom-color: transparent !important;
  transition: background 0.3s ease, backdrop-filter 0.3s ease !important;
}

.uc-navbar-container.uc-navbar-sticky {
  background: rgba(10, 16, 32, 0.88) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border-bottom: 1px solid rgba(0, 212, 170, 0.12) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.4), 0 4px 24px rgba(0, 212, 170, 0.06) !important;
}

/* Nav links on dark */
.uc-navbar-nav > li > a.nav-links,
.uc-navbar-nav > li > a.nav-links:hover {
  color: #dde4f0 !important;
}

.uc-navbar-nav > li > a.nav-links:hover {
  background: rgba(0, 212, 170, 0.1) !important;
  color: #00d4aa !important;
}

/* Logo: show on dark bg */
.uc-logo img {
  filter: brightness(0) invert(1) !important;
}

/* CTA buttons */
.btn.btn-primary,
.tg-btn.btn-primary,
a.btn-primary {
  background: #00d4aa !important;
  border-color: #00d4aa !important;
  color: #080e1c !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

.btn.btn-primary:hover,
.tg-btn.btn-primary:hover {
  background: #00b894 !important;
  border-color: #00b894 !important;
  color: #080e1c !important;
}

/* Ghost / secondary buttons */
.btn.btn-outline-light,
.btn-white-ghost,
a[class*="btn-outline"] {
  color: #dde4f0 !important;
  border-color: rgba(221, 228, 240, 0.25) !important;
}

/* ===== BODY / SECTIONS ===== */
/* Elementor sections and containers — dark */
.e-con,
.e-con-inner,
.elementor-section,
.elementor-section-wrap {
  background-color: transparent !important;
}

/* White section backgrounds */
section,
.section,
[class*="section-"] {
  background-color: #080e1c !important;
}

/* ===== TEXT ===== */
h1, h2, h3, h4, h5, h6,
.title, .tg-element-title,
.elementor-heading-title {
  color: #eef1f8 !important;
}

p, .text-muted, .text-gray-500, .text-gray-600 {
  color: #8d9fc0 !important;
}

a {
  color: #00d4aa !important;
}

a:hover {
  color: #00b894 !important;
}

/* ===== CARDS ===== */
.card,
.feat-card,
.testi-card,
.price-card,
.audience-card,
.int-card,
.feature-card-mock,
.faq__item,
.faq-item {
  background: #0f1a30 !important;
  border-color: rgba(0, 212, 170, 0.1) !important;
  color: #dde4f0 !important;
}

.feat-card:hover {
  border-color: rgba(0, 212, 170, 0.35) !important;
  box-shadow: 0 12px 40px rgba(0, 212, 170, 0.08) !important;
}

.audience-card--d {
  background: #0a1e20 !important;
}

.audience-card--p {
  background: #130f2a !important;
}

/* ===== HERO ===== */
.hero,
.fe-hero,
.pr-hero,
.page-hero {
  background: linear-gradient(160deg, #080e1c 0%, #0a1230 50%, #080e1c 100%) !important;
}

/* Blob colors: teal + violet instead of lime + blue */
.blob-lime {
  background: radial-gradient(
    circle at 40% 40%,
    rgba(0, 212, 170, 0.6) 0%,
    rgba(0, 180, 148, 0.3) 30%,
    transparent 65%
  ) !important;
}

.blob-blue {
  background: radial-gradient(
    circle at center,
    rgba(124, 114, 248, 0.4) 0%,
    rgba(100, 90, 220, 0.2) 35%,
    transparent 65%
  ) !important;
}

/* Hero title */
.hero__title,
.hero__title-em {
  color: #eef1f8 !important;
}

.hero__title-swoosh svg path,
.hero__title-swoosh__line {
  stroke: #00d4aa !important;
}

/* Email bar on dark */
.email-bar {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(0, 212, 170, 0.2) !important;
  box-shadow: 0 4px 30px rgba(0, 212, 170, 0.08) !important;
}

.email-bar input {
  color: #dde4f0 !important;
}

.email-bar input::placeholder {
  color: rgba(221, 228, 240, 0.4) !important;
}

.email-bar button {
  background: #00d4aa !important;
  color: #080e1c !important;
}

/* ===== FEATURE SECTIONS ===== */
.audience {
  background: #0d1528 !important;
}

.showcase {
  background: #0a1020 !important;
}

.showcase__panel {
  background: #0f1a30 !important;
}

.showcase__tabs button[aria-selected="true"] {
  background: #0f1a30 !important;
  color: #eef1f8 !important;
  border-left-color: #00d4aa !important;
}

.showcase__tabs button {
  color: #8d9fc0 !important;
}

.faux-ui {
  background: #0a1224 !important;
  border-color: rgba(0, 212, 170, 0.1) !important;
}

.how {
  background: #0d1528 !important;
}

.how__bubble {
  background: #00d4aa !important;
  color: #080e1c !important;
}

/* ===== TESTIMONIALS ===== */
.testimonials,
.testimonials-section {
  background: #0a1020 !important;
}

.t-card--t {
  background: #0a1e20 !important;
}

/* ===== STATS BAR ===== */
.ms-stats {
  background: linear-gradient(135deg, #050b18 0%, #0a1432 100%) !important;
  border-top: 1px solid rgba(0, 212, 170, 0.12) !important;
  border-bottom: 1px solid rgba(0, 212, 170, 0.12) !important;
}

.ms-stats__n {
  color: #00d4aa !important;
}

/* ===== PRICING ===== */
.pr-page-top,
.pricing-section {
  background: #0a1020 !important;
}

.pr-card {
  background: #0f1a30 !important;
  border-color: rgba(0, 212, 170, 0.1) !important;
}

.pr-card--pop {
  border-color: #00d4aa !important;
}

.pr-pop {
  background: #00d4aa !important;
  color: #080e1c !important;
}

.pr-card h2,
.pr-amount,
.price-info h3 {
  color: #eef1f8 !important;
}

.pr-list li::before,
.price-features li::before {
  color: #00d4aa !important;
}

.pr-addons {
  background: #0d1528 !important;
}

.pr-table {
  background: #0f1a30 !important;
  border-color: rgba(0, 212, 170, 0.1) !important;
}

.pr-table th,
.pr-table td {
  border-bottom-color: rgba(0, 212, 170, 0.07) !important;
  color: #8d9fc0 !important;
}

.pr-table th {
  color: #6a7f9e !important;
}

.pr-faq-sec {
  background: #0a1020 !important;
}

.pr-ent {
  background: linear-gradient(135deg, #050b18 0%, #0a1432 100%) !important;
}

/* ===== FAQ ===== */
.faq__item,
.faq-item {
  background: #0f1a30 !important;
  border-color: rgba(0, 212, 170, 0.08) !important;
}

.faq__btn,
.faq-q {
  background: transparent !important;
  color: #dde4f0 !important;
}

.faq__p,
.faq-a p {
  color: #8d9fc0 !important;
}

/* ===== FINAL CTA ===== */
.ms-final-cta,
.final-cta {
  background: linear-gradient(135deg, #050b18 0%, #0a1234 60%, #130f2a 100%) !important;
}

.ms-final-cta h2,
.cta-text h2 {
  color: #eef1f8 !important;
}

.ms-final-cta p,
.cta-text p {
  color: #8d9fc0 !important;
}

/* ===== INTEGRATIONS ===== */
.integrations-section {
  background: #050b18 !important;
}

.int-card {
  background: #0a1224 !important;
  border-color: rgba(0, 212, 170, 0.08) !important;
}

.int-card h4 {
  color: #eef1f8 !important;
}

/* ===== FOOTER ===== */
.site-footer,
.site-footer-wrap {
  background: #04080f !important;
}

.site-footer .footer-topbar {
  border: none !important;
  background-image: none !important;
}

.site-footer .footer-col a:hover {
  color: #00d4aa !important;
}

/* ===== STICKY CTA — dark theme ===== */
.medura-sticky-cta {
  background: #0d1528 !important;
  border-top-color: rgba(0, 212, 170, 0.15) !important;
}

.medura-sticky-cta__link {
  background: linear-gradient(135deg, #00d4aa, #00b894) !important;
  color: #080e1c !important;
  box-shadow: 0 4px 20px rgba(0, 212, 170, 0.3) !important;
}

.medura-sticky-cta__link:hover {
  background: linear-gradient(135deg, #00b894, #009980) !important;
  color: #080e1c !important;
}

/* Theme picker on dark */
.medura-theme-panel {
  background: #0f1a30 !important;
  border-color: rgba(0, 212, 170, 0.12) !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.5) !important;
}

.medura-theme-panel__title {
  color: #4a6080 !important;
}

.medura-theme-option {
  color: #dde4f0 !important;
}

.medura-theme-option:hover {
  background: rgba(0, 212, 170, 0.08) !important;
}

.medura-theme-option.is-active {
  background: rgba(0, 212, 170, 0.1) !important;
  color: #00d4aa !important;
}

body.medura-theme-b .medura-theme-trigger {
  background: #080e1c !important;
  border-color: rgba(0, 212, 170, 0.4) !important;
  box-shadow: 0 0 0 1px rgba(0, 212, 170, 0.15), 0 4px 20px rgba(0, 212, 170, 0.2) !important;
}

/* ===== MOBILE SPECIFICS ===== */
@media (max-width: 767px) {
  /* Feature rows */
  .feature-row,
  .feature-row.reverse {
    flex-direction: column !important;
    gap: 1.5rem !important;
  }

  .feature-card-mock {
    background: #0f1a30 !important;
    border-color: rgba(0, 212, 170, 0.12) !important;
  }

  /* Dark section label */
  .section-label {
    color: #00d4aa !important;
  }

  /* Dark feature text */
  .feature-text h3 {
    color: #eef1f8 !important;
  }

  .feature-text p {
    color: #8d9fc0 !important;
  }

  /* Pricing */
  .pr-cards {
    grid-template-columns: 1fr !important;
  }

  .price-card-inner {
    grid-template-columns: 1fr !important;
  }
}