/* ============================================
   DentAlign - Professional Light Theme
   Clean, minimal, teal accents only
   ============================================ */

/* ========== BACKGROUND ========== */
[data-theme="light"] body {
  background: #F0F2F5 !important;
}

[data-theme="light"] .section {
  background: transparent !important;
}

/* Alternate sections for visual separation */
[data-theme="light"] .section:nth-child(odd) {
  background: #FFFFFF !important;
}

/* ========== ALL CARDS ========== */
[data-theme="light"] .tool-card,
[data-theme="light"] .collage-category,
[data-theme="light"] .studio-card,
[data-theme="light"] .studio-extra,
[data-theme="light"] .mode-card,
[data-theme="light"] .why-benefit,
[data-theme="light"] .alignment-feature,
[data-theme="light"] .pricing-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .tool-card:hover,
[data-theme="light"] .collage-category:hover,
[data-theme="light"] .studio-card:hover,
[data-theme="light"] .studio-extra:hover,
[data-theme="light"] .mode-card:hover,
[data-theme="light"] .why-benefit:hover,
[data-theme="light"] .alignment-feature:hover,
[data-theme="light"] .pricing-card:hover {
  border-color: #00B3C6 !important;
  box-shadow: 0 12px 32px rgba(0, 179, 198, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-4px) !important;
}

/* Remove teal shine effect */
[data-theme="light"] .tool-card::before,
[data-theme="light"] .collage-category::before,
[data-theme="light"] .studio-card::before,
[data-theme="light"] .studio-extra::before {
  display: none !important;
}

/* ========== TEXT - DARK & READABLE ========== */

/* Card titles - almost black */
[data-theme="light"] .tool-name,
[data-theme="light"] .collage-category h4,
[data-theme="light"] .studio-card h4,
[data-theme="light"] .studio-extra h4,
[data-theme="light"] .mode-card h3,
[data-theme="light"] .why-benefit-content h3,
[data-theme="light"] .alignment-feature-text h4 {
  color: #111827 !important;
}

/* Card descriptions - dark gray */
[data-theme="light"] .collage-category p,
[data-theme="light"] .studio-card p,
[data-theme="light"] .studio-extra p,
[data-theme="light"] .mode-card > p,
[data-theme="light"] .why-benefit-content p,
[data-theme="light"] .alignment-feature-text p {
  color: #6B7280 !important;
}

/* Section headers */
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] .section-title {
  color: #111827 !important;
}

[data-theme="light"] .collages-header p,
[data-theme="light"] .studio-header p,
[data-theme="light"] .retouch-header p,
[data-theme="light"] .why-header p,
[data-theme="light"] .modes-header p,
[data-theme="light"] .alignment-header p,
[data-theme="light"] .pricing-header p {
  color: #6B7280 !important;
}

/* ========== ICONS - TEAL ACCENT ========== */
[data-theme="light"] .tool-icon,
[data-theme="light"] .collage-category-icon,
[data-theme="light"] .studio-card-icon,
[data-theme="light"] .studio-extra-icon,
[data-theme="light"] .mode-card-icon,
[data-theme="light"] .why-benefit-icon,
[data-theme="light"] .alignment-feature-icon {
  background: #E0F7FA !important;
  border: 1px solid #B2EBF2 !important;
  color: #00919D !important;
}

[data-theme="light"] .tool-card:hover .tool-icon,
[data-theme="light"] .collage-category:hover .collage-category-icon,
[data-theme="light"] .studio-card:hover .studio-card-icon {
  background: #B2EBF2 !important;
  border-color: #00B3C6 !important;
  box-shadow: 0 0 16px rgba(0, 179, 198, 0.3) !important;
}

[data-theme="light"] .collage-category-icon svg,
[data-theme="light"] .studio-card-icon svg,
[data-theme="light"] .studio-extra-icon svg,
[data-theme="light"] .why-benefit-icon svg,
[data-theme="light"] .alignment-feature-icon svg {
  color: #00919D !important;
  stroke: #00919D !important;
}

/* ========== TEAL ACCENTS ONLY ========== */

/* Accent text */
[data-theme="light"] .collage-count {
  color: #00B3C6 !important;
  background: none !important;
  -webkit-text-fill-color: #00B3C6 !important;
}

/* Gradient text - keep teal gradient */
[data-theme="light"] .text-gradient {
  background: linear-gradient(135deg, #00B3C6, #00D4AA) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ========== LARGE FEATURE CARDS ========== */
[data-theme="light"] .patient-card-feature,
[data-theme="light"] .studio-feature-card,
[data-theme="light"] .retouch-ai-card,
[data-theme="light"] .alignment-steps {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .patient-card-content h3,
[data-theme="light"] .studio-feature-info h3,
[data-theme="light"] .retouch-ai-content h3 {
  color: #111827 !important;
}

[data-theme="light"] .patient-card-content > p,
[data-theme="light"] .studio-feature-info > p,
[data-theme="light"] .retouch-ai-content > p {
  color: #6B7280 !important;
}

/* ========== STATS BAR ========== */
[data-theme="light"] .why-stats {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .why-stat-value {
  background: linear-gradient(135deg, #00B3C6, #00D4AA) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

[data-theme="light"] .why-stat-label {
  color: #6B7280 !important;
}

/* ========== PLATFORMS ========== */
[data-theme="light"] .why-platform {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
}

[data-theme="light"] .why-platform svg {
  color: #111827 !important;
}

[data-theme="light"] .why-platform span {
  color: #6B7280 !important;
}

/* ========== LANGUAGES ========== */
[data-theme="light"] .why-languages-list span {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  color: #6B7280 !important;
}

/* ========== PRICING ========== */
[data-theme="light"] .pricing-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .pricing-card:hover {
  border-color: #00B3C6 !important;
  box-shadow: 0 12px 32px rgba(0, 179, 198, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .pricing-card.is-popular {
  border: 2px solid #00B3C6 !important;
  box-shadow: 0 4px 16px rgba(0, 179, 198, 0.2) !important;
}

[data-theme="light"] .pricing-name {
  color: #111827 !important;
}

[data-theme="light"] .pricing-description {
  color: #6B7280 !important;
}

[data-theme="light"] .pricing-amount {
  color: #111827 !important;
}

[data-theme="light"] .pricing-feature {
  color: #6B7280 !important;
}

/* ========== BUTTONS ========== */
[data-theme="light"] .btn-primary {
  background: linear-gradient(135deg, #00B3C6, #00D4AA) !important;
  color: white !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 179, 198, 0.3) !important;
}

[data-theme="light"] .btn-primary:hover {
  box-shadow: 0 6px 20px rgba(0, 179, 198, 0.4) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .btn-secondary {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  color: #111827 !important;
}

[data-theme="light"] .btn-secondary:hover {
  border-color: #00B3C6 !important;
  color: #00B3C6 !important;
}

/* ========== HEADER ========== */
[data-theme="light"] .header {
  background: transparent !important;
}

[data-theme="light"] .header.is-scrolled {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .nav-link {
  color: #6B7280 !important;
}

[data-theme="light"] .nav-link:hover {
  color: #00B3C6 !important;
}

[data-theme="light"] .logo-text {
  color: #00B3C6 !important;
}

/* ========== FOOTER ========== */
[data-theme="light"] .footer {
  background: #FAFBFC !important;
  border-top: 1px solid #E5E7EB !important;
}

[data-theme="light"] .footer-links a {
  color: #6B7280 !important;
}

[data-theme="light"] .footer-links a:hover {
  color: #00B3C6 !important;
}

[data-theme="light"] .footer-copyright {
  color: #9CA3AF !important;
}

/* ========== BADGES - TEAL ========== */
[data-theme="light"] .alignment-badge,
[data-theme="light"] .patient-card-badge,
[data-theme="light"] .mode-card-badge,
[data-theme="light"] .studio-feature-badge,
[data-theme="light"] .retouch-ai-badge {
  background: #F0FDFA !important;
  border: 1px solid #E0F2F1 !important;
  color: #00B3C6 !important;
}

/* ========== LISTS ========== */
[data-theme="light"] .studio-feature-list li,
[data-theme="light"] .retouch-ai-features li,
[data-theme="light"] .patient-card-features li,
[data-theme="light"] .mode-card-features li {
  color: #6B7280 !important;
}

[data-theme="light"] .studio-feature-list li::before,
[data-theme="light"] .retouch-ai-features li::before {
  color: #00B3C6 !important;
}

/* ========== DOWNLOAD ========== */
[data-theme="light"] .download-btn {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .download-btn:hover {
  border-color: #D1D5DB !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .download-btn-platform {
  color: #111827 !important;
}

[data-theme="light"] .download-btn-label {
  color: #6B7280 !important;
}

[data-theme="light"] .download-btn-icon svg {
  color: #111827 !important;
}

/* ========== PLACEHOLDERS ========== */
[data-theme="light"] .alignment-video-placeholder,
[data-theme="light"] .retouch-ai-placeholder,
[data-theme="light"] .studio-feature-placeholder,
[data-theme="light"] .patient-card-placeholder {
  background: #F9FAFB !important;
  border: 2px dashed #E5E7EB !important;
}

[data-theme="light"] .alignment-video-placeholder span,
[data-theme="light"] .retouch-ai-placeholder span,
[data-theme="light"] .studio-feature-placeholder span,
[data-theme="light"] .patient-card-placeholder span {
  color: #9CA3AF !important;
}

/* ========== PROBLEM SECTION ========== */
[data-theme="light"] .problem-block {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .problem-title {
  color: #111827 !important;
}

[data-theme="light"] .problem-list li,
[data-theme="light"] .solution-list li {
  color: #6B7280 !important;
}

/* ========== ALIGNMENT STEPS ========== */
[data-theme="light"] .alignment-steps-title {
  color: #111827 !important;
}

[data-theme="light"] .alignment-step {
  background: #F9FAFB !important;
  border: 1px solid #E5E7EB !important;
}

[data-theme="light"] .alignment-step-content h4 {
  color: #111827 !important;
}

[data-theme="light"] .alignment-step-content p {
  color: #6B7280 !important;
}

/* ========== MODES NOTE ========== */
[data-theme="light"] .modes-note {
  background: #F0FDFA !important;
  border: 1px solid #E0F2F1 !important;
}

[data-theme="light"] .modes-note p {
  color: #6B7280 !important;
}

[data-theme="light"] .modes-note strong {
  color: #111827 !important;
}

/* ========== WAVEFORM DEMO ========== */
[data-theme="light"] .waveform-bar {
  background: linear-gradient(135deg, #00B3C6, #00D4AA) !important;
}

/* ========== SCROLLBAR ========== */
[data-theme="light"] ::-webkit-scrollbar {
  width: 8px;
}

[data-theme="light"] ::-webkit-scrollbar-track {
  background: #F3F4F6;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 4px;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: #9CA3AF;
}