/* Widget «Ближайшие богослужения» in the sidebar: one day per tab; colors and fonts of the Благовест theme. */
.sidebar-widget.widget_domblag_schedule > .widget-title { margin-bottom: 16px; }
.sidebar-widget.widget_domblag_schedule > .widget-title::after { display: block; height: 1px; margin-top: 10px; background: linear-gradient(90deg, var(--gold, #c9a24f), rgba(201, 162, 79, 0)); content: ""; }
.sidebar .db-sched ul, .db-sched ul { margin: 0; padding: 0; list-style: none; } /* The theme indents every sidebar list. */
.sidebar .db-sched li { margin: 0; }

/* Day switch: equal pills on a sand track, the chosen day in navy; more than three days scroll sideways. Red marks Sundays and feasts: the date, the feast, red services and lines. */
.db-sched__tabs { position: relative; display: grid; grid-auto-columns: minmax(84px, 1fr); grid-auto-flow: column; gap: 4px; margin-bottom: 14px; padding: 4px; overflow-x: auto; border-radius: 999px; background: var(--sand, #efe2c6); scrollbar-width: none; }
.db-sched__tabs::-webkit-scrollbar { display: none; }
.db-sched__tabs button { position: relative; z-index: 1; min-height: 44px; padding: 4px 10px; white-space: nowrap; border: 0; border-radius: 999px; background: transparent; color: var(--muted, #675d51); font: 600 .8rem/1.1 var(--sans, sans-serif); cursor: pointer; transition: background-color .25s var(--ease-out, ease-out), color .25s var(--ease-out, ease-out), box-shadow .25s var(--ease-out, ease-out); }
.db-sched__tabs button small { display: block; margin-top: 2px; font-size: .7rem; font-weight: 500; }
.db-sched__tabs button:hover { color: var(--navy, #13304f); }
.db-sched__tabs button[aria-selected="true"] { background: var(--navy, #13304f); color: var(--on-navy, #f6efe1); box-shadow: 0 6px 14px -8px rgba(11, 33, 56, .7); }
/* With the script the navy pill slides under the chosen day instead of the button changing its background. */
.db-sched__pill { position: absolute; top: 4px; bottom: 4px; left: 0; width: 0; border-radius: 999px; background: var(--navy, #13304f); box-shadow: 0 6px 14px -8px rgba(11, 33, 56, .7); opacity: 0; }
.db-sched__tabs.is-ready .db-sched__pill { opacity: 1; }
.db-sched__tabs.is-ready.is-moving .db-sched__pill { transition: transform .45s var(--ease-out, ease-out), width .45s var(--ease-out, ease-out); }
.db-sched__tabs.is-ready button[aria-selected="true"] { background: transparent; box-shadow: none; }
.db-sched__panels { overflow: hidden; transition: height .4s var(--ease-out, ease-out); }
.db-sched__tabs button[aria-selected="true"] small { color: var(--on-navy-muted, #c9d3de); }
.db-sched__tabs button.is-red:not([aria-selected="true"]) { color: var(--wine, #8e2b24); }
.db-sched__tabs button:focus-visible { outline: 2px solid var(--gold, #c9a24f); outline-offset: 1px; }

.db-sched__panel[hidden] { display: none; }
.sidebar a.db-sched__date { display: inline-block; margin: 0 2px 8px; color: var(--navy, #13304f); font-size: .8rem; font-weight: 600; text-decoration: none; }
.db-sched__panel.is-red a.db-sched__date { color: var(--wine, #8e2b24); }
.sidebar a.db-sched__date:hover, .sidebar a.db-sched__date:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.db-sched__feast { margin: 0 2px 10px; }
.db-sched__feast strong { display: block; color: var(--navy, #13304f); font-family: var(--serif, Georgia, serif); font-size: 1.05rem; line-height: 1.25; text-wrap: balance; }
.db-sched__feast.is-red strong { color: var(--wine, #8e2b24); }
.db-sched__feast span { display: block; margin-top: 3px; color: var(--muted, #675d51); font-size: .8rem; line-height: 1.4; }

/* Services: time in the serif, text beside it; the evening service of the next day has its time in gold. */
.db-sched__svc { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: baseline; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line-soft, #ece1c9); font-size: .9rem; line-height: 1.4; }
.db-sched__t { color: var(--navy, #13304f); font-family: var(--serif, Georgia, serif); font-size: 1.05rem; font-weight: 700; line-height: 1.3; font-variant-numeric: lining-nums tabular-nums; }
.db-sched__svc.is-red .db-sched__t { color: var(--wine, #8e2b24); }
.db-sched__svc.is-eve .db-sched__t { color: var(--gold-deep, #7f5e1c); }
/* Прошедшие службы: время серым и зачёркнутым, без opacity — иначе текст не проходит контраст 4,5:1 */
.db-sched__svc.is-past .db-sched__t { color: #5b6470; text-decoration: line-through; text-decoration-thickness: 1px; }
.db-sched__x p { margin: 0; text-wrap: pretty; }
.db-sched__x .sv-b { color: var(--ink, #262019); font-weight: 400; }
.db-sched__x .sv-r { color: var(--wine, #8e2b24); font-weight: 600; }
.db-sched__x .sv-i { color: var(--muted, #675d51); font-size: .84rem; }
.db-sched__x .sv-bi { color: var(--muted, #675d51); font-size: .84rem; font-weight: 600; }

.sidebar a.db-sched__all { display: inline-flex; gap: 6px; margin-top: 10px; color: var(--wine, #8e2b24); font-size: .9rem; font-weight: 600; text-decoration: none; }
.sidebar a.db-sched__all:hover, .sidebar a.db-sched__all:focus-visible { color: var(--wine-deep, #6f1f1a); }
.db-sched__all span { transition: transform .3s var(--ease-out, ease-out); }
.db-sched__all:hover span, .db-sched__all:focus-visible span { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) { .db-sched__all span, .db-sched__tabs button, .db-sched__tabs.is-ready.is-moving .db-sched__pill, .db-sched__panels { transition: none; } }
