/* echos-bible-nav.css - styles compatibles GeneratePress / GenerateBlocks */
#echos-bible-nav {
    --ebn-background-color-1: #083f6a;
    --ebn-background-color-2: #0b63a6;
    --ebn-background-color-3: #e7ebf1;
    --ebn-background-color-4: #f8f8f8;
    --ebn-background-color-5: #e5e5e5;
    --ebn-background-color-6: #34495e; /* Couleur de police h3 */
    --ebn-background-color-white: #ffffff;
}
/* Level 1 container - Le container de plus haut niveau */
.ebn-L1container {filter: drop-shadow(0 4px 10px rgba(0,0,0,0.3));}
/* Les boutons du haut */
.ebn-L1top-btn {font-size:20px; padding:.3rem 1rem; border-radius:10px 10px 0px 0px; color:var(--ebn-background-color-white); border:none; font-weight:700; cursor:pointer; margin:0px 5px 0px 5px; }
.ebn-L1top-btn:hover, .ebn-L1top-btn:focus { background-color:var(--ebn-background-color-1); }
.ebn-L1top-btn-select { background-color:var(--ebn-background-color-1); }
.ebn-L1top-btn-noselect { background-color:var(--ebn-background-color-2); }
.ebn-Bibletop-btn {margin:0px 5px 0px 0px;}

/* Le bloc sous les boutons du haut */
.ebn-panel { background:var(--ebn-background-color-white); border:1px solid #dfeaf6; border-radius:0px 10px 10px 10px; padding:.8rem; box-shadow: 0 8px 24px rgba(12, 38, 63, 0.06); }

/******************************************************/
/* Les listes de livres ou de chapitres ou d'articles */
/******************************************************/
.ebn-posts {}

/* La présentation des livres */
.ebn-books-list-on {
    display: flex; 
    gap: 20px; /* espacement entre les deux colonnes */
}
.ebn-books-list-off {
    display: none;
}
.ebn-column {
    flex: 1;
    min-width: 180px; /* initialement à 280px */
}
.ebn-book-group h2 {
    font-size: 20px;
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 2px solid #ddd;
}
.ebn-book-section {
    border: solid var(--ebn-background-color-5);
    border-width: 1px 1px 3px 3px;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 30px;
    background-color: var(--ebn-background-color-3);
}
.ebn-book-section h3 {
    margin: 0;
    font-size: 18px;
    color: var(--ebn-background-color-6);
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
}

/* La présentation des chapitres */
.ebn-chapters-list {
    margin:.4rem;
    border: solid var(--ebn-background-color-5);
    border-width: 1px 1px 3px 3px;
    border-radius: 4px;
    box-shadow: none;
    background-color: var(--ebn-background-color-3);
}
.ebn-chapters-list h3 {
    margin: 0;
    font-size: 18px;
    color: var(--ebn-background-color-6);
    padding: 10px 5px;
}

/* les boutons des Livres et des Chapitres */
.ebn-book-btn, .ebn-chapter-btn { 
    cursor:pointer;
    color:var(--ebn-background-color-2);
    background-color: var(--ebn-background-color-4);
}
.ebn-book-btn:hover, .ebn-chapter-btn:focus, .ebn-chapter-btn:hover, .ebn-chapter-btn:focus { 
    background-color:var(--ebn-background-color-1); 
    color:var(--ebn-background-color-white);
}
.ebn-book-btn { 
    display: block;
    width: 100%;
    padding: 8px 15px; 
    border-radius:0px; 
    border-top:1px solid #ddd; 
    margin:0;
    text-align: left;
}
.ebn-chapter-btn { 
    padding:10px 10px; 
    border-radius:8px; 
    margin:4px;
    border: solid #849bad;
    border-width: 1px 1px 2px 2px;
    box-shadow: none;
}
.ebn-chapter-btn h3 { 
    margin: 0px 0px 0px 5px;
    font-size: 18px;
    color: var(--ebn-background-color-6);
}

/* le tableau des articles */
.ebn-posts-table { width:100%; border-collapse:collapse; margin-top:.6rem; }
.ebn-posts-table th, .ebn-posts-table td { padding:.6rem; border-bottom:1px solid #eef6fb; text-align:left; }
.ebn-posts-table thead th { 
    background-color: var(--ebn-background-color-3);
    font-weight:700;
    color: var(--ebn-background-color-6);
}
.ebn-posts-table tr { 
    background-color: var(--ebn-background-color-4);
}

/* pour les exceptions */
.ebn-empty { padding:.6rem; color:#666; }

@media (max-width:550px){ 
    .ebn-books-list-on {
        display: block; 
    }
    .ebn-L1top-btn {
        border-radius: 5px;
        margin: 0px 5px 0px 0px;
    }
}";