/* Gaya bersama modul liturgi: halaman harian + brevir umum */
/* ---------- mode fokus doa ---------- */
.liturgi-hari{max-width:44rem;margin:0 auto;
  --lit-fs:1.05rem;--lit-rubrik:#a83227;--lit-muted:#8a8078;
  --lit-card:#fffdf8;--lit-line:#e8e0d2}
@media (prefers-color-scheme: dark){
  .liturgi-hari{--lit-rubrik:#e0796d;--lit-muted:#9a9188;
    --lit-card:#232019;--lit-line:#3b362c}
}

/* ---------- navigasi ---------- */
.lh-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 .8rem}
.lh-nav-days{display:flex;gap:.35rem;margin-left:auto}
.lh-nav-btn{text-decoration:none;border:1px solid var(--lit-line);border-radius:2rem;
  padding:.3rem .8rem;font-size:.82rem;color:inherit;background:var(--lit-card)}
.lh-nav-btn:hover{border-color:var(--lit-rubrik)}
.lh-font button{border:1px solid var(--lit-line);background:var(--lit-card);
  border-radius:.4rem;padding:.25rem .55rem;font-size:.78rem;cursor:pointer;color:inherit}
@media(max-width:560px){.lh-nav-label{display:none}.lh-nav-day::after{content:''}}

/* ---------- banner ---------- */
.lh-banner{border-radius:.9rem;padding:1.1rem 1.3rem;margin-bottom:.9rem}
.lh-tgl{font-size:.85rem;opacity:.85;margin:0}
.lh-nama{font-size:1.45rem;font-weight:700;margin:.2rem 0 0;line-height:1.25}
.lh-badge{display:inline-block;font-size:.72rem;border:1px solid currentColor;
  opacity:.85;padding:.12rem .6rem;border-radius:1rem;margin-top:.5rem}

/* ---------- menu bagian: membungkus, semua selalu terlihat ---------- */
.lh-menu-wrap{margin-bottom:.7rem}
.lh-current{display:none}
.lh-tabs{display:flex;flex-wrap:wrap;gap:.45rem}
.lh-tabs button{white-space:nowrap;padding:.45rem 1rem;border-radius:2rem;cursor:pointer;
  border:1px solid var(--lit-line);font-size:.88rem;background:var(--lit-card);color:inherit;
  min-height:40px}
.lh-tabs button:hover{border-color:var(--lit-rubrik)}
.lh-tabs button[aria-selected="true"]{background:var(--lit-rubrik);color:#fff;
  border-color:var(--lit-rubrik);font-weight:600}

/* ---------- seksi ---------- */
.lh-section{background:var(--lit-card);border:1px solid var(--lit-line);
  border-radius:.9rem;padding:1.4rem 1.6rem 2rem;margin-bottom:1rem;
  font-size:var(--lit-fs);line-height:1.8}
.js .lh-section[hidden]{display:none}
.lh-print-title{display:none}

/* ---------- tipografi liturgis ---------- */
.lit-bagian{font-size:.82em;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lit-rubrik);font-weight:700;margin:1.6em 0 .5em;
  border-bottom:1px solid var(--lit-line);padding-bottom:.25em}
.lit-bagian:first-child{margin-top:0}
.lit-ref{font-weight:400;letter-spacing:0;text-transform:none;color:var(--lit-muted);
  font-size:.9em;margin-left:.4em}
.lit-antifon{font-style:italic;color:inherit;margin:.9em 0;padding-left:.9em;
  border-left:3px solid var(--lit-rubrik)}
.lit-baris{margin:.7em 0}
.lit-prosa{margin:.7em 0;text-align:justify;hyphens:auto}
.lit-peran{color:var(--lit-rubrik);font-weight:700}
.lit-resp{color:var(--lit-rubrik);font-weight:700;margin-right:.3em}
.lit-rubrik{color:var(--lit-rubrik);font-style:italic;font-size:.88em;margin:.2em 0 1em}
.lit-header{font-size:.78em;letter-spacing:.12em;text-transform:uppercase;
  color:var(--lit-muted);margin:0 0 .4em;text-align:center}
.lit-caption{font-weight:600;font-size:.93em;color:var(--lit-muted);margin:.2em 0 .5em}
.lit-baris+.lit-baris{margin-top:.25em}
.lit-teks{overflow-wrap:break-word}
.lh-konten p{margin:.7em 0}
.lh-konten img{max-width:100%;height:auto;border-radius:.5rem}

/* ---------- HP: kisi 2 kolom yang melipat jadi bilah ringkas ---------- */
@media(max-width:640px){
  .lh-nav-btn,.lh-font button{min-height:44px;display:inline-flex;
    align-items:center;justify-content:center}
  .lh-font button{min-width:44px}
  .lh-menu-wrap{position:sticky;top:0;z-index:5;background:var(--lit-card);
    margin:0 -.2rem .6rem;padding:.45rem .3rem;border-radius:0 0 .7rem .7rem;
    border-bottom:1px solid var(--lit-line);box-shadow:0 2px 8px rgba(0,0,0,.06)}
  /* bilah ringkas: bagian aktif + panah, tampil setelah memilih */
  .js .lh-current{display:flex;align-items:center;justify-content:space-between;
    width:100%;min-height:48px;padding:.5rem 1rem;border:none;cursor:pointer;
    background:none;color:inherit;font:inherit;font-weight:600;font-size:1rem}
  .lh-caret{color:var(--lit-rubrik);transition:transform .15s}
  /* kisi pilihan: 2 kolom, tombol besar */
  .lh-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;
    padding:.2rem .2rem .4rem}
  .lh-tabs button{min-height:48px;font-size:.92rem;border-radius:.7rem;
    white-space:normal;line-height:1.25}
  /* keadaan terlipat: kisi disembunyikan */
  .js .lh-menu-wrap.terlipat .lh-tabs{display:none}
  .js .lh-menu-wrap:not(.terlipat) .lh-caret{transform:rotate(180deg)}
  .lh-section{padding:1.1rem 1rem 1.6rem}
}

/* ---------- cetak: semua seksi tampil berurutan ---------- */
@media print{
  .lh-nav,.lh-menu-wrap,.lh-font{display:none!important}
  .lh-section{display:block!important;border:none;padding:0;margin-bottom:1.5rem}
  .lh-section[hidden]{display:block!important}
  .lh-print-title{display:block;font-size:1.1rem;border-bottom:2px solid #000;
    padding-bottom:.2rem}
  .lh-banner{border:2px solid #000;background:#fff!important;color:#000!important}
}