/* Namaz.info — Cuma hutbesi sayfası ve ana sayfa kartı */
.ni-hb__intro { color: var(--_m); max-width: 68ch; }
.ni-hb__back a { display: inline-flex; align-items: center; gap: .35rem; color: var(--_p); text-decoration: none; font-weight: 600; font-size: .92rem; }
.ni-hb__back svg { width: 1em; height: 1em; }
.ni-hb__card { background: var(--_s); border: 1px solid var(--_b); border-radius: var(--_r); padding: clamp(1.1rem, 3.5vw, 2rem); margin: 1rem 0 1.5rem; }
.ni-hb .ni-hb__title { margin: 0 0 .35rem; font-size: clamp(1.4rem, 3.4vw, 1.9rem); line-height: 1.25; }
.ni-hb__meta { display: flex; align-items: center; gap: .4rem; color: var(--_m); margin: 0 0 1rem; font-size: .92rem; }
.ni-hb__meta svg { width: 1em; height: 1em; }
.ni-hb__files { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.25rem; }
.ni-hb__files svg { width: 1em; height: 1em; }
.ni-hb__text { font-size: 1.08rem; line-height: 1.8; max-width: 70ch; }
.ni-hb .ni-hb__text h3 { font-size: 1.05rem; color: var(--_p); margin: 1.6rem 0 .5rem; }
.ni-hb__text p { margin: 0 0 1rem; }
.ni-hb__text sup { font-size: .7em; color: var(--_m); }
.ni-hb__text .ni-hutbe__ar { font-family: var(--ni-arabic, "Amiri", "Scheherazade New", serif); font-size: 1.6rem; line-height: 2; text-align: right; }
.ni-hutbe__notlar { margin: 1.5rem 0 0; padding: 1rem 0 0 1.4rem; border-top: 1px dashed var(--_b); color: var(--_m); font-size: .88rem; line-height: 1.6; }
.ni-hb__quote { margin: 0 0 1rem; padding: .9rem 1.1rem; border-left: 3px solid var(--_a); background: color-mix(in srgb, var(--_a) 8%, var(--_s)); border-radius: 0 12px 12px 0; }
.ni-hb__src { display: flex; gap: .5rem; align-items: flex-start; margin: 1.5rem 0 0; padding: .8rem 1rem; border-radius: 12px; background: color-mix(in srgb, var(--_p) 6%, var(--_s)); color: var(--_m); font-size: .86rem; line-height: 1.5; }
.ni-hb__src svg { flex: none; width: 1.1em; height: 1.1em; margin-top: .15em; color: var(--_p); }
.ni-hb__src a { color: var(--_p); font-weight: 600; }
.ni-hb__list { list-style: none; margin: 0; padding: 0; background: var(--_s); border: 1px solid var(--_b); border-radius: var(--_r); overflow: hidden; }
.ni-hb__list li + li { border-top: 1px solid var(--_b); }
.ni-hb__list a { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr) auto; gap: .2rem 1rem; align-items: baseline; padding: .8rem 1.1rem; color: var(--_t); text-decoration: none; }
.ni-hb__list a:hover { background: color-mix(in srgb, var(--_p) 5%, var(--_s)); }
.ni-hb__list a:hover strong { color: var(--_p); }
.ni-hb__list time { color: var(--_m); font-size: .88rem; font-variant-numeric: tabular-nums; }
@media (max-width: 560px) {
	.ni-hb__list a { grid-template-columns: minmax(0, 1fr) auto; }
	.ni-hb__list time { grid-column: 1 / -1; }
}
@media print {
	.ni-hb__files, .ni-hb__list, .ni-hb__back, .ni-hb .ni-subhead { display: none !important; }
	.ni-hb__card { border: 0; padding: 0; }
}

/* Ana sayfa: perşembe-cuma kartı */
.ni-hb-strip { margin: .75rem 0; }
.ni-hb-strip__in { display: flex; align-items: center; gap: .85rem; padding: .8rem 1rem; border-radius: var(--ni-radius, 16px); background: color-mix(in srgb, var(--ni-accent, #c8a24a) 10%, var(--ni-surface, #fff)); border: 1px solid color-mix(in srgb, var(--ni-accent, #c8a24a) 35%, var(--ni-border, #e3dfd3)); color: var(--ni-text, #1d2a27); text-decoration: none; }
.ni-hb-strip__in:hover { border-color: var(--ni-accent, #c8a24a); }
.ni-hb-strip__ico { flex: none; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--ni-primary, #0e5a4f); color: #fff; }
.ni-hb-strip__ico svg { width: 18px; height: 18px; }
.ni-hb-strip__t { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.ni-hb-strip__t strong { font-size: 1.02rem; }
.ni-hb-strip__t small { color: var(--ni-muted, #5f6d69); font-size: .82rem; }
.ni-hb-strip__t .ni-hb-strip__e { color: var(--ni-accent-text, #8a6a1f); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; font-size: .72rem; }
.ni-hb-strip__go { color: var(--ni-primary, #0e5a4f); }
.ni-hb-strip__go svg { width: 18px; height: 18px; }