/**
 * DNA Romance Theme
 * Brand Identity and Variable 
 */

:root[data-site="dnaromance"],
:root[data-site="app "]{
    
    --tenant-primary:#0F75BD;
    --tenant-secondary:#F72C93;
    --tenant-accent:#50E3C2;
    
    
    --tenant-primary-rgb:15, 117, 189;
    --tenant-secondary-rgb:247, 44, 147;
    --tenant-accent-rgb:80, 227, 194;
    
    
    --tenant-gradient:linear-gradient(135deg, #0F75BD 0%, #F72C93 100%);
    --tenant-gradient-reverse:linear-gradient(135deg, #F72C93 0%, #0F75BD 100%);
    
    
    --tenant-font-family:'Montserrat', -apple- ystem, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --tenant-font-weight-normal:400;
    --tenant-font-weight-bold:700;
    
    
    --bs-primary:var(--tenant-primary);
    --bs-primary-rgb:var(--tenant-primary-rgb);
    --bs-secondary:var(--tenant-secondary);
    --bs-secondary-rgb:var(--tenant-secondary-rgb);
}


[data-site="dnaromance"] body,
[data-site="app "] body{
    font-family:var(--tenant-font-family);
}


[data-site="dnaromance"] .hero-modern,
[data-site="app "] .hero-modern{
    background:var(--tenant-gradient);
}


[data-site="dnaromance"] .btn-dna,
[data-site="app "] .btn-dna{
    background:var(--tenant-gradient);
    border:none;
    color:white;
    font-weight:var(--tenant-font-weight-bold);
    text-transform:uppercase;
    letter-spacing:0.5px;
    position:relative;
    overflow:hidden;
}

[data-site="dnaromance"] .btn-dna:hover,
[data-site="app "] .btn-dna:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(0,0,0,0.2);
}


[data-site="dnaromance"] .navbar,
[data-site="app "] .navbar{
    background-color:rgba(255, 255, 255, 0.95);
    border-bottom:3px solid var(--tenant-primary);
}


[data-site="dnaromance"] a,
[data-site="app "] a{
    color:var(--tenant-primary);
}

[data-site="dnaromance"] a:hover,
[data-site="app "] a:hover{
    color:var(--tenant-secondary);
}

/* 
 * DNA Romance Brand Style 
 * Generated:2025-09-06
 * Brand Color :Primary #0F75BD, Secondary #F72C93, Accent #50E3C2
 */


:root[data-site="dnaromance"],
:root[data-site="app "],
:root{
  
  --brand-primary:#0F75BD;
  --brand-secondary:#F72C93;
  --brand-accent:#50E3C2;
  
  
  --brand-primary-rgb:15, 117, 189;
  --brand-secondary-rgb:247, 44, 147;
  --brand-accent-rgb:80, 227, 194;
  
  
  --brand-primary-light:#0F75BD33;
  --brand-primary-dark:#0A5A91;
  --brand-secondary-light:#F72C9333;
  --brand-secondary-dark:#D91872;
  --brand-accent-light:#50E3C233;
  --brand-accent-dark:#3DB89A;
}


[data-site="dnaromance"] .btn-primary,
[data-site="app "] .btn-primary,
.btn-primary{
  background-color:var(--brand-primary);
  border-color:var(--brand-primary);
  color:white;
  transition:all 0.3 ease;
}

[data-site="dnaromance"] .btn-primary:hover,
[data-site="app "] .btn-primary:hover,
.btn-primary:hover{
  background-color:var(--brand-primary-dark);
  border-color:var(--brand-primary-dark);
  transform:translateY(-2px);
  box-shadow:0 4px 8px rgba(var(--brand-primary-rgb), 0.3);
}

[data-site="dnaromance"] .btn-primary:focus,
[data-site="dnaromance"] .btn-primary:active,
[data-site="app "] .btn-primary:focus,
[data-site="app "] .btn-primary:active,
.btn-primary:focus,
.btn-primary:active{
  background-color:var(--brand-primary-dark) !important;
  border-color:var(--brand-primary-dark) !important;
  box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.3) !important;
}


[data-site="dnaromance"] .btn-secondary,
[data-site="app "] .btn-secondary,
.btn-secondary{
  background-color:var(--brand-secondary);
  border-color:var(--brand-secondary);
  color:white;
}

[data-site="dnaromance"] .btn-secondary:hover,
[data-site="app "] .btn-secondary:hover,
.btn-secondary:hover{
  background-color:var(--brand-secondary-dark);
  border-color:var(--brand-secondary-dark);
  transform:translateY(-2px);
  box-shadow:0 4px 8px rgba(var(--brand-secondary-rgb), 0.3);
}


[data-site="dnaromance"] .btn-accent,
[data-site="dnaromance"] .accent,
[data-site="app "] .btn-accent,
[data-site="app "] .accent,
.btn-accent,
.accent{
  background-color:var(--brand-accent);
  color:#000;
}


[data-site="dnaromance"] a,
[data-site="app "] a{
  color:var(--brand-primary);
  text-decoration:none;
  transition:color 0.2 ease;
}

[data-site="dnaromance"] a:hover,
[data-site="app "] a:hover{
  color:var(--brand-primary-dark);
  text-decoration:underline;
}


[data-site="dnaromance"] .navbar,
[data-site="app "] .navbar{
  background-color:white;
  border-bottom:2px solid var(--brand-primary);
}

[data-site="dnaromance"] .navbar-brand,
[data-site="app "] .navbar-brand{
  color:var(--brand-primary) !important;
  font-weight:bold;
}

[data-site="dnaromance"] .navbar-nav .nav-link,
[data-site="app "] .navbar-nav .nav-link{
  color:#333;
  transition:all 0.2 ease;
}

[data-site="dnaromance"] .navbar-nav .nav-link:hover,
[data-site="app "] .navbar-nav .nav-link:hover{
  color:var(--brand-primary);
}

[data-site="dnaromance"] .navbar-nav .nav-link.active,
[data-site="app "] .navbar-nav .nav-link.active{
  color:var(--brand-primary);
  font-weight:600;
  border-bottom:2px solid var(--brand-primary);
}


[data-site="dnaromance"] .hero-section,
[data-site="dnaromance"] .banner3,
[data-site="dnaromance"] .gradient-hero,
[data-site="app "] .hero-section,
[data-site="app "] .banner3,
[data-site="app "] .gradient-hero{
  background:linear-gradient(135deg, 
    rgba(var(--brand-primary-rgb), 0.9) 0%, 
    rgba(var(--brand-secondary-rgb), 0.9) 100%);
  color:white;
  position:relative;
  overflow:hidden;
}


[data-site="dnaromance"] .card,
[data-site="app "] .card{
  border:1px solid rgba(var(--brand-primary-rgb), 0.2);
  transition:all 0.3 ease;
}

[data-site="dnaromance"] .card:hover,
[data-site="app "] .card:hover{
  border-color:var(--brand-primary);
  box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), 0.15);
  transform:translateY(-4px);
}

[data-site="dnaromance"] .card-header,
[data-site="app "] .card-header{
  background-color:rgba(var(--brand-primary-rgb), 0.05);
  border-bottom:2px solid var(--brand-primary);
  color:var(--brand-primary-dark);
  font-weight:600;
}


[data-site="dnaromance"] .form-control:focus,
[data-site="app "] .form-control:focus{
  border-color:var(--brand-primary);
  box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), 0.1);
}

[data-site="dnaromance"] .form-label,
[data-site="app "] .form-label{
  color:var(--brand-primary-dark);
  font-weight:500;
}


[data-site="dnaromance"] .badge-primary,
[data-site="app "] .badge-primary{
  background-color:var(--brand-primary);
}

[data-site="dnaromance"] .badge-secondary,
[data-site="app "] .badge-secondary{
  background-color:var(--brand-secondary);
}


[data-site="dnaromance"] footer,
[data-site="app "] footer{
  background-color:#f8f9fa;
  border-top:3px solid var(--brand-primary);
  color:#333;
}

[data-site="dnaromance"] footer a,
[data-site="app "] footer a{
  color:var(--brand-primary);
}


[data-site="dnaromance"] .spinner-border,
[data-site="app "] .spinner-border{
  color:var(--brand-primary);
}


[data-site="dnaromance"] .progress-bar,
[data-site="app "] .progress-bar{
  background-color:var(--brand-primary);
}


[data-site="dnaromance"] .tooltip-inner,
[data-site="app "] .tooltip-inner{
  background-color:var(--brand-primary-dark);
}






.dna-helix{
  background:linear-gradient(45deg, 
    var(--brand-primary) 0%, 
    var(--brand-secondary) 50%, 
    var(--brand-primary) 100%);
  background-size:200% 200%;
  animation:dna-pulse 3 ease-in-out infinite;
}

@keyframes dna-pulse{
  0%, 100%{ background-position:0% 50%;}
  50%{ background-position:100% 50%;}
}


.match-card{
  border-left:4px solid var(--brand-secondary);
}

.compatibility-score{
  color:var(--brand-primary);
  font-weight:bold;
  font-size:1.5rem;
}


.genetic-match-badge{
  background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
  color:white;
  padding:6px 16px;
  border-radius:20px;
  font-weight:600;
  display:inline-block;
}


.chemistry-level{
  display:flex;
  gap:4px;
}

.chemistry-heart{
  color:var(--brand-secondary);
  font-size:1.2rem;
}

.chemistry-heart.filled{
  color:var(--brand-secondary);
}

.chemistry-heart.empty{
  color:#ddd;
}


.science-icon{
  color:var(--brand-accent);
  font-size:2rem;
  margin-bottom:1rem;
}


.dna-upload-section{
  background:linear-gradient(135deg, 
    rgba(var(--brand-primary-rgb), 0.05) 0%, 
    rgba(var(--brand-accent-rgb), 0.05) 100%);
  border:2px dashed var(--brand-primary);
  border-radius:12px;
  padding:2rem;
  text-align:center;
  transition:all 0.3 ease;
}

.dna-upload-section:hover{
  border-color:var(--brand-secondary);
  background:linear-gradient(135deg, 
    rgba(var(--brand-primary-rgb), 0.1) 0%, 
    rgba(var(--brand-accent-rgb), 0.1) 100%);
}


@media (max-width:768px){
  [data-site="dnaromance"] .hero-section,
  [data-site="app "] .hero-section{
    padding:60px 20px;
  }
  
  [data-site="dnaromance"] h1,
  [data-site="app "] h1{
    font-size:28px;
  }
}


@media print{
  [data-site="dnaromance"],
  [data-site="app "]{
    
    --brand-primary:#000;
    --brand-secondary:#333;
  }
}






.theme-dnaromance .text-muted,
.theme-dnaromance .text-secondary,
.theme-dnaromance .text-body-secondary,
[data-site="dnaromance"] .text-muted,
[data-site="dnaromance"] .text-secondary{
    color:#374151 !important;
}

.theme-dnaromance .text-light{
    color:#4b5563 !important;
}


.theme-dnaromance .form-control::placeholder,
.theme-dnaromance .form-text,
.theme-dnaromance .help-block{
    color:#4b5563 !important;
    opacity:1 !important;
}


.theme-dnaromance small,
.theme-dnaromance .small{
    color:#374151 !important;
}


.theme-dnaromance a:not(.btn){
    color:#000525;
    text-decoration-thickness:2px;
}


.theme-dnaromance .disabled,
.theme-dnaromance [disabled]{
    opacity:0.7 !important;
    color:#374151 !important;
}