/* Namaz.info — kerahat rozeti/kutusu ve seyahat kutusu (assets/js/vakit-ek.js). modules.css değişkenlerini kullanır. */

/* Vakit kartında canlı rozet */
.ni-vakit__kerahat { display: flex; width: fit-content; max-width: 100%; margin: -.5rem auto 1rem; align-items: center; gap: .45rem; padding: .4rem .85rem; border-radius: 99px; background: rgba(242, 213, 143, .16); border: 1px solid rgba(242, 213, 143, .45); color: #f7e3b0; font-size: .88rem; font-weight: 600; text-decoration: none; line-height: 1.3; }
.ni-vakit__kerahat:hover { background: rgba(242, 213, 143, .24); color: #fff; }
.ni-vakit__kerahat[hidden] { display: none; }
.ni-vakit__kerahat .ni-ico { flex: none; width: 16px; height: 16px; }
.ni-vakit--compact .ni-vakit__kerahat { margin: -.25rem 0 .75rem; font-size: .8rem; }

/* Kerahat kutusu */
.ni-kerahat__list { list-style: none; margin: .25rem 0 1rem; padding: 0; }
.ni-kerahat__list li { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .65rem .75rem; border-bottom: 1px solid var(--_b); border-radius: 10px; }
.ni-kerahat__list li:last-child { border-bottom: 0; }
.ni-kerahat__list small { display: block; color: var(--_m); font-size: .8rem; font-weight: 400; }
.ni-kerahat__saat { font-variant-numeric: tabular-nums; font-weight: 700; font-size: 1.05rem; white-space: nowrap; }
.ni-kerahat__list li.is-current { background: color-mix(in srgb, var(--_a) 16%, transparent); border-bottom-color: transparent; }
.ni-kerahat__durum { margin: 0 0 .5rem; padding: .55rem .8rem; border-radius: 10px; background: var(--_s2); font-weight: 600; font-size: .92rem; }
.ni-kerahat__durum.is-now { background: color-mix(in srgb, var(--_a) 18%, transparent); color: color-mix(in srgb, var(--_a) 55%, var(--_t)); }
.ni-kerahat__bilgi { margin: .5rem 0 .75rem; }
.ni-kerahat__bilgi summary { cursor: pointer; font-weight: 600; color: var(--_p); }
.ni-kerahat__bilgi p, .ni-kerahat__bilgi li { font-size: .95rem; line-height: 1.6; }

/* Seyahat kutusu */
.ni-seyahat .ni-actions { margin: .75rem 0; }
.ni-seyahat__sonuc { padding: .75rem 1rem; border-radius: 12px; background: var(--_s2); margin: .5rem 0 1rem; }
.ni-seyahat__sonuc p { margin: .25rem 0; }
.ni-seferi { padding: .9rem 1rem; border-radius: 12px; background: color-mix(in srgb, var(--_p) 10%, var(--_s)); border: 1px solid color-mix(in srgb, var(--_p) 25%, transparent); margin: .5rem 0 1rem; }
.ni-seferi strong { display: block; color: var(--_p); font-size: 1.05rem; }
.ni-seferi p { margin: .35rem 0; font-size: .92rem; }
.ni-seyahat__ev { font-size: .9rem; color: var(--_m); display: flex; flex-wrap: wrap; gap: .35rem .75rem; align-items: center; margin: .5rem 0 0; }
.ni-seyahat__ev .ni-link-btn { color: var(--_p); font-weight: 600; }
.ni-seyahat__ev [hidden] { display: none; }