/* ===============================================
   THÈME SOMBRE - Oracle du Temps
   =============================================== */

body.dark-theme {
    background: linear-gradient(to bottom, #0a0a1a 0%, #050510 100%);
    color: #ffffff;
}

/* Header */
.dark-theme .header {
    background: transparent;
    box-shadow: none;
}

.dark-theme .header.scrolled {
    background: rgba(10, 10, 26, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 30px rgba(139, 122, 184, 0.1);
}

.dark-theme .nav-link {
    color: #b0b0c8;
    background: transparent;
}

.dark-theme .nav-link:hover,
.dark-theme .nav-link.active {
    color: #ffffff;
    background: transparent;
}

/* Hero Section */
.dark-theme .hero-overlay {
    background: radial-gradient(ellipse at center, rgba(139, 122, 184, 0.1) 0%, rgba(10, 10, 26, 0.8) 70%);
}

.dark-theme .hero-text p {
    color: #b0b0c8;
}

/* Effet de transparence pour le thème sombre */
.dark-theme .video-gradient-overlay {
    background: linear-gradient(to top, 
        rgba(10, 10, 26, 1) 0%, 
        rgba(10, 10, 26, 0.9) 15%, 
        rgba(10, 10, 26, 0.7) 35%, 
        rgba(10, 10, 26, 0.4) 60%, 
        transparent 100%);
}

/* Sections */
.dark-theme .about-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #050510 100%);
}

.dark-theme .services-section {
    background: #0a0a1a;
}

.dark-theme .booking-section {
    background: linear-gradient(180deg, #050510 0%, #0a0a1a 100%);
}

.dark-theme .contact-section {
    background: linear-gradient(180deg, #050510 0%, #0a0a1a 100%);
}

/* Sections dynamiques */
.dark-theme .dynamic-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #050510 100%) !important;
}

.dark-theme .dynamic-section:nth-child(odd) {
    background: linear-gradient(180deg, #0a0a1a 0%, #050510 100%) !important;
}

.dark-theme .dynamic-section:nth-child(even) {
    background: linear-gradient(180deg, #050510 0%, #0a0a1a 100%) !important;
}

.dark-theme .dynamic-section .section-header h2 {
    color: #ffffff;
}

.dark-theme .dynamic-section .section-subtitle {
    color: #b0b0c8;
}

.dark-theme .dynamic-section .section-text p {
    color: #b0b0c8;
}

.dark-theme .dynamic-section .image-frame {
    background: rgba(20, 20, 40, 0.8);
    border-color: rgba(139, 122, 184, 0.3);
}

.dark-theme .testimonial-card {
    background: rgba(20, 20, 40, 0.9);
    border-color: rgba(139, 122, 184, 0.3);
}

.dark-theme .testimonial-text {
    color: #b0b0c8;
}

.dark-theme .testimonial-author {
    color: #c9a9e5;
}

.dark-theme .contact-card h4 {
    color: #ffffff;
}

.dark-theme .contact-card p,
.dark-theme .contact-card a {
    color: #b0b0c8;
}

.dark-theme .contact-card a:hover {
    color: #8b7ab8;
}

.dark-theme .social-links h4 {
    color: #ffffff;
}

.dark-theme .social-icon {
    background: rgba(139, 122, 184, 0.2);
    border-color: rgba(139, 122, 184, 0.4);
    color: #c9a9e5;
}

.dark-theme .social-icon:hover {
    background: rgba(139, 122, 184, 0.4);
    color: #ffffff;
}

.dark-theme .contact-form h3 {
    color: #ffffff;
}

/* Cartes */
.dark-theme .service-card,
.dark-theme .contact-card,
.dark-theme .certifications,
.dark-theme .booking-form-container,
.dark-theme .contact-form-wrapper,
.dark-theme .booking-note {
    background: rgba(20, 20, 40, 0.8);
    border-color: rgba(139, 122, 184, 0.2);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.dark-theme .service-card:hover,
.dark-theme .contact-card:hover {
    border-color: rgba(139, 122, 184, 0.5);
    box-shadow: 0 20px 60px rgba(139, 122, 184, 0.3);
}

.dark-theme .service-card h3,
.dark-theme .about-text h3 {
    color: #ffffff;
}

/* Logo - adaptation pour mode sombre */
.dark-theme .image-frame {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 100%);
}

.dark-theme .profile-img {
    /* Le fond sera supprimé par JavaScript */
}

.dark-theme .service-price {
    color: #c9a9e5;
}

.dark-theme .card-icon {
    color: #c9a9e5;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 10px 30px rgba(139, 122, 184, 0.4);
}

.dark-theme .step-content h4 {
    color: #ffffff;
}

/* Textes */
.dark-theme .about-text p,
.dark-theme .service-card > p,
.dark-theme .service-features li,
.dark-theme .step-content p,
.dark-theme .booking-note p {
    color: #b0b0c8;
}

/* Titres des sections */
.dark-theme .section-header h2,
.dark-theme .booking-info h3,
.dark-theme .booking-cta h3,
.dark-theme .certifications h4 {
    color: #ffffff;
}

.dark-theme .section-subtitle {
    color: #b0b0c8;
}

/* Icônes */
.dark-theme .cta-icon,
.dark-theme .step-number {
    color: #c9a9e5;
}

.dark-theme .certifications i,
.dark-theme .service-features i {
    color: #c9a9e5;
}

.dark-theme .light-text {
    color: #ffffff;
}

.dark-theme .gray-text {
    color: #b0b0c8;
}

/* Formulaires */
.dark-theme .form-group input,
.dark-theme .form-group select,
.dark-theme .form-group textarea {
    background: rgba(20, 20, 40, 0.9);
    border-color: rgba(139, 122, 184, 0.3);
    color: #ffffff;
}

.dark-theme .form-group input:focus,
.dark-theme .form-group select:focus,
.dark-theme .form-group textarea:focus {
    background: rgba(30, 30, 50, 0.95);
    border-color: #8b7ab8;
    box-shadow: 0 0 20px rgba(139, 122, 184, 0.3);
    color: #ffffff;
}

/* Options des select (combo box) */
.dark-theme .form-group select option {
    background: #1a1a2e;
    color: #ffffff;
    padding: 10px;
}

.dark-theme .form-group select option:hover,
.dark-theme .form-group select option:checked {
    background: #2a2a4e;
    color: #ffffff;
}

/* Placeholder */
.dark-theme .form-group input::placeholder,
.dark-theme .form-group textarea::placeholder {
    color: rgba(176, 176, 200, 0.6);
}

/* Labels */
.dark-theme .form-group label {
    color: #e0e0f0;
}

.dark-theme .price-summary {
    background: rgba(255, 255, 255, 0.05);
}

/* Footer */
.dark-theme .footer {
    background: linear-gradient(180deg, #050510 0%, #0a0a1a 100%);
    border-top-color: rgba(139, 122, 184, 0.2);
}

.dark-theme .footer-section h3,
.dark-theme .footer-section h4 {
    color: #ffffff;
}

.dark-theme .footer-section p,
.dark-theme .footer-section ul li a {
    color: #b0b0c8;
}

.dark-theme .footer-section ul li a:hover {
    color: #ffffff;
}

.dark-theme .footer-bottom {
    border-top-color: rgba(139, 122, 184, 0.1);
}

.dark-theme .footer-bottom p {
    color: #b0b0c8;
}

.dark-theme .newsletter-form input {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(139, 122, 184, 0.2);
    color: #ffffff;
}

/* Animations 3D */
.dark-theme #bg-canvas {
    opacity: 1;
}

/* Social Links */
.dark-theme .social-links {
    background: rgba(20, 20, 40, 0.8);
    border-color: rgba(139, 122, 184, 0.2);
}

/* Boutons de contrôle vidéo */
.dark-theme .video-controls {
    /* Hérite des styles de base */
}

.dark-theme .video-control-btn {
    background: rgba(20, 20, 40, 0.9);
    border-color: rgba(139, 122, 184, 0.5);
    color: #c9a9e5;
}

.dark-theme .video-control-btn .btn-text {
    color: #e0d4ff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.dark-theme .video-control-btn:hover {
    background: rgba(30, 30, 50, 1);
    border-color: rgba(139, 122, 184, 0.8);
    box-shadow: 0 12px 40px rgba(139, 122, 184, 0.5);
}

.dark-theme .video-control-btn.paused {
    background: rgba(200, 80, 80, 0.9);
    border-color: rgba(200, 80, 80, 0.5);
    color: #ffffff;
}

.dark-theme .video-control-btn.paused:hover {
    background: rgba(220, 90, 90, 1);
}

/* Animation de rotation aussi en mode sombre */
.dark-theme .video-control-btn:not(.paused) .fa-sync-alt {
    animation: rotate-icon 3s linear infinite;
}

/* Theme Toggle - déjà stylé dans style.css principal */
.dark-theme .theme-toggle {
    /* Les styles gradient sont définis dans style.css */
}

/* Hamburger Menu */
.dark-theme .hamburger .bar {
    background: #ffffff;
}

.dark-theme .nav-menu {
    background: transparent;
}