/* ================================================
   LIGHT MODE THEME STYLING FOR PARTSIQ
   ================================================ */

/* LIGHT MODE BODY */
body[data-theme="light"] {
  background: #f8fafc !important;
  color: #1e293b !important;
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-2: #e2e8f0;
  --text: #1f2937;
  --muted: #475569;
  --accent: #2563eb;
  --card-ink: #ffffff;
  --card-text-dark: #1f2937;
}

/* LIGHT MODE NAVBAR */
body[data-theme="light"] footer,
body[data-theme="light"] footer .footer-link,
body[data-theme="light"] footer .footer-link:visited,
body[data-theme="light"] footer .footer-link:focus-visible,
body[data-theme="light"] footer .footer-copy,
body[data-theme="light"] footer .copyright-text,
body[data-theme="light"] footer .copyright-tag,
body[data-theme="light"] footer .footer-social-link,
body[data-theme="light"] footer .footer-social-link,
body[data-theme="light"] footer .footer-social-link svg,
body[data-theme="light"] footer .footer-social-link .social-icon,
body[data-theme="light"] footer .footer-social-link path {
  color: #1f2937 !important;
  fill: #1f2937 !important;
}

body[data-theme="light"] footer .footer-social-link:hover,
body[data-theme="light"] footer .footer-social-link:focus-visible {
  background: transparent !important;
    border: none !important;
  color: #3b82f6 !important;
  fill: #3b82f6 !important;
  transform: scale(1.04);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  border-radius: 999px !important;
}
  color: white !important;
}

body[data-theme="light"] .nav-link.nav-link--cta {
  color: #ffffff !important;
  background: linear-gradient(120deg, #3b82f6, #2563eb) !important;
  padding: 0.6rem 1.1rem !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(37,99,235,0.25) !important;
}

/* HOW IT WORKS PAGE - LIGHT MODE LEGIBILITY */
body[data-theme="light"] .how-it-works-hero {
  background: linear-gradient(135deg, #e8f2ff 0%, #f7faff 100%) !important;
  border: 1px solid #dbeafe !important;
  color: #0f172a !important;
  box-shadow: 0 12px 30px rgba(59,130,246,0.18) !important;
}

body[data-theme="light"] .how-it-works-hero p {
  color: #1f2937 !important;
}

body[data-theme="light"] .how-it-works-hero .tech-badge {
  background: #e0ecff !important;
  border-color: #bfdbfe !important;
  color: #1e3a8a !important;
}

body[data-theme="light"] .how-step .step-content {
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  box-shadow: 0 12px 30px rgba(15,23,42,0.08) !important;
  color: #0f172a !important;
}

body[data-theme="light"] .how-step .step-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0f172a !important;
  background: linear-gradient(135deg, #c7dfff, #8cbcff) !important;
  box-shadow: 0 6px 18px rgba(59,130,246,0.3) !important;
}

body[data-theme="light"] .how-step .step-content p {
  color: #1f2937 !important;
}

body[data-theme="light"] .how-step .step-content div[style*="font-size: 0.9rem"] {
  color: #334155 !important;
}

body[data-theme="light"] .how-step .step-visual {
  background: #f8fbff !important;
  border: 1px solid #dbeafe !important;
  box-shadow: 0 12px 30px rgba(15,23,42,0.06) !important;
  color: #0f172a !important;
}

body[data-theme="light"] .how-step .step-visual::before {
  background: radial-gradient(circle, rgba(96,165,250,0.14) 0%, transparent 70%) !important;
}

body[data-theme="light"] .feature-card {
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  box-shadow: 0 10px 26px rgba(15,23,42,0.08) !important;
  color: #0f172a !important;
}

body[data-theme="light"] .feature-card p {
  color: #1f2937 !important;
}

body[data-theme="light"] .feature-card div[style*="font-size: 0.9rem"] {
  color: #334155 !important;
}

body[data-theme="light"] .cta-section {
  background: linear-gradient(135deg, #e8f2ff 0%, #f7faff 100%) !important;
  border: 1px solid #dbeafe !important;
  color: #0f172a !important;
  box-shadow: 0 14px 36px rgba(59,130,246,0.16) !important;
}

body[data-theme="light"] .cta-section p {
  color: #1f2937 !important;
}

body[data-theme="light"] .cta-section div[style*="color: #94a3b8"] {
  color: #334155 !important;
}

/* SCANS PAGE - LIGHT MODE LEGIBILITY */
body[data-theme="light"] .scans-filter-card {
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  box-shadow: 0 10px 26px rgba(15,23,42,0.08) !important;
}

body[data-theme="light"] .scans-filter-card label,
body[data-theme="light"] .scans-filter-card input,
body[data-theme="light"] .scans-filter-card select {
  color: #0f172a !important;
}

body[data-theme="light"] .scans-filter-card input,
body[data-theme="light"] .scans-filter-card select {
  background: #f8fbff !important;
  border: 1px solid #c7d2fe !important;
}

body[data-theme="light"] .scans-filter-card input:focus,
body[data-theme="light"] .scans-filter-card select:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.18) !important;
  background: #ffffff !important;
}

body[data-theme="light"] .scan-card-outer {
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  color: #0f172a !important;
  box-shadow: 0 8px 24px rgba(15,23,42,0.08) !important;
}

body[data-theme="light"] .scan-card-outer span,
body[data-theme="light"] .scan-card-outer div,
body[data-theme="light"] .scan-card-outer p {
  color: #0f172a !important;
}

body[data-theme="light"] .scan-card-outer span[style*="color: rgba(148, 163, 184"] {
  color: #334155 !important;
}

body[data-theme="light"] .scan-card-outer span[style*="color: #60a5fa"] {
  color: #1d4ed8 !important;
}

body[data-theme="light"] .scan-card-outer div[style*="color: rgba(203, 213, 225"] {
  color: #1f2937 !important;
}

body[data-theme="light"] .scan-part-list,
body[data-theme="light"] .scan-price-list {
  color: #0f172a !important;
}

body[data-theme="light"] .scans-title {
  color: #60a5fa !important;
}

body[data-theme="light"] .theme-toggle-nav {
  border-color: rgba(59,130,246,0.3) !important;
  color: #1f2937 !important;
  background: rgba(59,130,246,0.08) !important;
}

body[data-theme="light"] .theme-toggle-nav:hover,
body[data-theme="light"] .theme-toggle-nav:focus-visible {
  background: rgba(59,130,246,0.16) !important;
  border-color: #2563eb !important;
}

/* LIGHT MODE SURFACE/CARD */
body[data-theme="light"] .surface {
  background: #ffffff !important;
  border: 2px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

/* LIGHT MODE HERO CARD */
body[data-theme="light"] .hero-card {
  background: #ffffff !important;
  color: #1e293b !important;
  border: 3px solid #3b82f6 !important;
  box-shadow: 
    0 25px 80px rgba(59,130,246,0.15),
    0 0 0 1px rgba(59,130,246,0.2),
    inset 0 1px 0 rgba(59,130,246,0.08) !important;
}

body[data-theme="light"] .hero-title {
  color: #000000 !important;
}

body[data-theme="light"] .hero-tagline {
  color: #000000 !important;
}

body[data-theme="light"] .hero-description {
  color: #000000 !important;
}

/* ABOUT PAGE SPECIFIC STYLING */
body[data-theme="light"] .section-title {
  color: #000000 !important;
}

body[data-theme="light"] .section-description {
  color: #000000 !important;
}

body[data-theme="light"] .feature-item h3 {
  color: #000000 !important;
}

body[data-theme="light"] .feature-item p {
  color: #000000 !important;
}

body[data-theme="light"] .hero-card p {
  color: #000000 !important;
}

body[data-theme="light"] .hero-card h2 {
  color: #000000 !important;
}

body[data-theme="light"] .hero-card h3 {
  color: #000000 !important;
}

/* FORCE ALL TEXT BLACK IN LIGHT MODE */
body[data-theme="light"] .hero-card * {
  color: #000000 !important;
}

body[data-theme="light"] .modal-content {
  background: #ffffff;
  color: #1f2937;
  border: 1px solid #dbeafe;
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.18);
}

body[data-theme="light"] .modal-header {
  background: #ffffff;
  border-bottom: 1px solid #dbeafe;
}

body[data-theme="light"] .modal-close {
  color: #2563eb;
}

body[data-theme="light"] .modal-close:hover {
  background: rgba(37, 99, 235, 0.12);
  color: #1d4ed8;
}

body[data-theme="light"] .modal-body {
  color: #1f2937;
}

body[data-theme="light"] .modal-body a {
  color: #1d4ed8;
}

body[data-theme="light"] .modal-body a:hover {
  color: #1e3a8a;
}

body[data-theme="light"] footer .footer-link {
  color: #1f2937;
}

body[data-theme="light"] footer .footer-link::after {
  background: #2563eb;
}

body[data-theme="light"] footer .footer-link:hover {
  background: rgba(37, 99, 235, 0.12);
  color: #2563eb;
}

body[data-theme="light"] footer .footer-link:focus-visible {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35);
}

/* HOMEPAGE TAGLINE LIGHT BLUE IN LIGHT MODE */
body[data-theme="light"] .surface p[style*="font-size: 1.5rem"] {
  color: #60a5fa !important;
}

body[data-theme="light"] .surface p[style*="font-size: 1.1rem"] {
  color: #60a5fa !important;
}

/* UPLOAD PAGE TAGLINES LIGHT BLUE IN LIGHT MODE */
body[data-theme="light"] .hero-card p.hero-tagline {
  color: #4da6ff !important;
}

body[data-theme="light"] .hero-card p.hero-description {
  color: #4da6ff !important;
}

body[data-theme="light"] .hero-card .hero-tagline {
  color: #4da6ff !important;
}

body[data-theme="light"] .hero-card .hero-description {
  color: #4da6ff !important;
}

/* LIGHT MODE UPLOAD BUTTON */
body[data-theme="light"] .hero-upload-btn {
  background: transparent !important;
  color: #1e40af !important;
  border: 3px solid #1e40af !important;
}

body[data-theme="light"] .hero-upload-btn:hover {
  background: rgba(30,64,175,0.1) !important;
  color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  box-shadow: 0 8px 25px rgba(30,64,175,0.2) !important;
}

/* LIGHT MODE SEARCH */
body[data-theme="light"] .hero-search-input {
  background: #f8fafc !important;
  color: #1e293b !important;
  border: 2px solid #e2e8f0 !important;
}

body[data-theme="light"] .hero-search-input::placeholder {
  color: #94a3b8 !important;
}

body[data-theme="light"] .hero-search-input:focus {
  border-color: #3b82f6 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.2) !important;
}

body[data-theme="light"] .hero-search-btn {
  background: #1e40af !important;
  color: #ffffff !important;
  border-color: #1e40af !important;
}

body[data-theme="light"] .hero-search-btn:hover {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  box-shadow: 0 4px 15px rgba(30,64,175,0.3) !important;
}

/* LIGHT MODE FOOTER - WHITE BACKGROUND WITH DARK ACCENTS */
body[data-theme="light"] footer {
  background: #ffffff !important;
  color: #1f2937 !important;
  border-top: 1px solid #e6eef8 !important;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.04) !important;
}

body[data-theme="light"] .footer-brand {
  color: #1f2937 !important;
}

body[data-theme="light"] .footer-link {
  color: #1f2937 !important;
  background: transparent !important;
  border-color: transparent !important;
}

body[data-theme="light"] .footer-link:hover {
  color: #2563eb !important;
  background: transparent !important;
  border-color: transparent !important;
}

body[data-theme="light"] .footer-copy .copyright-text {
  color: rgba(31,41,55,0.6) !important;
}

/* LIGHT MODE MODALS */

/* NAVBAR: force white background in light mode */
body[data-theme="light"] .navbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e6eef8 !important;
  box-shadow: 0 6px 16px rgba(15,23,42,0.08) !important;
}

body[data-theme="light"] .navbar .brand-link,
body[data-theme="light"] .navbar .nav-link,
body[data-theme="light"] .navbar .nav-link:visited {
  color: #1f2937 !important;
}

body[data-theme="light"] .navbar .nav-link:hover,
body[data-theme="light"] .navbar .nav-link:focus-visible {
  color: #1d4ed8 !important;
}

/* FOOTER: force dark blue text in light mode */
body[data-theme="light"] footer {
  background: #ffffff !important;
  border-top: 1px solid #e6eef8 !important;
  color: #1f2937 !important;
}

body[data-theme="light"] footer .footer-brand,
body[data-theme="light"] footer .footer-link,
body[data-theme="light"] footer .footer-link:visited,
body[data-theme="light"] footer .footer-link:focus-visible,
body[data-theme="light"] footer .footer-copy,
body[data-theme="light"] footer .copyright-text,
body[data-theme="light"] footer .copyright-tag,
body[data-theme="light"] footer .footer-social-link,
body[data-theme="light"] footer .footer-social-link svg,
body[data-theme="light"] footer .footer-social-link .social-icon,
body[data-theme="light"] footer .footer-social-link path {
  color: #1f2937 !important;
  fill: #1f2937 !important;
}

body[data-theme="light"] footer .footer-link:hover {
  color: #1d4ed8 !important;
  background: transparent !important;
}

body[data-theme="light"] footer .footer-social-link:hover {
  background: transparent !important;
  color: #3b82f6 !important;
  fill: #3b82f6 !important;
    border: none !important;
  border-radius: 999px !important;
}

/* Strong overrides for footer in light mode to ensure dark-blue text */
body[data-theme="light"] footer,
body[data-theme="light"] footer .footer-link,
body[data-theme="light"] footer .footer-link:visited,
body[data-theme="light"] footer .footer-link:focus-visible,
body[data-theme="light"] footer .footer-copy,
body[data-theme="light"] footer .copyright-text,
body[data-theme="light"] footer .copyright-tag,
body[data-theme="light"] footer .footer-social-link,
body[data-theme="light"] footer .footer-social-link svg,
body[data-theme="light"] footer .footer-brand {
  color: #1f2937 !important;
  fill: currentColor !important;
}

body[data-theme="light"] footer .footer-link:hover {
  color: #1f2937 !important;
  background: transparent !important;
}

body[data-theme="light"] footer .footer-social-link:hover {
  background: transparent !important;
  color: #1f2937 !important;
  fill: #1f2937 !important;
  border-color: rgba(100, 116, 139, 0.2) !important;
}


/* Light mode: search page container card */
body[data-theme="light"] .search-results {
  background: #ffffff !important;
  border-color: rgba(96,165,250,0.3) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08), 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* Light-mode search input - white background with dark text */
body[data-theme="light"] .stunning-search-form input[type="search"],
body[data-theme="light"] .search-form input[type="search"],
body[data-theme="light"] .hero-search-input {
  background: #ffffff !important;
  color: #1e293b !important;
  border: 2px solid #60a5fa !important;
  font-weight: 500 !important;
}

body[data-theme="light"] .stunning-search-form input[type="search"]::placeholder,
body[data-theme="light"] .search-form input[type="search"]::placeholder,
body[data-theme="light"] .hero-search-input::placeholder {
  color: rgba(30, 41, 59, 0.6) !important;
  font-weight: 500 !important;
}

body[data-theme="light"] .stunning-search-btn,
body[data-theme="light"] .btn-outline {
  background: #60a5fa !important;
  color: #ffffff !important;
  border: 2px solid #3b82f6 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  font-weight: 600 !important;
}

body[data-theme="light"] .stunning-search-btn,
body[data-theme="light"] .stunning-search-btn *,
body[data-theme="light"] .btn-outline,
body[data-theme="light"] .btn-outline *,
body[data-theme="light"] .btn-outline span {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

body[data-theme="light"] .stunning-search-btn:hover,
body[data-theme="light"] .btn-outline:hover {
  background: #3b82f6 !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

body[data-theme="light"] .stunning-search-btn:hover,
body[data-theme="light"] .stunning-search-btn:hover *,
body[data-theme="light"] .btn-outline:hover,
body[data-theme="light"] .btn-outline:hover *,
body[data-theme="light"] .btn-outline:hover span {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Light-mode search header/hint */
body[data-theme="light"] .search-meta,
body[data-theme="light"] .search-hint {
  color: #60a5fa !important;
}

/* Light-mode scan cards on search page */
body[data-theme="light"] .stunning-scan-card {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
  border: 1px solid rgba(96,165,250,0.4) !important;
  box-shadow: 0 4px 16px rgba(96,165,250,0.25), 0 2px 8px rgba(0,0,0,0.08) !important;
}
body[data-theme="light"] .stunning-scan-details .file-name {
  color: #1e3a8a !important;
}
body[data-theme="light"] .stunning-scan-details .upload-time {
  color: #334155 !important;
}

/* Center modals in light mode too */
body[data-theme="light"] .modal.show {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 80px !important;
}

/* Light mode: search title card */
body[data-theme="light"] .panel-header {
  background: #ffffff !important;
  border-color: rgba(96,165,250,0.25) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

body[data-theme="light"] .search-results > div:first-child h1 {
  color: #60a5fa !important;
}

body[data-theme="light"] .how-it-works-hero p {
  color: #60a5fa !important;
}

/* Ensure light mode text color matches dark mode */
body[data-theme="light"] {
  color: #0f172a;
}

/* Ensure scan button text is white in light mode */
body[data-theme="light"] .scan-btn,
body[data-theme="light"] .scan-btn *,
body[data-theme="light"] .scan-btn .btn-label,
body[data-theme="light"] .scan-btn span {
  color: #ffffff !important;
  opacity: 1 !important;
  z-index: 10 !important;
}

/* How It Works page readability in light mode */
body[data-theme="light"] .howit-card,
body[data-theme="light"] .howit-section {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #1f2937 !important;
}

body[data-theme="light"] .howit-section h2,
body[data-theme="light"] .howit-card h2 {
  color: #1e3a8a !important;
}

body[data-theme="light"] .howit-section p,
body[data-theme="light"] .howit-card p,
body[data-theme="light"] .howit-section ul,
body[data-theme="light"] .howit-card ul {
  color: #334155 !important;
}
body[data-theme="light"] .modal-content {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid #dbeafe !important;
}

body[data-theme="light"] .modal-header {
  border-bottom: 1px solid #dbeafe !important;
}

body[data-theme="light"] .modal-header h2 {
  color: #1f2937 !important;
}

body[data-theme="light"] .modal-body h3,
body[data-theme="light"] .modal-body p,
body[data-theme="light"] .modal-body li,
body[data-theme="light"] .modal-body a {
  color: #1f2937 !important;
}

body[data-theme="light"] .modal-close {
  color: #2563eb !important;
}

body[data-theme="light"] .modal-close:hover {
  background: rgba(37,99,235,0.12) !important;
  color: #1d4ed8 !important;
}

body[data-theme="light"] .modal-body h3,
body[data-theme="light"] .modal-body h2,
body[data-theme="light"] .modal-body h1 {
  color: #1f2937 !important;
}

body[data-theme="light"] .modal-body p {
  color: #1f2937 !important;
}

body[data-theme="light"] .modal-body a {
  color: #1f2937 !important;
}

/* ================================================
   UPLOAD PAGE LIGHT MODE STYLING
   ================================================ */

/* LIGHT MODE UPLOAD STYLES */
body[data-theme="light"] .modern-dropzone {
    border-color: rgba(59,130,246,0.3) !important;
    background: rgba(59,130,246,0.05) !important;
}

body[data-theme="light"] .modern-dropzone:hover, 
body[data-theme="light"] .modern-dropzone.dragover {
    border-color: #3b82f6 !important;
    background: rgba(59,130,246,0.1) !important;
}

body[data-theme="light"] .drop-text {
    color: #1e293b !important;
}

body[data-theme="light"] .drop-text strong {
    color: #4da6ff !important;
}

body[data-theme="light"] .drop-text small {
    color: #64748b !important;
}

body[data-theme="light"] .dropzone-info {
    color: #64748b !important;
}

body[data-theme="light"] .preview-container {
    background: rgba(59,130,246,0.05) !important;
    border-color: rgba(59,130,246,0.2) !important;
}

body[data-theme="light"] .preview-meta {
    color: #475569 !important;
}

body[data-theme="light"] .preview-btn {
    background: rgba(59,130,246,0.1) !important;
    color: #1e293b !important;
    border-color: rgba(59,130,246,0.3) !important;
}

body[data-theme="light"] .upload-agreement {
    border-top-color: rgba(59,130,246,0.2) !important;
}

body[data-theme="light"] .upload-agreement small {
    color: #4da6ff !important;
}

body[data-theme="light"] .scan-btn {
    background: #60a5fa !important;
    border-color: #60a5fa !important;
    color: white !important;
}

body[data-theme="light"] .scan-btn:hover {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(96, 165, 250, 0.4) !important;
}
body[data-theme="light"] .apply-filters-btn {
    color: white !important;
}

body[data-theme="light"] .btn-primary {
    color: white !important;
}