/* echos-bible-nav.css - styles compatibles GeneratePress / GenerateBlocks */

/* Common to L1, L2, L3 containers */
.ebn-root { position: relative; margin: 1.2rem 0; font-family: inherit; color: #112; }
.ebn-panel { background:#fff; border:1px solid #dfeaf6; border-radius:0px 10px 10px 10px; padding:.8rem; box-shadow: 0 8px 24px rgba(12, 38, 63, 0.06); }
.ebn-overlay { position:absolute; top:4.2rem; left:2rem; right:0; max-width:760px; margin:0 auto; z-index:50; }

/* Level 1 container : Button + list of books */
.ebn-L1container {filter: drop-shadow(0 4px 10px rgba(0,0,0,0.3));}
.ebn-L1top-btn { display:block; width:15em; padding:.8rem 1rem; border-radius:10px 10px 0px 0px; background:#0b63a6; color:#ffffff; border:none; font-weight:700; cursor:pointer; margin-bottom:0px; }
.ebn-L1top-btn:hover, .ebn-L1top-btn:focus { background-color:#083f6a; }
.ebn-L1panel {width:80%; } /* underlying list */

/* Level 2 container : Book Button + list of chapters */
.ebn-overlay.level-2 { max-width:80%; top:6.8rem; z-index:60; transform: translateY(6px); }
.ebn-L2top-btn { display:inline-block; padding:.45rem .7rem; border-radius:10px 10px 0px 0px; border:1px solid #d6e6f6; background:#0b63a6; cursor:pointer; margin:0rem; }
.ebn-L2top-btn:hover, .ebn-L2top-btn:focus { background-color:#083f6a; }


.ebn-small-btn { display:inline-block; padding:.45rem .7rem; border-radius:10px 10px 0px 0px; border:1px solid #d6e6f6; background:#0b63a6; cursor:pointer; margin:0rem; }
.ebn-small-btn:hover, .ebn-small-btn:focus { background-color:#083f6a; }


.ebn-overlay.level-3 { top:9.6rem; z-index:70; transform: translateY(12px); }
.ebn-book-btn, .ebn-chapter-btn { display:inline-block; padding:.5rem .8rem; border-radius:8px; border:1px solid #d6e6f6; background:#0b63a6; cursor:pointer; margin:.25rem; }
.ebn-book-btn:hover, .ebn-chapter-btn:focus, .ebn-chapter-btn:hover, .ebn-chapter-btn:focus { background-color:#083f6a; }
.ebn-chapters-list, .ebn-books-list { display:flex; flex-wrap:wrap; gap:.4rem; }
.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:#f3f7fb; font-weight:700; }
.ebn-empty { padding:.6rem; color:#666; }
@media (max-width:700px){ .ebn-overlay { left:8px; right:8px; } }";