/* DNA Romance Light Theme Force Override 
 * Created: 2025-09-07
 * Purpose: Ensure DNA Romance never appears with dark backgrounds
 * Priority: Highest specificity to override any dark theme styles
 */

/* Force light theme for entire DNA Romance site */
[data-site="dnaromance"],
[data-site="apps"],
.theme-dnaromance,
.theme-dark[data-site="dnaromance"],
.theme-dark[data-site="apps"] {
  /* Force white/light backgrounds throughout */
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Override any theme-dark classes specifically for DNA Romance */
.theme-dark[data-site="dnaromance"],
.theme-dark[data-site="apps"] {
  background-color: #ffffff !important;
  color: #333333 !important;
}

.theme-dark[data-site="dnaromance"] *,
.theme-dark[data-site="apps"] * {
  background-color: inherit !important;
  color: inherit !important;
}

[data-site="dnaromance"] *,
[data-site="apps"] * {
  /* Override any inherited dark backgrounds */
  --bs-dark: #f8f9fa !important;
  --color-dark: #f8f9fa !important;
  --gradient-dark: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

/* Navbar - force light */
[data-site="dnaromance"] .navbar,
[data-site="apps"] .navbar,
body[data-site="dnaromance"] .navbar,
body[data-site="apps"] .navbar {
  background-color: rgba(255,255,255,0.95) !important;
  background: rgba(255,255,255,0.95) !important;
  border-bottom-color: #0F75BD !important;
}

[data-site="dnaromance"] .navbar-brand,
[data-site="apps"] .navbar-brand {
  color: #000000 !important;
  text-shadow: none !important;
}

/* Main content areas - force light */
[data-site="dnaromance"] main,
[data-site="apps"] main,
[data-site="dnaromance"] .container,
[data-site="apps"] .container,
[data-site="dnaromance"] .container-fluid,
[data-site="apps"] .container-fluid {
  background-color: #ffffff !important;
}

/* Cards and sections - force light BUT keep transparent overlays */
[data-site="dnaromance"] .card:not(.card-glass):not(.card-glass-transparent),
[data-site="apps"] .card:not(.card-glass):not(.card-glass-transparent) {
  background-color: #ffffff !important;
  color: #333333 !important;
  border-color: #dee2e6 !important;
}

[data-site="dnaromance"] .card-body:not(.card-glass .card-body),
[data-site="apps"] .card-body:not(.card-glass .card-body) {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Glass and transparent cards should stay transparent */
[data-site="dnaromance"] .card-glass,
[data-site="dnaromance"] .card-glass-transparent,
[data-site="apps"] .card-glass,
[data-site="apps"] .card-glass-transparent {
  background-color: rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Override any .bg-dark classes */
[data-site="dnaromance"] .bg-dark,
[data-site="apps"] .bg-dark {
  background-color: #f8f9fa !important;
  color: #333333 !important;
}

[data-site="dnaromance"] .bg-secondary,
[data-site="apps"] .bg-secondary {
  background-color: #e9ecef !important;
  color: #333333 !important;
}

[data-site="dnaromance"] .bg-black,
[data-site="apps"] .bg-black {
  background-color: #f8f9fa !important;
  color: #333333 !important;
}

/* Text colors - ensure readability */
[data-site="dnaromance"] .text-white,
[data-site="apps"] .text-white {
  color: #333333 !important;
}

[data-site="dnaromance"] .text-light,
[data-site="apps"] .text-light {
  color: #495057 !important;
}

/* Footer - force light */
[data-site="dnaromance"] footer,
[data-site="apps"] footer {
  background-color: #f8f9fa !important;
  color: #333333 !important;
}

/* Buttons - maintain DNA Romance branding but ensure visibility */
[data-site="dnaromance"] .btn-dark,
[data-site="apps"] .btn-dark {
  background-color: #0F75BD !important;
  border-color: #0F75BD !important;
  color: #ffffff !important;
}

/* Forms - light backgrounds */
[data-site="dnaromance"] .form-control,
[data-site="apps"] .form-control {
  background-color: #ffffff !important;
  color: #333333 !important;
  border-color: #ced4da !important;
}

[data-site="dnaromance"] .form-select,
[data-site="apps"] .form-select {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Modals and overlays - force light */
[data-site="dnaromance"] .modal-content,
[data-site="apps"] .modal-content {
  background-color: #ffffff !important;
  color: #333333 !important;
}

[data-site="dnaromance"] .modal-header,
[data-site="apps"] .modal-header {
  background-color: #f8f9fa !important;
  color: #333333 !important;
}

/* Alerts - maintain functionality but light backgrounds */
[data-site="dnaromance"] .alert-dark,
[data-site="apps"] .alert-dark {
  background-color: #e2e3e5 !important;
  color: #383d41 !important;
  border-color: #d6d8db !important;
}

/* Tables - light backgrounds */
[data-site="dnaromance"] .table-dark,
[data-site="apps"] .table-dark {
  background-color: #ffffff !important;
  color: #333333 !important;
}

[data-site="dnaromance"] .table-dark th,
[data-site="apps"] .table-dark th,
[data-site="dnaromance"] .table-dark td,
[data-site="apps"] .table-dark td {
  background-color: #f8f9fa !important;
  color: #333333 !important;
}

/* Breadcrumbs and navigation */
[data-site="dnaromance"] .breadcrumb,
[data-site="apps"] .breadcrumb {
  background-color: #e9ecef !important;
}

/* Override any gradient backgrounds that might be dark */
[data-site="dnaromance"] .bg-gradient-dark,
[data-site="apps"] .bg-gradient-dark {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
  color: #333333 !important;
}

/* Ensure hero sections maintain branding but are not too dark */
[data-site="dnaromance"] .hero-section,
[data-site="apps"] .hero-section {
  /* Keep the DNA Romance brand gradient but ensure text is readable */
  background: linear-gradient(135deg, rgba(15,117,189,0.9) 0%, rgba(247,44,147,0.9) 100%) !important;
  color: #ffffff !important;
}

/* Sidebar and navigation elements */
[data-site="dnaromance"] .sidebar,
[data-site="apps"] .sidebar,
[data-site="dnaromance"] .offcanvas,
[data-site="apps"] .offcanvas {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Dropdown menus */
[data-site="dnaromance"] .dropdown-menu,
[data-site="apps"] .dropdown-menu {
  background-color: #ffffff !important;
  color: #333333 !important;
  border-color: #ced4da !important;
}

[data-site="dnaromance"] .dropdown-item,
[data-site="apps"] .dropdown-item {
  color: #333333 !important;
}

[data-site="dnaromance"] .dropdown-item:hover,
[data-site="apps"] .dropdown-item:hover {
  background-color: #f8f9fa !important;
  color: #0F75BD !important;
}

/* Media queries for responsive behavior */
@media (max-width: 768px) {
  [data-site="dnaromance"] .navbar-toggler,
  [data-site="apps"] .navbar-toggler {
    border-color: #000000 !important;
  }
  
  [data-site="dnaromance"] .navbar-toggler-icon,
  [data-site="apps"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.8%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='m4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  [data-site="dnaromance"],
  [data-site="apps"] {
    background-color: #ffffff !important;
    color: #000000 !important;
  }
  
  [data-site="dnaromance"] .navbar,
  [data-site="apps"] .navbar {
    background-color: #ffffff !important;
    border-bottom: 2px solid #000000 !important;
  }
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  [data-site="dnaromance"] *,
  [data-site="apps"] * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}