/* ========================================== */
/* MODE NUIT - RENCONTRE */
/* Uniquement les couleurs pour le thème sombre */
/* ========================================== */

/* Body avec photo de fond */
:root[data-theme="dark"] body {
    background-image: url('body_photo.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--bg-primary);
    color: #ffffff;
}

/* Conteneur principal - TRANSPARENT pour voir le fond */
:root[data-theme="dark"] .profil {
    background: transparent !important;
    box-shadow: none !important;
}

:root[data-theme="dark"] .profils-grid {
    background: transparent !important;
}

/* Panneau de filtres */
:root[data-theme="dark"] .panneau-filtres {
    background: var(--bg-secondary);
    box-shadow: var(--shadow-medium);
}

:root[data-theme="dark"] .panneau-filtres h3 {
    color: var(--text-primary);
}

:root[data-theme="dark"] .filtre-item label {
    color: var(--text-secondary);
}

:root[data-theme="dark"] .filtre-item input[type="text"],
:root[data-theme="dark"] .filtre-item input[type="number"],
:root[data-theme="dark"] .filtre-item select {
    background: var(--input-bg);
    border: 2px solid var(--input-border);
    color: var(--input-text);
}

:root[data-theme="dark"] .filtre-item input::placeholder {
    color: var(--input-placeholder);
}

:root[data-theme="dark"] .filtre-item input:focus,
:root[data-theme="dark"] .filtre-item select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

:root[data-theme="dark"] .filtre-range span {
    color: var(--text-tertiary);
}

/* Actions filtres */
:root[data-theme="dark"] .filtres-actions {
    border-top: 2px solid var(--border-primary);
}

:root[data-theme="dark"] .btn-reinitialiser {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

:root[data-theme="dark"] .btn-reinitialiser:hover {
    background: var(--bg-hover);
}

:root[data-theme="dark"] .btn-appliquer {
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

:root[data-theme="dark"] .btn-appliquer:hover {
    box-shadow: 0 6px 18px rgba(102, 126, 234, 0.4);
}

/* Cartes de profil */
:root[data-theme="dark"] .profil-card {
    background: var(--card-bg);
    box-shadow: var(--shadow-small);
}

:root[data-theme="dark"] .profil-card:hover {
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
}

:root[data-theme="dark"] .profil-card-info {
    background: var(--card-bg);
}

:root[data-theme="dark"] .profil-card-pseudo {
    color: var(--text-primary);
}

/* Badge priorité */
:root[data-theme="dark"] .badge-priorite {
    background: rgba(255, 255, 255, 0.95);
    color: #667eea;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Messages */
:root[data-theme="dark"] .loader {
    color: var(--text-secondary);
}

:root[data-theme="dark"] .aucun-profil {
    color: var(--text-secondary);
    background: var(--bg-secondary);
}

:root[data-theme="dark"] .aucun-profil h2 {
    color: #667eea;
}