/* ===== LearnGodsLight features (progress, share, search, offline, trust, email) ===== */
/* Kept apart from site.css so parallel drafts merge cleanly. Uses the site.css variables. */

/* header search icon (inserted by features.js) */
.site-nav{order:2}
.search-link{order:3;display:inline-flex;align-items:center;gap:.35rem;flex:none;color:var(--cream);text-decoration:none;padding:.45rem .55rem;border-radius:999px;margin-left:-.5rem}
.search-link:hover,.search-link[aria-current=page]{color:var(--gold-light);background:rgba(212,175,55,.12)}
.search-link-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav-toggle{order:4}
@media (max-width:1180px){
  .search-link{margin-left:auto;margin-right:.25rem;border:1px solid rgba(212,175,55,.5);border-radius:10px;height:40px;padding:0 .7rem}
}
.link-btn{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.link-btn:hover{color:var(--gold-light)}

/* quiz: progress panel */
#quiz-progress-panel{margin:0 auto 2rem;max-width:860px}
.progress-panel{background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.25);border-radius:var(--radius)}
.progress-panel summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:baseline;justify-content:space-between;padding:1rem 1.3rem;list-style:none}
.progress-panel summary::-webkit-details-marker{display:none}
.progress-panel summary::after{content:"\25BE";color:var(--gold);margin-left:auto}
.progress-panel[open] summary::after{content:"\25B4"}
.progress-h{font-family:var(--serif-display);color:var(--gold-light);letter-spacing:.06em}
.progress-sum{font-size:.92rem;color:var(--cream-dim)}
.progress-body{padding:0 1.3rem 1.2rem}
.progress-table-wrap{overflow-x:auto;margin:.5rem 0 1rem}
.progress-table{width:100%;border-collapse:collapse;font-size:.93rem}
.progress-table th,.progress-table td{padding:.4rem .5rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:center}
.progress-table th[scope=row],.progress-table thead th:first-child{text-align:left;font-weight:400}
.progress-table thead th{font-family:var(--serif-display);font-size:.78rem;letter-spacing:.08em;color:var(--gold);font-weight:600}
.progress-table a{color:var(--cream);text-decoration:none;border-bottom:1px dotted rgba(212,175,55,.6)}
.progress-table a.is-perfect{color:var(--gold-light);font-weight:700}
.progress-sub{font-size:1rem;margin:.6rem 0 .5rem;color:var(--gold-light)}
.badge-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}
.badge-item{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .7rem;border-radius:10px;border:1px dashed rgba(212,175,55,.25);opacity:.7}
.badge-item.is-earned{opacity:1;border-style:solid;border-color:rgba(212,175,55,.55);background:rgba(212,175,55,.08)}
.badge-mark{color:var(--gold);font-size:1.1rem;line-height:1.4}
.badge-how{display:block;color:var(--cream-dim)}
.progress-foot{margin:1rem 0 0}
.best-score{display:block;color:var(--gold-light);margin:-.3rem 0 .5rem}
.progress-note{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.35);border-radius:10px;padding:.6rem .9rem;max-width:560px;margin:0 auto 1rem;font-size:.95rem}
.share-note{min-height:1.4em;margin:.6rem 0 0;text-align:center;color:var(--gold-light)}
.share-btn svg{flex:none}

/* search page */
.search-form{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0 .5rem}
.search-form input[type=search]{flex:1 1 280px;padding:.85rem 1.1rem;border-radius:999px;border:1px solid rgba(212,175,55,.6);background:rgba(0,0,0,.25);color:var(--cream);font-size:1.05rem}
.search-form input::placeholder{color:#bfb2cf}
.search-status{color:var(--cream-dim);font-size:.95rem;min-height:1.5em}
.search-results{list-style:none;margin:1rem 0 0;padding:0}
.search-results li{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.search-results a{font-family:var(--serif-display);font-size:1.12rem;text-decoration:none}
.search-results a:hover{text-decoration:underline}
.search-page-label{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.search-snippet{margin:.3rem 0 0;color:var(--cream-dim);font-size:.96rem}
.search-results mark{background:rgba(212,175,55,.3);color:inherit;border-radius:3px;padding:0 .1em}
.search-suggest{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none}
.search-suggest button{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.4);color:var(--cream);border-radius:999px;padding:.3rem .8rem;cursor:pointer;font:inherit;font-size:.9rem}

/* install hint */
.install-hint{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:60;width:min(560px,calc(100% - 2rem));background:var(--purple-950);border:1px solid rgba(212,175,55,.5);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.2rem;color:var(--cream)}
.install-hint p{margin:0 0 .7rem;font-size:.95rem}
.install-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.install-actions .btn{padding:.55rem 1.1rem;font-size:.95rem}

/* trust: last reviewed line + about section */
.last-reviewed{padding:1.2rem 0;border-top:1px solid rgba(212,175,55,.18);font-size:.88rem;color:var(--cream-dim);text-align:center}
.last-reviewed p{margin:0}
.last-reviewed a{color:var(--gold-light)}
.trust-steps{counter-reset:step;list-style:none;padding:0}
.trust-steps li{counter-increment:step;position:relative;padding-left:2.4rem;margin:0 0 .8rem}
.trust-steps li::before{content:counter(step);position:absolute;left:0;top:.1rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--purple-700);color:var(--gold-light);font-family:var(--serif-display);font-size:.85rem;display:flex;align-items:center;justify-content:center}
.placeholder-box{border:2px dashed #b8892c;background:#fff8e6;border-radius:10px;padding:.8rem 1rem;color:var(--ink)}
.placeholder-box strong{color:#8a5a00}

/* daily email sign-up box (saints page) */
.daily-email h2{margin-top:.2rem}

@media print{.search-link,.install-hint,#quiz-progress-panel,.share-btn,.last-reviewed a{display:none!important}}
