/* Bible reading page: loads after site.css */
.wrap.wide{max-width:1100px}
[hidden]{display:none!important}

/* Toolbar + progress pill */
.bible-toolbar{display:flex;justify-content:flex-end;margin-bottom:18px}
#user-sync-pill{background:#fff;color:var(--navy);border:1px solid var(--navy);border-radius:999px;padding:7px 18px;font:inherit;font-size:15px;cursor:pointer}
#user-sync-pill:hover{background:var(--navy);color:var(--cream)}
#user-sync-pill:not([data-user="Guest"]){background:var(--tint);border-color:var(--link);color:var(--link);font-weight:600}
#user-sync-pill:not([data-user="Guest"]):hover{background:var(--link);color:#fff}

/* Buttons */
.bible-btn{background:var(--navy);color:var(--cream);border:1px solid var(--navy);border-radius:3px;padding:10px 18px;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.bible-btn:hover{background:var(--link);border-color:var(--link)}
.bible-btn.alt{background:transparent;color:var(--navy)}
.bible-btn.alt:hover{background:var(--navy);border-color:var(--navy);color:var(--cream)}

/* Headings for each view */
.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.view-head h2{margin:0}
.view-actions,.navigation-controls{display:flex;gap:10px;flex-wrap:wrap}
.navigation-controls{margin-bottom:20px}

/* Cards */
.main-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--link);border-radius:4px;padding:24px 26px;margin-bottom:24px;box-shadow:0 1px 4px rgba(var(--deep-rgb),.08)}
.section-heading{font:600 26px/1.2 var(--serif);color:var(--navy);margin:0 0 14px}
.cache-notice{font-size:13px;color:var(--muted);margin-bottom:12px}
#family-worship-summary-wrapper{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.fw-date-row{margin-top:12px;text-align:right;font-size:14px}
.fw-date-row a{color:var(--muted)}
.fw-date-row a:hover{color:var(--burgundy)}
#fw-date-picker-zone{margin-left:8px}
#target-date-picker{font:inherit;font-size:14px;padding:4px 8px;border:1px solid var(--line);border-radius:3px;color:var(--ink)}

/* Reading content that comes from the plan data */
#current-week-summary,#family-worship-summary,#daily-breakdown-content,#plan-body{line-height:1.6}
#current-week-summary h2,#current-week-summary h3,#current-week-summary h4,
#family-worship-summary h2,#family-worship-summary h3,#family-worship-summary h4,
#daily-breakdown-content h2,#daily-breakdown-content h3,#daily-breakdown-content h4{font-family:var(--serif);color:var(--navy);line-height:1.2;margin:0 0 8px}
#current-week-summary a,#family-worship-summary a,#daily-breakdown-content a,#plan-body a{color:var(--burgundy);font-weight:600}
#current-week-summary a:hover,#family-worship-summary a:hover,#daily-breakdown-content a:hover,#plan-body a:hover{color:var(--accent-hover)}
.current-reading-title,.current-reading-title a,a.current-reading-title,
.current-reading-title:hover,.current-reading-title a:hover{text-decoration:none}
.main-card input[type="checkbox"]{accent-color:var(--navy);width:18px;height:18px;vertical-align:middle;margin-right:6px;cursor:pointer}
.main-card table{border-collapse:collapse;width:100%}
.main-card th,.main-card td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
#full-plan-table th{background:var(--navy);color:var(--cream);font-weight:600;white-space:nowrap}
#full-plan-table tbody tr:nth-child(even){background:var(--tint)}
.table-responsive{overflow-x:auto}
.center-note{text-align:center;padding:20px}

/* Full plan: always shown on large screens, collapsible on phones */
#toggle-full-plan-btn{display:none}
@media (max-width:700px){
  #toggle-full-plan-btn{display:block;width:100%;margin:0 0 20px}
  #full-plan-table-container{display:none}
  #full-plan-table-container.show-mobile{display:block}
  .main-card{padding:18px}
}

/* Loading spinner */
.spinner{width:34px;height:34px;margin:30px auto;border:4px solid var(--line);border-top-color:var(--navy);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}

/* Copyright notice */
.legal-copyright-section{margin-top:44px;padding:20px 22px;background:var(--tint);border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:13px;line-height:1.55}
.legal-copyright-section p{margin:0 0 10px}
.legal-copyright-section p:last-child{margin:0}

/* Scripture reader (full-screen sheet) */
#scripture-container{display:none;position:fixed;inset:0;z-index:300;background:rgba(var(--deep-rgb),.6);overflow-y:auto}
body.scripture-open{overflow:hidden}
.esv-panel{max-width:780px;min-height:100%;margin:0 auto;background:#fff;box-shadow:0 0 40px rgba(0,0,0,.3)}
.esv-sticky-header{position:sticky;top:0;z-index:2;background:#fff;border-bottom:3px solid var(--burgundy);padding:14px 20px}
.esv-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.esv-title-row h3{margin:0;font:600 26px/1.2 var(--serif);color:var(--navy)}
.esv-actions{display:flex;align-items:center;gap:10px}
.esv-small{background:var(--navy);color:var(--cream);border:0;border-radius:3px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.esv-small:hover{background:var(--link)}
.esv-close{width:34px;height:34px;border:0;border-radius:50%;background:var(--tint);color:var(--navy);font-size:22px;line-height:1;cursor:pointer}
.esv-close:hover{background:var(--burgundy);color:#fff}
#audio-player-zone{background:var(--tint);border:1px solid var(--line);border-radius:6px;padding:8px}
#audio-player-zone audio{width:100%;height:40px;display:block}
#audio-loading-text{text-align:center;font-size:12px;color:var(--muted)}
#esv-content{padding:22px 24px 32px;font-size:19px;line-height:1.75;color:var(--ink)}
.esv-loading{text-align:center;padding:40px;color:var(--muted)}
.bible-text-wrapper h2,.bible-text-wrapper h3,.bible-text-wrapper h4{font-family:var(--serif);color:var(--navy);line-height:1.2}
.bible-text-wrapper h2{font-size:1.5em;margin:0 0 .6em}
.bible-text-wrapper h3,.bible-text-wrapper h4{font-size:1.2em;margin:1.4em 0 .4em}
.bible-text-wrapper p{margin:0 0 1em}
.bible-text-wrapper .verse-num,.bible-text-wrapper .chapter-num{color:var(--burgundy);font-weight:600;font-size:.7em;vertical-align:super;padding-right:2px}
.bible-text-wrapper .footnotes{font-size:.8em;color:var(--muted)}
.bible-text-wrapper a{color:var(--burgundy)}
.esv-footer{margin-top:36px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media (max-width:700px){
  #esv-content{padding:18px 16px 28px;font-size:18px}
  .esv-title-row h3{font-size:22px}
}
