/* Light mode styles */
html:not(.dark) body {
  background-color: #f3f4f6;
  color: #111827;
}

html:not(.dark) .bg-neutral-950 {
  background-color: #f3f4f6 !important;
}

html:not(.dark) .bg-neutral-900 {
  background-color: #ffffff !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

html:not(.dark) .bg-neutral-800 {
  background-color: #f9fafb !important;
  border: 1px solid #e5e7eb;
}

html:not(.dark) .bg-black {
  background-color: #ffffff !important;
}

html:not(.dark) .bg-black\/80 {
  background-color: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

html:not(.dark) .bg-black\/90 {
  background-color: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

html:not(.dark) .bg-black\/95 {
  background-color: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

/* Light mode logo invert */
html:not(.dark) img[src*="JarmosRealty"] {
  filter: invert(1) brightness(0.9);
}

html:not(.dark) .logo-img {
  filter: invert(1) brightness(0.9);
}

html:not(.dark) .bg-black\/60 {
  background-color: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
}

html:not(.dark) .bg-black\/40 {
  background-color: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
}

html:not(.dark) .border-neutral-800 {
  border-color: #d1d5db !important;
}

html:not(.dark) .border-neutral-900 {
  border-color: #e5e7eb !important;
}

html:not(.dark) .border-neutral-700 {
  border-color: #d1d5db !important;
}

html:not(.dark) .text-white {
  color: #111827 !important;
}

html:not(.dark) .text-gray-300 {
  color: #374151 !important;
}

html:not(.dark) .text-gray-400 {
  color: #6b7280 !important;
}

html:not(.dark) .text-gray-500 {
  color: #9ca3af !important;
}

html:not(.dark) .text-gray-600 {
  color: #4b5563 !important;
}

/* Input fields in light mode */
html:not(.dark) input,
html:not(.dark) select,
html:not(.dark) textarea {
  background-color: #ffffff !important;
  border-color: #d1d5db !important;
  color: #111827 !important;
}

html:not(.dark) input::placeholder,
html:not(.dark) textarea::placeholder {
  color: #9ca3af !important;
}

html:not(.dark) input:focus,
html:not(.dark) select:focus,
html:not(.dark) textarea:focus {
  border-color: #0ea5e9 !important;
  background-color: #ffffff !important;
}

/* Light mode gradient backgrounds */
html:not(.dark) .bg-gradient-to-br {
  background: linear-gradient(to bottom right, #e0f2fe, #dbeafe) !important;
}

html:not(.dark) .bg-gradient-to-r {
  background: linear-gradient(to right, #e0f2fe, #dbeafe) !important;
}

/* Light mode hover effects */
html:not(.dark) .bg-neutral-900:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

/* Light mode backdrop blur */
html:not(.dark) .backdrop-blur {
  backdrop-filter: blur(8px);
}

html:not(.dark) .backdrop-blur-xl {
  backdrop-filter: blur(24px);
}

/* Theme toggle button */
#theme-toggle, #theme-toggle-mobile {
  transition: all 0.2s ease;
}

#theme-toggle:hover, #theme-toggle-mobile:hover {
  transform: scale(1.05);
}

/* Hero section text - always white for readability over video */
html:not(.dark) .hero-text {
  color: #ffffff !important;
}

html:not(.dark) .hero-text h1,
html:not(.dark) .hero-text h2,
html:not(.dark) .hero-text h3,
html:not(.dark) .hero-text p,
html:not(.dark) .hero-text span {
  color: #ffffff !important;
}

html:not(.dark) .hero-text .text-gray-300 {
  color: #d1d5db !important;
}

html:not(.dark) .hero-text .text-gray-400 {
  color: #9ca3af !important;
}

/* Keep primary color (blue) in hero */
html:not(.dark) .hero-text .text-primary {
  color: #0ea5e9 !important;
}

/* Property cards and search results in light mode */
html:not(.dark) .property-card {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
}

html:not(.dark) .property-card:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
  border-color: #0ea5e9 !important;
}

/* Fix search filters visibility */
html:not(.dark) .filter-button {
  background-color: #ffffff !important;
  border-color: #d1d5db !important;
  color: #111827 !important;
}

html:not(.dark) .filter-button.active {
  background-color: #0ea5e9 !important;
  color: #ffffff !important;
  border-color: #0ea5e9 !important;
}

/* Light mode stat cards */
html:not(.dark) .bg-black\/40.rounded-xl {
  background-color: #f0f9ff !important;
  border: 1px solid #e0f2fe !important;
}

/* Light mode primary backgrounds */
html:not(.dark) .bg-primary\/20 {
  background-color: #e0f2fe !important;
}

html:not(.dark) .bg-primary\/10 {
  background-color: #f0f9ff !important;
}

html:not(.dark) .bg-primary\/5 {
  background-color: #f0f9ff !important;
}

/* Mortgage calculator specific fixes */
html:not(.dark) .calculator-result {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
}

html:not(.dark) .calculator-breakdown {
  background-color: #f9fafb !important;
}

/* Modal and dropdown backgrounds */
html:not(.dark) .modal-content,
html:not(.dark) .dropdown-menu {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
}

/* Fix any remaining dark text on dark backgrounds */
html:not(.dark) .text-black {
  color: #111827 !important;
}

/* Ensure buttons remain visible */
html:not(.dark) button {
  color: inherit;
}

html:not(.dark) .bg-primary {
  background-color: #0ea5e9 !important;
  color: #000000 !important;
}

html:not(.dark) .bg-secondary {
  background-color: #6366f1 !important;
  color: #ffffff !important;
}

/* Fix slider/range inputs */
html:not(.dark) input[type="range"] {
  background-color: transparent !important;
}

/* Ensure icons remain visible */
html:not(.dark) i {
  color: inherit;
}

html:not(.dark) .text-primary i {
  color: #0ea5e9 !important;
}