/* ============================================
   FORCE LIGHT MODE ONLY - DISABLE DARK MODE
   ============================================ */

/* Force light mode globally - override any dark mode */
:root,
html,
html[data-bs-theme="dark"],
html[data-bs-theme="auto"],
[data-bs-theme="dark"],
[data-bs-theme="auto"] {
  color-scheme: light !important;
}

/* Neutralize ALL dark mode styles */
[data-bs-theme="dark"] {
  --bs-body-color: #212529 !important;
  --bs-body-color-rgb: 33, 37, 41 !important;
  --bs-body-bg: #ffffff !important;
  --bs-body-bg-rgb: 255, 255, 255 !important;
  --bs-emphasis-color: #212529 !important;
  --bs-emphasis-color-rgb: 33, 37, 41 !important;
  --bs-secondary-color: rgba(33, 37, 41, 0.75) !important;
  --bs-secondary-color-rgb: 33, 37, 41 !important;
  --bs-secondary-bg: #f8f9fa !important;
  --bs-secondary-bg-rgb: 248, 249, 250 !important;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5) !important;
  --bs-tertiary-color-rgb: 33, 37, 41 !important;
  --bs-tertiary-bg: #ffffff !important;
  --bs-tertiary-bg-rgb: 255, 255, 255 !important;
  --bs-heading-color: inherit !important;
  --bs-link-color: #528ff0 !important;
  --bs-link-color-rgb: 82, 143, 240 !important;
  --bs-link-hover-color: #1765e0 !important;
  --bs-link-hover-color-rgb: 23, 101, 224 !important;
  --bs-border-color: #dee2e6 !important;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175) !important;
  color-scheme: light !important;
}

/* Override dark mode for body */
body[data-bs-theme="dark"],
html[data-bs-theme="dark"] body {
  background-color: #ffffff !important;
  color: #212529 !important;
}

/* Prevent auto dark mode detection */
@media (prefers-color-scheme: dark) {
  :root,
  html,
  body {
    background-color: #ffffff !important;
    color: #212529 !important;
    color-scheme: light !important;
  }
}

/* ============================================
   CUSTOM STYLES
   ============================================ */

/* Keep images responsive */
img {
    max-width: 100%;
    height: auto;
  }
  
  /* Testimonials images */
  .card img.rounded-circle {
    width: 120px;
    height: 120px;
    object-fit: cover;
  }
  
  /* Gallery */
  #gallery img {
    max-height: 300px;
    object-fit: cover;
  }