/* Namaz.info — Tecvid renkleri ve kelime kelime meal */
:root {
	--tj-gri: #7c828b; --tj-ml: #a3111e; --tj-mt: #d2301b; --tj-mn: #c96a05; --tj-ma: #967000;
	--tj-gn: #0f8a3c; --tj-ih: #0b7b86; --tj-iq: #b0359a; --tj-ib: #6a52b8; --tj-kq: #1d63c9;
}
[data-theme="dark"] {
	--tj-gri: #9aa2ad; --tj-ml: #ff7b7b; --tj-mt: #ff9166; --tj-mn: #ffb44a; --tj-ma: #e5c453;
	--tj-gn: #52d58a; --tj-ih: #45cfd9; --tj-iq: #ee8ad9; --tj-ib: #b9a3ff; --tj-kq: #7ab6ff;
}
.ni-mushaf { --tj-gri: #7a7466; }
[data-theme="dark"] .ni-mushaf { --tj-gri: #a59f8f; }

.tj-gri { color: var(--tj-gri); } .tj-ml { color: var(--tj-ml); } .tj-mt { color: var(--tj-mt); } .tj-mn { color: var(--tj-mn); } .tj-ma { color: var(--tj-ma); }
.tj-gn { color: var(--tj-gn); } .tj-ih { color: var(--tj-ih); } .tj-iq { color: var(--tj-iq); } .tj-ib { color: var(--tj-ib); } .tj-kq { color: var(--tj-kq); }
.tj-bg-gri { background: var(--tj-gri); } .tj-bg-ml { background: var(--tj-ml); } .tj-bg-mt { background: var(--tj-mt); } .tj-bg-mn { background: var(--tj-mn); } .tj-bg-ma { background: var(--tj-ma); }
.tj-bg-gn { background: var(--tj-gn); } .tj-bg-ih { background: var(--tj-ih); } .tj-bg-iq { background: var(--tj-iq); } .tj-bg-ib { background: var(--tj-ib); } .tj-bg-kq { background: var(--tj-kq); }
.ni-ayah__ar .tj { cursor: help; }

/* düğmeler */
.ni-tj-toggles .ni-toggle { white-space: nowrap; }
.ni-tj-toggles--solo { margin: .25rem 0 .5rem; }
.ni-kuran-sure.is-mushaf .ni-tj-toggles, .ni-kuran-sure.is-mushaf > .ni-tj-legend, .ni-kuran-sure.is-mushaf > .ni-kw-info { display: none !important; }

/* lejant */
.ni-tj-legend, .ni-kw-info { margin: 0 0 1rem; padding: .75rem 1rem; border-radius: 14px; background: var(--ni-surface, #fff); border: 1px solid var(--ni-border, #e3dfd3); font-size: .88rem; line-height: 1.5; }
.ni-tj-legend[hidden], .ni-kw-info[hidden], .ni-tj-msg[hidden] { display: none !important; }
.ni-tj-legend__t { margin: 0 0 .45rem; }
.ni-tj-legend__t span { color: var(--ni-muted, #5f6d69); font-size: .85em; }
.ni-tj-legend ul { display: flex; flex-wrap: wrap; gap: .35rem 1rem; margin: 0; padding: 0; list-style: none; }
.ni-tj-legend li { display: inline-flex; align-items: center; gap: .4rem; }
.tj-dot { display: inline-block; flex: none; width: .85em; height: .85em; border-radius: 50%; }
.ni-tj-legend__not { margin: .5rem 0 0; color: var(--ni-muted, #5f6d69); font-size: .82rem; }
.ni-kw-info p { margin: 0; }
.ni-kw-info__chk { display: inline-flex; align-items: center; gap: .4rem; margin-top: .45rem; cursor: pointer; }
.ni-kw-info__src { margin-top: .4rem !important; color: var(--ni-muted, #5f6d69); font-size: .8rem; }
.ni-tj-msg { margin: 0 0 .8rem; font-size: .88rem; color: #b5483f; }
.ni-tj-legend--mushaf, .ni-kw-info--mushaf { margin: .2rem 0 .7rem; }

/* kelimeler */
.ni-kw { border-radius: 6px; cursor: pointer; transition: background .12s; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.has-kw .ni-kw:hover, .ni-kw:focus-visible, .ni-kw.is-kw-sel { background: color-mix(in srgb, var(--ni-accent, #c8a24a) 22%, transparent); outline: none; }
.ni-kw-rows { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0 0 .7rem; padding: .55rem; border-radius: 12px; background: var(--ni-surface-2, #f1eee5); }
.ni-kw-cell { display: inline-flex; flex-direction: column; align-items: center; gap: .1rem; min-width: 3.2rem; max-width: 9.5rem; padding: .3rem .5rem .35rem; border-radius: 10px; background: var(--ni-surface, #fff); border: 1px solid var(--ni-border, #e3dfd3); text-align: center; }
.ni-kw-cell b { font-family: var(--ni-font-ar, "Amiri", serif); font-weight: 400; font-size: calc(1.3rem * var(--ni-ar-scale, 1)); line-height: 1.7; }
.ni-kw-cell small { font-size: .74rem; line-height: 1.3; color: var(--ni-muted, #5f6d69); }
.ni-kuran-sure.hide-ar .ni-kw-rows { display: none; }
.is-tj-loading .ni-ayah__ar { opacity: .7; transition: opacity .2s; }

/* açılır kutu */
.ni-kw-pop { position: absolute; z-index: 1000; padding: .75rem .9rem .7rem; border-radius: 14px; background: var(--ni-surface, #fff); color: var(--ni-text, #1d2a27); border: 1px solid var(--ni-border, #e3dfd3); box-shadow: 0 14px 40px -12px rgba(0, 0, 0, .35); font-size: .9rem; line-height: 1.5; }
.ni-kw-pop[hidden] { display: none; }
.ni-kw-pop p { margin: 0 0 .35rem; }
.ni-kw-pop small { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--ni-muted, #5f6d69); }
.ni-kw-pop__x { position: absolute; top: .35rem; left: .45rem; border: 0; background: none; color: var(--ni-muted, #5f6d69); font-size: 1rem; padding: .25rem .4rem; border-radius: 8px; cursor: pointer; }
.ni-kw-pop__x:hover { background: var(--ni-surface-2, #f1eee5); }
.ni-kw-pop__ar { font-family: var(--ni-font-ar, "Amiri", serif); font-size: 1.9rem; line-height: 1.6; text-align: center; margin: 0 0 .3rem !important; }
.ni-kw-pop__m { font-size: 1rem; }
.ni-kw-pop__k span, .ni-kw-pop__l span { font-family: var(--ni-font-ar, "Amiri", serif); font-size: 1.2rem; }
.ni-kw-pop__tj { margin: .4rem 0; padding: .45rem 0 0; list-style: none; border-top: 1px dashed var(--ni-border, #e3dfd3); font-size: .84rem; }
.ni-kw-pop__tj li { display: flex; gap: .45rem; align-items: baseline; margin-bottom: .25rem; }
.ni-kw-pop__tj .tj-dot { transform: translateY(.1em); }
.ni-kw-pop__src { margin: .35rem 0 0 !important; font-size: .74rem; color: var(--ni-muted, #5f6d69); }
@media print { .ni-kw-pop, .ni-tj-toggles { display: none !important; } }