/* ===== LearnGodsLight: content-extra.css =====
   Styles for the "Holidays" and "More" nav menus and the Start Here, Stations, Divine Mercy,
   Novenas, Lent, Easter and Liturgy of the Hours additions.
   Loaded after site.css; uses its custom properties. */

/* --- Nav: keep one line on desktop, "More" dropdown --- */
@media (min-width:1181px){
  .site-nav>ul{flex-wrap:nowrap;align-items:center;gap:0}
  .site-nav>ul>li>a{white-space:nowrap}
}
.site-nav .nav-more{position:relative}
.site-nav .nav-more>summary{list-style:none;cursor:pointer;display:block;padding:.5rem .55rem;border-radius:999px;color:var(--cream);font-size:.95rem;white-space:nowrap;user-select:none}
.site-nav .nav-more>summary::-webkit-details-marker{display:none}
.site-nav .nav-more>summary::after{content:"";display:inline-block;margin-left:.4rem;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;vertical-align:.15em;transition:transform .15s}
.site-nav .nav-more[open]>summary::after{transform:rotate(180deg)}
.site-nav .nav-more>summary:hover,.site-nav .nav-more[open]>summary,.site-nav .nav-more.has-current>summary{color:var(--gold-light);background:rgba(212,175,55,.12)}
.site-nav .nav-more>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.site-nav .nav-more>ul{position:absolute;right:0;top:calc(100% + .45rem);display:block;min-width:230px;margin:0;padding:.45rem;background:var(--purple-950);border:1px solid rgba(212,175,55,.35);border-radius:12px;box-shadow:var(--shadow);z-index:60}
.site-nav .nav-more>ul a{border-radius:8px;white-space:nowrap;padding:.45rem .75rem}
.site-nav .nav-more>ul li.nav-sep{border-top:1px solid rgba(212,175,55,.25);margin:.35rem .3rem}
@media (min-width:1181px){
  /* two dropdowns (Holidays + More): tighten spacing so the bar stays on one line */
  .site-nav>ul>li>a,.site-nav .nav-more>summary{padding:.5rem .42rem;font-size:.92rem}
  .site-nav .nav-more>summary::after{margin-left:.3rem}
  html[lang=es] .site-nav>ul>li>a,html[lang=es] .site-nav .nav-more>summary{padding-inline:.34rem;font-size:.9rem}
}
@media (max-width:1180px){
  .site-nav{max-height:calc(100vh - 68px);overflow-y:auto}
  .site-nav .nav-more>summary{border-radius:8px;padding:.75rem}
  .site-nav .nav-more>ul{position:static;min-width:0;box-shadow:none;border:0;border-left:2px solid rgba(212,175,55,.35);border-radius:0;background:none;padding:0 0 .3rem .6rem;margin:0 0 0 .75rem}
  .site-nav .nav-more>ul a{padding:.6rem .75rem}
}

/* --- Shared bits for the new pages --- */
.cx-resp{font-family:var(--serif);font-size:1.15rem;line-height:1.5;margin:.2rem 0 .8rem}
.cx-resp .vr{font-family:var(--sans);font-weight:700;font-size:.8rem;letter-spacing:.04em;color:var(--gold);margin-right:.35rem}
.section-light .cx-resp .vr{color:#9c7424}
.cx-ref{display:block;font-size:.85rem;font-weight:700;letter-spacing:.03em;color:var(--gold-soft);margin:-.2rem 0 .5rem}
.section-light .cx-ref{color:#7a5c12}
.cx-src{font-size:.85rem;color:var(--cream-dim);margin:.3rem 0 0}
.section-light .cx-src{color:#5a4d66}
.cx-twocol{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}

/* --- Stations of the Cross --- */
.stations{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.stations>li{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;align-items:start;background:#fff;border:1px solid #eadfc4;border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:0 6px 18px rgba(42,15,74,.06);color:var(--ink);scroll-margin-top:90px}
.stations .st-num{width:3rem;height:3rem;border-radius:50%;background:var(--purple-800);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-family:var(--serif-display);font-weight:700;font-size:1rem}
.stations h3{margin:.15rem 0 .35rem;color:var(--purple-800);font-size:1.2rem}
.stations p{margin:0 0 .6rem}
.stations .st-pray{font-family:var(--serif);font-size:1.12rem;line-height:1.5;border-left:3px solid #c9a24a;padding-left:.8rem;margin:.4rem 0 0}
.stations-scriptural{columns:2 260px;column-gap:2rem;padding-left:1.4rem}
.stations-scriptural li{break-inside:avoid;margin:.2rem 0}

/* --- Start Here --- */
.start-progress{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:center;margin:1rem 0 0}
.start-progress .muted{margin:0}
.start-steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.start-step{background:#fff;border:1px solid #eadfc4;border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:0 6px 18px rgba(42,15,74,.06);color:var(--ink);scroll-margin-top:90px;transition:border-color .2s,background .2s}
.start-step.is-done{border-color:#7aa36b;background:#f6fbf2}
.start-head{display:flex;gap:.9rem;align-items:flex-start}
.start-num{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--gold);color:var(--purple-900);font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--serif-display)}
.start-step.is-done .start-num{background:#7aa36b;color:#fff}
.start-head h3{margin:.25rem 0 .2rem;color:var(--purple-800);font-size:1.25rem}
.start-head .start-time{display:block;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7a5c12}
.start-body{margin:.6rem 0 0 3.3rem}
.start-body p{margin:0 0 .6rem}
.start-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .2rem;padding:0;list-style:none}
.start-links a{display:inline-block;padding:.35rem .8rem;border-radius:999px;border:1px solid #c9a24a;color:var(--purple-700);text-decoration:none;font-weight:700;font-size:.9rem;background:#fff8e6}
.start-links a:hover{background:var(--purple-700);color:#fff;border-color:var(--purple-700)}
.start-done{display:inline-flex;align-items:center;gap:.45rem;margin-top:.5rem;font-size:.9rem;font-weight:700;color:var(--purple-700);cursor:pointer}
.start-done input{width:1.15rem;height:1.15rem;accent-color:#5b8a4c;cursor:pointer}
@media (max-width:620px){.start-body{margin-left:0}}

/* --- Liturgy of the Hours additions --- */
.lh-short h3{margin-top:1.6rem}
.lh-short .pr-text p.ps{margin:0 0 .35em}
.lh-pick{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1rem 0}
.lh-pick .btn[aria-pressed=true]{background:var(--gold);color:var(--purple-900)}
.lh-frame{margin-top:1rem}
.lh-frame iframe{display:block;width:100%;height:min(80vh,900px);border:1px solid #eadfc4;border-radius:12px;background:#fff}
.lh-placeholder{border:2px dashed rgba(212,175,55,.55);border-radius:12px;padding:1.6rem 1.2rem;text-align:center;background:rgba(212,175,55,.06)}
.section-light .lh-placeholder{background:#fffaf0;color:var(--ink)}

/* --- Print --- */
@media print{
  .stations>li,.start-step{background:#fff!important;box-shadow:none!important;border:1px solid #999!important;break-inside:avoid;page-break-inside:avoid;color:#000!important}
  .stations .st-num,.start-num{background:#fff!important;color:#000!important;border:1px solid #000}
  .start-done,.start-progress,.lh-pick,.lh-frame{display:none!important}
}
/* /es/ pages: marks English-only links in the More menu */
.site-nav .nav-more .nav-en{opacity:.72;font-size:.85em}
html[lang=es] .brand-tagline{letter-spacing:.22em}