/* FinaLove custom overrides: lighter dark for non-hero sections */
/* Keep hero as-is from template; adjust other blocks for better readability */

:root {
  --fl-bg-dark-soft: #1f1b22;   /* soft near-black with a hint of magenta */
  --fl-bg-dark-softer: #26212b; /* section contrast */
  --fl-text: #e9e4ee;           /* light text */
  --fl-text-muted: #cbbfd1;     /* muted text */
  --fl-accent: #ff4da6;         /* brand accent */
  --fl-border: #3a313f;         /* subtle borders */
  /* Light mode helpers */
  --fl-light-bg: #ffffff;
  --fl-light-bg-soft: #f5f5f7;  /* soft neutral gray */
  --fl-light-text: #333333;
  --fl-light-muted: #555555;
  --fl-light-border: #eeeeee;
}

/* General text color */
body:not(.dark) { color: var(--fl-light-text); }
body.dark { color: var(--fl-text); }

/* Light mode: turn sections white or soft white - Style sobre comme Services */
/* Accueil - Quiz CTA */
body:not(.dark) .w3l-call-to-action_9 .call-w3 { 
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f7 60%, #ffffff 100%) !important; 
}
body.dark .w3l-call-to-action_9 .call-w3 { 
  background: linear-gradient(135deg, #181a1f 0%, #23262d 50%, #2c3038 100%) !important; 
}

body:not(.dark) .w3l-specification-6 .specification-layout { background: var(--fl-light-bg) !important; }
body.dark .w3l-specification-6 .specification-layout { background: var(--fl-bg-dark-softer) !important; }

/* Call to action (quiz) */
.w3l-call-to-action_9 .call-w3 { background: var(--fl-bg-dark-soft); }
.main-titles-head .header-name { color: #333333; }
body.dark .main-titles-head .header-name { color: #ff77ba; }
/* Paragraphs */
body:not(.dark) .tiltle-para, body:not(.dark) .para { color: var(--fl-light-muted); }
body.dark .tiltle-para, body.dark .para { color: var(--fl-text-muted); }

/* Catalogue section */
/* Accueil - Catalogue - Style sobre */
body:not(.dark) .w3l-covers-18 .covers-main { 
  background: linear-gradient(180deg, #fafafa 0%, #f5f5f7 50%, #ffffff 100%) !important; 
}
body.dark .w3l-covers-18 .covers-main { 
  background: linear-gradient(180deg, #1c1f26 0%, #262a33 50%, #1a1d23 100%) !important; 
}
body:not(.dark) .img-box .para { color: var(--fl-light-muted); }
body.dark .img-box .para { color: var(--fl-text-muted); }
.gallery-image .img-box { border: 1px solid var(--fl-border); border-radius: 8px; }

/* Accueil - Commande - Style sobre */
body:not(.dark) .w3l-teams-15 .team-single-main { 
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f7 50%, #ffffff 100%) !important; 
}
body.dark .w3l-teams-15 .team-single-main { 
  background: linear-gradient(135deg, #181a1f 0%, #23262d 50%, #2c3038 100%) !important; 
}
/* Forms */
body:not(.dark) .w3l-teams-15 .form-control,
body:not(.dark) .w3l-teams-15 .form-select,
body:not(.dark) .w3l-teams-15 input[type="text"],
body:not(.dark) .w3l-teams-15 input[type="email"],
body:not(.dark) .w3l-teams-15 input[type="number"] {
  background: #ffffff; color: var(--fl-light-text); border: 1px solid var(--fl-light-border);
}
body:not(.dark) .w3l-teams-15 .form-control::placeholder { color: #999999; }
body.dark .w3l-teams-15 .form-control,
body.dark .w3l-teams-15 .form-select,
body.dark .w3l-teams-15 input[type="text"],
body.dark .w3l-teams-15 input[type="email"],
body.dark .w3l-teams-15 input[type="number"] {
  background: #2b2430; color: var(--fl-text); border: 1px solid var(--fl-border);
}
body.dark .w3l-teams-15 .form-control::placeholder { color: #a89db0; }

/* Clients strip and other dark bands */
/* Accueil - Clients - Style sobre */
body:not(.dark) .w3l-clients .call-w3 { 
  background: linear-gradient(135deg, #fafafa 0%, #f5f5f7 60%, #ffffff 100%) !important; 
}
body.dark .w3l-clients .call-w3 { 
  background: linear-gradient(135deg, #181a1f 0%, #23262d 60%, #333844 100%) !important; 
}

/* Footer */
/* Footer - Style sobre */
body:not(.dark) .w3l-footer-29-main .footer-29 { 
  background: linear-gradient(0deg, #fafafa 0%, #f5f5f7 50%, #ffffff 100%) !important; 
  border-top: 1px solid var(--fl-light-border) !important; 
}
body.dark .w3l-footer-29-main .footer-29 { 
  background: linear-gradient(0deg, #181a1f 0%, #23262d 50%, #2a2f39 100%) !important; 
  border-top: 1px solid var(--fl-border) !important; 
}
body:not(.dark) .footer-29 .copy-footer-29,
body:not(.dark) .footer-29 .footer-title-29,
body:not(.dark) .footer-29 .para { color: var(--fl-light-text); }
body.dark .footer-29 .copy-footer-29,
body.dark .footer-29 .footer-title-29,
body.dark .footer-29 .para { color: var(--fl-text); }

/* About page sections */
body:not(.dark) .w3l-inner-banner-main .about-inner { 
  background: linear-gradient(135deg, #fff0f6 0%, #ffe3ef 60%, #ffffff 100%) !important; 
}
body.dark .w3l-inner-banner-main .about-inner { 
  background: linear-gradient(135deg, #181a1f 0%, #23262d 60%, #2c3038 100%) !important; 
}

body:not(.dark) .w3l-content-with-photo-4 .content-with-photo4-block { 
  background: linear-gradient(180deg, #ffffff 0%, #ffe9f3 50%, #fafafa 100%) !important; 
}
body.dark .w3l-content-with-photo-4 .content-with-photo4-block { 
  background: linear-gradient(180deg, #1c1f26 0%, #262a33 50%, #1a1d23 100%) !important; 
}

body:not(.dark) .w3l-stats .main-w3 { 
  background: linear-gradient(135deg, #fafafa 0%, #ffe3ef 60%, #fff0f6 100%) !important; 
}
body.dark .w3l-stats .main-w3 { 
  background: linear-gradient(135deg, #1c1f26 0%, #23262d 60%, #333844 100%) !important; 
}

body:not(.dark) .w3l-recent-work .jst-two-col { 
  background: linear-gradient(180deg, #ffffff 0%, #ffe9f3 50%, #fff7fb 100%) !important; 
}
body.dark .w3l-recent-work .jst-two-col { 
  background: linear-gradient(180deg, #1c1f26 0%, #262a33 60%, #1a1d23 100%) !important; 
}

body:not(.dark) .w3l-team-main-6 .team-content-page { 
  background: linear-gradient(135deg, #fafafa 0%, #ffe3ef 60%, #ffffff 100%) !important; 
}
body.dark .w3l-team-main-6 .team-content-page { 
  background: linear-gradient(135deg, #181a1f 0%, #23262d 60%, #26212b 100%) !important; 
}

/* Services page sections */
body:not(.dark) .w3l-recent-work-hobbies .recent-work { 
  background: linear-gradient(180deg, #fafafa 0%, #ffe9f3 50%, #ffffff 100%) !important; 
}
body.dark .w3l-recent-work-hobbies .recent-work { 
  background: linear-gradient(180deg, #1c1f26 0%, #262a33 60%, #1a1d23 100%) !important; 
}

body:not(.dark) .w3l-services-two .service-single-page { 
  background: linear-gradient(135deg, #ffffff 0%, #ffe3ef 60%, #fff7fb 100%) !important; 
}
body.dark .w3l-services-two .service-single-page { 
  background: linear-gradient(135deg, #181a1f 0%, #23262d 60%, #2c3038 100%) !important; 
}

/* Contact page sections */
body:not(.dark) .w3l-contact-info-main .contact-sec { 
  background: linear-gradient(180deg, #ffffff 0%, #ffe9f3 50%, #fff7fb 100%) !important; 
}
body.dark .w3l-contact-info-main .contact-sec { 
  background: linear-gradient(180deg, #1c1f26 0%, #262a33 50%, #1a1d23 100%) !important; 
}

/* Buttons */
.btn.btn-style.btn-primary { background: var(--fl-accent); border-color: var(--fl-accent); }
.btn.btn-style.btn-primary:hover { background:#ff2d95; border-color:#ff2d95; }

/* Cards and alerts */
body:not(.dark) .card { border: none; box-shadow: 0 6px 18px rgba(0,0,0,0.06); background:#ffffff; color: var(--fl-light-text); }
body.dark .card { border: none; box-shadow: 0 6px 18px rgba(255,77,166,0.08); background:#2a252f; color: var(--fl-text); }
body:not(.dark) .alert-secondary { background:#f5f5f7; color:#444; border-color:#e6e6ea; }
body.dark .alert-secondary { background:#3a2f39; color:#f1d7e5; border-color:#4a3a47; }

/* Table tweak (if any table appears) */
body:not(.dark) .table { color: var(--fl-light-text); }
body:not(.dark) .table thead th { border-color: var(--fl-light-border); }
body:not(.dark) .table td, body:not(.dark) .table th { border-color: var(--fl-light-border); }
body.dark .table { color: var(--fl-text); }
body.dark .table thead th { border-color: var(--fl-border); }
body.dark .table td, body.dark .table th { border-color: var(--fl-border); }