/* ============================================
   DARK MODE - Yi Worldwide Theme
   ============================================ */

/* Dark Mode Variables — fond uni comme page under construction (#212121) */
[data-theme="dark"] {
    --orange-gris-pastel: #CC9A89;
    --orange-gris-pastel-light: #8C3C21;
    --orange-clair: #212121;
    --orange: #C9B9A5;
    --gris-fonce: #E0E0E0;
    --white: #212121;
    --text-dark: #F5F1E8;
    --text-light: #C9B9A5;
    --bg-primary: #212121;
    --bg-secondary: #212121;
    --bg-tertiary: #2A2A2A;
}

/* Dark Mode Body — fond uni (même que under construction) */
[data-theme="dark"] body {
    background-color: #212121;
    color: var(--text-dark);
}

/* Dark Mode Navbar — fond uni #212121, pas de dégradé */
[data-theme="dark"] .navbar {
    background-color: #212121 !important;
    background-image: none !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

/* Dark Mode Sections */
[data-theme="dark"] .about,
[data-theme="dark"] .services,
[data-theme="dark"] .contact {
    background-color: #212121;
}

[data-theme="dark"] .pillars,
[data-theme="dark"] .values {
    background-color: #212121;
}

[data-theme="dark"] .hero {
    background-color: #212121;
}

/* Dark Mode Cards */
[data-theme="dark"] .pillar-card,
[data-theme="dark"] .service-item {
    background-color: var(--bg-tertiary);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .pillar-card:hover {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* Dark Mode Form */
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea {
    background-color: var(--bg-tertiary);
    border-color: var(--orange-gris-pastel-light);
    color: var(--text-dark);
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: var(--orange);
    background-color: var(--bg-secondary);
}

/* Dark Mode Footer */
[data-theme="dark"] .footer {
    background-color: var(--bg-tertiary);
}

/* Theme toggle : styles dark mode définis dans style.css via [data-theme="dark"] */

/* Dark Mode About Us Sections */
[data-theme="dark"] .about-us-hero {
    background-color: #212121;
}

[data-theme="dark"] .about-us-story {
    background-color: #212121;
}

[data-theme="dark"] .about-us-values {
    background-color: #212121;
}

/* Dark Mode Pages & Posts */
[data-theme="dark"] .site-main {
    background-color: var(--bg-primary);
}

[data-theme="dark"] article {
    background-color: var(--bg-tertiary);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] article:hover {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .entry-title,
[data-theme="dark"] .page-title {
    color: var(--text-dark);
}

[data-theme="dark"] .entry-title a {
    color: var(--text-dark);
}

[data-theme="dark"] .entry-title a:hover {
    color: var(--orange);
}

[data-theme="dark"] .entry-content {
    color: var(--text-light);
}

[data-theme="dark"] .entry-content p {
    color: var(--text-light);
}

[data-theme="dark"] .entry-content h2,
[data-theme="dark"] .entry-content h3,
[data-theme="dark"] .entry-content h4 {
    color: var(--text-dark);
}

[data-theme="dark"] .entry-content a {
    color: var(--orange);
}

[data-theme="dark"] .entry-content a:hover {
    color: var(--orange-gris-pastel);
}

[data-theme="dark"] .entry-meta {
    color: var(--text-light);
}

[data-theme="dark"] .entry-meta a {
    color: var(--orange);
}

[data-theme="dark"] .entry-meta a:hover {
    color: var(--orange-gris-pastel);
}

[data-theme="dark"] .entry-footer {
    border-top-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .post-navigation {
    border-top-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .post-navigation a {
    background-color: var(--bg-tertiary);
    color: var(--text-dark);
}

[data-theme="dark"] .post-navigation a:hover {
    background-color: var(--orange-gris-pastel);
    color: var(--white);
}

[data-theme="dark"] .posts-navigation a {
    background-color: var(--orange-gris-pastel);
    color: var(--white);
}

[data-theme="dark"] .posts-navigation a:hover {
    background-color: var(--orange);
}

[data-theme="dark"] .page-links a {
    background-color: var(--orange-gris-pastel);
    color: var(--white);
}

[data-theme="dark"] .page-links a:hover {
    background-color: var(--orange);
}

[data-theme="dark"] .archive-description {
    color: var(--text-light);
}

[data-theme="dark"] .no-results .page-content {
    color: var(--text-light);
}