/* samsonit — стили reader-приложения.
 * Base.html подключает {{ site_app }}/css/custom.css автоматически,
 * поэтому файл называется именно custom.css и лежит в static/samsonit/css/.
 */

/* ---- список readings ---- */
.sam-list .list-group-item { background: transparent; border-color: #e3e9ef; }
.sam-row:nth-of-type(odd)  { background: #ffffff; }
.sam-row:nth-of-type(even) { background: #f1f5f9; }
.sam-row:hover             { background: rgba(var(--bs-primary-rgb), .06); }

/* ---- фрагменты на детейлз ---- */
.sam-frag { border-color: #e3e9ef; }
.sam-frag.is-playing { background: rgba(var(--bs-primary-rgb), .12); }
.sam-frag.is-playing .sam-frag-text { font-weight: 600; }
.sam-frag-badge { font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; margin-bottom: .25rem; }
.sam-frag:not(.is-silent) .sam-frag-body { cursor: pointer; }
.sam-frag-text { line-height: 1.65; white-space: pre-wrap; }

/* ---- липкая панель плеера ---- */
.sam-player {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030;
  background: #fff; border-top: 1px solid #dee2e6;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, .08);
  padding: .6rem .9rem calc(.6rem + env(safe-area-inset-bottom));
}
.sam-player .sam-now { font-size: .8rem; color: #6c757d; }
.sam-player .sam-btn { width: 44px; height: 44px; }   /* тап-таргет для телефона */
.sam-range { accent-color: var(--bs-primary); }

/* чтобы фиксированная панель не перекрывала низ контента */
body.sam-has-player { padding-bottom: 130px; }