/* Mode nuit - STYLES CENTRALISÉS */
body.night-mode {
    background-color: #121212;
    color: #e0e0e0;
}

body.night-mode .verse {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-left-color: #bb86fc;
}

body.night-mode .verse.rtl {
    border-right-color: #bb86fc;
    border-left: none;
}

body.night-mode .verse-number {
    color: #bb86fc;
}

body.night-mode .back-link a {
    color: #bb86fc;
}

body.night-mode .back-link a:hover {
    color: #9a67ea;
}

body.night-mode h2 {
    color: #bb86fc;
}

body.night-mode .crossref-btn {
    color: #bb86fc;
}

body.night-mode .crossref-btn:hover {
    background-color: #2d2d2d;
    color: #9a67ea;
}

body.night-mode .share-btn {
    color: #bb86fc;
}

body.night-mode .share-btn:hover {
    background-color: #2d2d2d;
    color: #9a67ea;
}

/* Style du bouton nuit/jour centralisé */
.night-mode-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #f0f0f0;
    border: 2px solid #ddd;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 18px;
    z-index: 1000;
    transition: all 0.3s ease;
}

.night-mode-toggle:hover {
    background: #e0e0e0;
    transform: scale(1.1);
}

/* Cacher l'icône appropriée selon le mode */
body:not(.night-mode) .night-icon {
    display: none;
}

body.night-mode .day-icon {
    display: none;
}

body.night-mode .night-mode-toggle {
    background: #333;
    border-color: #555;
    color: #fff;
}

body.night-mode .night-mode-toggle:hover {
    background: #444;
}

/* Styles pour la modal en mode nuit */
body.night-mode .modal-content {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.night-mode .close:hover {
    color: #fff;
}

body.night-mode .crossref-item {
    border-bottom: 1px solid #444;
}

body.night-mode .crossref-header {
    color: #aaa;
    border-bottom-color: #444;
}

body.night-mode .crossref-more {
    color: #888;
}

/* Mode nuit pour le partage */
body.night-mode .share-option {
    background: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

body.night-mode .share-preview {
    background: #1e1e1e;
    border-left-color: #bb86fc;
}

body.night-mode .share-preview .verse-ref {
    color: #aaa;
}