/* KBIBLE V109 — focused mobile polish for prayer, CCM live lyrics, vocabulary and Bible continuous reading. */

/* Success feedback must be compact and textual, never an unexplained blank panel. */
.kb-v109-save-status{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid rgba(104,211,173,.38);
  border-radius:13px;
  background:rgba(104,211,173,.09);
  color:#dff9ec;
  font-size:.86rem;
  font-weight:850;
  line-height:1.45;
}
.kb-v109-save-status[hidden]{display:none!important}


/* Vocabulary archive is intentionally compact on every viewport: one word per row, details on demand. */
.page-vocab .vocab-word-card{overflow:hidden}
.page-vocab .vocab-word-summary{
  width:100%; min-height:54px; display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center; gap:10px; padding:10px 14px; border:0; background:transparent;
  color:var(--v-text); text-align:left; cursor:pointer; font:inherit;
}
.page-vocab .vocab-word-summary__no{min-width:40px;color:var(--v-muted);font-size:.72rem;font-weight:850}
.page-vocab .vocab-word-summary__word{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:900}
.page-vocab .vocab-word-summary__chevron{font-size:1.05rem;transition:transform .16s ease}
.page-vocab .vocab-word-summary[aria-expanded="true"] .vocab-word-summary__chevron{transform:rotate(180deg)}
.page-vocab .vocab-word-details{padding:0 14px 14px;border-top:1px solid var(--v-line)}
.page-vocab .vocab-word-details[hidden]{display:none!important}
.page-vocab .vocab-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin-top:14px}
.page-vocab .vocab-pagination[hidden]{display:none!important}
.page-vocab .vocab-pagination button{min-width:42px;min-height:42px;padding:0 10px;border:1px solid var(--v-line);border-radius:12px;background:var(--v-panel);color:var(--v-text);font-weight:850}
.page-vocab .vocab-pagination button.is-active{border-color:var(--v-line-strong);color:var(--v-gold)}
.page-vocab .vocab-pagination__meta{flex-basis:100%;text-align:center;color:var(--v-muted);font-size:.74rem}

@media(max-width:900px){
  /* Prayer: give date/time controls the full row. Narrow 2-column cards truncate Samsung datetime-local text. */
  .kb-prayer-studio .prayer-compose-side{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
  }
  .kb-prayer-studio .prayer-compose-side .prayer-answer-fields{grid-column:auto!important}
  .kb-prayer-studio .prayer-field input[type="datetime-local"]{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:52px!important;
    padding:0 12px!important;
    font-size:16px!important;
    letter-spacing:-.01em!important;
  }
  .kb-prayer-studio .prayer-check-card{
    min-height:76px!important;
    padding:12px!important;
  }
  .kb-prayer-studio .prayer-compose-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .kb-prayer-studio .prayer-compose-actions #prayer-form-note{
    display:block!important;
    min-width:0!important;
    padding:0 2px!important;
  }

  /* CCM: the current lyric must grow with the text; fixed 98/102px boxes clipped Korean lines. */
  .page-ccm .ccm-inline-caption__body{
    height:auto!important;
    min-height:176px!important;
    max-height:none!important;
    grid-template-rows:auto auto auto!important;
    overflow:visible!important;
    align-content:center!important;
    padding:12px!important;
  }
  .page-ccm .ccm-caption-line--current{
    height:auto!important;
    min-height:92px!important;
    max-height:none!important;
    overflow:visible!important;
    display:grid!important;
    align-content:center!important;
  }
  .page-ccm .ccm-inline-caption__previous,
  .page-ccm .ccm-inline-caption__current,
  .page-ccm .ccm-inline-caption__next{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:keep-all!important;
  }
  .page-ccm .ccm-inline-caption__current{
    font-size:clamp(1.08rem,5.4vw,1.5rem)!important;
    line-height:1.52!important;
  }
  .page-ccm .ccm-player-panel{padding-bottom:18px!important}
  .page-ccm .ccm-content-stack{padding-bottom:96px!important}

  /* Vocab listing: compact one-line index, details on demand. */
  .page-vocab .vocab-list{gap:7px!important}
  .page-vocab .vocab-word-card{
    padding:0!important;
    overflow:hidden!important;
    border-radius:15px!important;
  }
  .page-vocab .vocab-word-summary{
    width:100%!important;
    min-height:50px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:9px!important;
    padding:9px 11px!important;
    border:0!important;
    background:transparent!important;
    color:var(--v-text)!important;
    text-align:left!important;
    cursor:pointer!important;
  }
  .page-vocab .vocab-word-summary__no{
    min-width:34px;
    color:var(--v-muted);
    font-size:.7rem;
    font-weight:850;
  }
  .page-vocab .vocab-word-summary__word{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:1rem;
    font-weight:900;
    letter-spacing:-.01em;
  }
  .page-vocab .vocab-word-summary__chevron{
    font-size:1.05rem;
    transition:transform .16s ease;
  }
  .page-vocab .vocab-word-summary[aria-expanded="true"] .vocab-word-summary__chevron{transform:rotate(180deg)}
  .page-vocab .vocab-word-details{
    padding:0 11px 12px!important;
    border-top:1px solid var(--v-line)!important;
  }
  .page-vocab .vocab-word-details[hidden]{display:none!important}
  .page-vocab .vocab-word-details .vocab-word-card__top{padding-top:11px!important}
  .page-vocab .vocab-pagination{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    margin-top:12px!important;
  }
  .page-vocab .vocab-pagination button{
    min-width:42px!important;
    min-height:42px!important;
    padding:0 10px!important;
    border:1px solid var(--v-line)!important;
    border-radius:12px!important;
    background:var(--v-panel)!important;
    color:var(--v-text)!important;
    font-weight:850!important;
  }
  .page-vocab .vocab-pagination button.is-active{
    border-color:var(--v-line-strong)!important;
    background:color-mix(in srgb,var(--v-gold) 18%,var(--v-panel))!important;
    color:var(--v-gold)!important;
  }
  .page-vocab .vocab-pagination button:disabled{opacity:.42!important}
  .page-vocab .vocab-pagination__meta{
    flex-basis:100%;
    text-align:center;
    color:var(--v-muted);
    font-size:.72rem;
    margin-top:2px;
  }
}

@media(max-width:430px){
  .page-ccm .ccm-inline-caption__body{min-height:168px!important}
  .page-ccm .ccm-caption-line--current{min-height:88px!important;padding:11px 10px!important}
  .page-vocab .vocab-pagination button{min-width:40px!important;min-height:40px!important;padding:0 8px!important}
}
.kb-prayer-studio .prayer-card.is-v109-saved{
  outline:2px solid rgba(239,201,103,.75);
  box-shadow:0 0 0 5px rgba(239,201,103,.09),0 18px 42px rgba(0,0,0,.24)!important;
}
.page-vocab .vocab-word-card.is-v109-saved{
  outline:2px solid color-mix(in srgb,var(--v-gold) 72%,transparent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--v-gold) 9%,transparent)!important;
}