/* ============================================
   DJ BENJ / DJ DAN - Thème Fond Blanc
   Override des couleurs sombres vers fond blanc
   ============================================ */

/* Force le fond blanc sur TOUT le site */
body,
html {
    background-color: #FFFFFF !important;
    color: #111827 !important;
}

/* Fond blanc pour toutes les sections */
section,
.bg-dark,
.bg-gray-900,
.bg-gradient-to-b,
.bg-gradient-to-br,
.bg-gradient-to-r {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

/* Sections alternées avec fond gris très clair */
section:nth-child(even) {
    background-color: #F9FAFB !important;
}

/* Header/Navigation */
nav,
header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E5E7EB;
}

nav.scrolled {
    background-color: #FFFFFF !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

/* Texte noir pour tout le contenu */
h1, h2, h3, h4, h5, h6,
p, span, div, li, a,
.text-white,
.text-gray-300,
.text-gray-400,
.text-gray-200 {
    color: #111827 !important;
}

/* Textes gris pour les descriptions secondaires */
.text-gray-400,
.text-gray-300 {
    color: #6B7075 !important;
}

/* Garder les couleurs d'accent pour les éléments importants */
.text-primary,
.bg-primary {
    color: #8B5CF6 !important;
}

.text-secondary {
    color: #EC4899 !important;
}

.text-accent {
    color: #F59E0B !important;
}

/* Cards avec fond blanc et bordures */
.pricing-card,
.service-card,
.feature-card,
.option-card,
.stat-card,
.testimonial-card,
.faq-item {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Hover sur les cards */
.pricing-card:hover,
.service-card:hover,
.feature-card:hover,
.option-card:hover {
    background-color: #FFFFFF !important;
    border-color: #8B5CF6 !important;
    box-shadow: 0 10px 30px rgba(139, 92, 246, 0.15) !important;
}

/* Background patterns et gradients supprimés */
.bg-gradient-to-b,
.bg-gradient-to-br,
.bg-gradient-to-r,
.bg-gradient-to-l {
    background: #FFFFFF !important;
}

/* Sections avec patterns subtils */
.from-dark,
.to-gray-900,
.from-gray-900,
.to-dark,
.via-purple-900,
.from-blue-900,
.to-purple-900 {
    background: #F9FAFB !important;
}

/* Hero section */
.hero-section {
    background: linear-gradient(135deg, #F9FAFB 0%, #FFFFFF 50%, #F3F4F6 100%) !important;
}

/* Boutons - garder les couleurs vives */
.bg-primary,
.bg-gradient-to-r.from-purple-600 {
    background: linear-gradient(to right, #8B5CF6, #9F7AEA) !important;
    color: #FFFFFF !important;
}

.bg-secondary {
    background: linear-gradient(to right, #EC4899, #F472B6) !important;
    color: #FFFFFF !important;
}

.bg-green-600,
.bg-gradient-to-r.from-green-500 {
    background: linear-gradient(to right, #10B981, #34D399) !important;
    color: #FFFFFF !important;
}

.bg-gradient-to-r.from-blue-500,
.bg-gradient-to-r.from-cyan-500 {
    background: linear-gradient(to right, #3B82F6, #60A5FA) !important;
    color: #FFFFFF !important;
}

/* Prix / Tarifs */
.bg-gradient-to-r.from-blue-500.to-purple-600,
.bg-primary.bg-gradient-to-r {
    background: linear-gradient(to right, #8B5CF6, #EC4899) !important;
    color: #FFFFFF !important;
}

/* Footer */
footer {
    background-color: #F3F4F6 !important;
    border-top: 1px solid #E5E7EB !important;
}

footer h3,
footer p,
footer a,
footer span {
    color: #111827 !important;
}

footer a:hover {
    color: #8B5CF6 !important;
}

/* Badges et labels */
.bg-red-500,
.bg-yellow-500,
.bg-green-500,
.bg-blue-500 {
    color: #FFFFFF !important;
}

/* Inputs et formulaires */
input,
textarea,
select {
    background-color: #FFFFFF !important;
    border: 1px solid #D1D5DB !important;
    color: #111827 !important;
}

input::placeholder,
textarea::placeholder {
    color: #9CA3AF !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #8B5CF6 !important;
    background-color: #FFFFFF !important;
}

/* Éléments avec opacité */
.bg-white\/5,
.bg-white\/10,
.from-white\/5,
.to-white\/10 {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
}

/* Bordures colorées en mode clair */
.border-primary\/30,
.border-blue-500\/40,
.border-purple-500\/40 {
    border-color: #8B5CF6 !important;
    border-opacity: 0.3 !important;
}

/* Text gradients - garder les dégradés */
.bg-gradient-to-r.from-blue-400.via-purple-500.to-pink-500,
.bg-gradient-to-r.from-purple-400.via-pink-500.to-red-500 {
    background: linear-gradient(to right, #8B5CF6, #EC4899, #F59E0B) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Ombres douces */
.shadow-2xl,
.shadow-xl,
.shadow-lg {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

/* Galerie photos */
.gallery-item img {
    border: 1px solid #E5E7EB !important;
}

/* Overlay sur images */
.absolute.inset-0.bg-gradient-to-t {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent) !important;
}

/* Navigation active */
.nav-link.active {
    color: #8B5CF6 !important;
}

/* Stats et compteurs */
.text-5xl,
.text-6xl {
    color: #8B5CF6 !important;
}

/* WhatsApp button */
.fixed.bottom-6.right-6 {
    background-color: #25D366 !important;
}

/* Backdrop blur - garder l'effet mais avec fond blanc */
.backdrop-blur-sm {
    background-color: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px) !important;
}

/* Scrollbar */
::-webkit-scrollbar-track {
    background: #F3F4F6 !important;
}

/* Loading */
.loading-overlay {
    background: #FFFFFF !important;
}

/* Testimonials citations */
blockquote {
    border-left: 4px solid #8B5CF6 !important;
    background-color: #F9FAFB !important;
}

/* Tags et badges */
.rounded-full.px-4.py-2 {
    background-color: #F3F4F6 !important;
    color: #111827 !important;
    border: 1px solid #E5E7EB !important;
}

/* Icons colorés - garder les couleurs */
.text-primary,
.text-secondary,
.text-accent,
.text-green-400,
.text-blue-400,
.text-yellow-400,
.text-red-400,
.text-pink-400,
.text-purple-400 {
    /* Garder les couleurs originales pour les icônes */
}

/* Assurer que les textes importants restent visibles */
strong {
    color: #111827 !important;
    font-weight: 700 !important;
}

/* Mobile menu */
#mobile-menu {
    background-color: #FFFFFF !important;
    border-top: 1px solid #E5E7EB !important;
}

/* FAQ */
.faq-item {
    background-color: #FFFFFF !important;
}

/* Garantir la lisibilité sur tous les backgrounds */
.bg-red-500\/10,
.bg-green-500\/10,
.bg-blue-500\/10,
.bg-yellow-500\/10 {
    background-color: #F9FAFB !important;
}

/* Hover sur liens */
a:hover:not(.btn-primary):not(.bg-primary):not(.bg-green-600) {
    color: #8B5CF6 !important;
}

/* Prix en gros */
.text-4xl.font-bold,
.text-5xl.font-bold {
    color: #111827 !important;
}

/* Responsive : s'assurer que tout reste lisible */
@media (max-width: 768px) {
    body,
    section,
    div {
        background-color: #FFFFFF !important;
    }
    
    .bg-dark,
    .bg-gray-900 {
        background-color: #FFFFFF !important;
    }
}

/* Fix pour les overlays de galerie */
.group:hover .absolute.inset-0 {
    background: linear-gradient(to top, rgba(139, 92, 246, 0.1), transparent) !important;
}

/* Chatbot - si présent */
#chatbot-container {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

#chatbot-messages {
    background-color: #F9FAFB !important;
}

.user-message {
    background-color: #8B5CF6 !important;
    color: #FFFFFF !important;
}

.bot-message {
    background-color: #FFFFFF !important;
    color: #111827 !important;
    border: 1px solid #E5E7EB !important;
}