/* ==========================================================================
   „Въпроси и отговори“ (/vaprosi/): търсенето горе е .nd-find (pages.css), темите вляво
   (лепкави на десктоп, лента с плъзгане на телефон), акордеоните (faq.css).
   ========================================================================== */

/* --- темите и въпросите ------------------------------------------------------ */
.nd-qa__body { padding-top: clamp(56px, 6vw, 90px); }
.nd-qa__grid { display: grid; grid-template-columns: minmax(0, .36fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.nd-qa__side { position: sticky; top: calc(var(--bar-h) + 26px); display: grid; gap: 24px; }
.nd-qa__nav-t { margin: 0 0 12px; font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-700); }
.nd-qa__nav ol { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.nd-qa__nav a {
	display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 9px 12px 9px 9px; border-radius: 16px;
	font-weight: 520; line-height: 1.3; color: var(--ink-2); text-decoration: none; transition: background-color .3s, color .3s;
}
.nd-qa__nav .nd-i { width: 36px; height: 36px; padding: 9px; border-radius: 50%; color: var(--gold-700); background: #fffdf8; box-shadow: inset 0 0 0 1px rgba(173, 129, 48, .3); transition: background-color .3s, color .3s; }
.nd-qa__nav small { min-width: 28px; padding: 2px 8px; border-radius: 999px; font-size: .78rem; font-weight: 600; text-align: center; color: var(--muted); background: rgba(19, 35, 28, .05); }
.nd-qa__nav a:hover { color: var(--ink); background: rgba(173, 129, 48, .08); }
.nd-qa__nav li.is-on a { color: var(--ink); background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line), 0 12px 26px -22px rgba(19, 35, 28, .5); }
.nd-qa__nav li.is-on .nd-i { color: var(--gold-300); background: var(--jade-800); box-shadow: none; }
.nd-qa__nav li.is-off { opacity: .4; }
.nd-qa__ask { max-width: none; }

.nd-qa__topics { display: grid; gap: clamp(44px, 5vw, 64px); }
.nd-qa__topic[hidden], .nd-qa .nd-faq__item[hidden] { display: none; }
.nd-qa__h { display: flex; align-items: center; gap: 14px; margin: 0 0 20px; font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 340; line-height: 1.15; letter-spacing: -.025em; color: var(--ink); }
.nd-qa__hi { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; font-size: 1.3rem; color: var(--jade-950); background: var(--gold-grad) border-box; }
.nd-qa__topic:nth-child(even) .nd-qa__hi { color: var(--gold-300); background: var(--jade-800); }
.nd-qa .nd-faq__item { scroll-margin-top: calc(var(--bar-h) + 24px); }
.nd-qa .nd-faq__item:target { box-shadow: inset 0 0 0 2px var(--gold-500), 0 22px 44px -30px rgba(19, 35, 28, .5); }

.nd-qa__empty {
	display: grid; justify-items: center; gap: 16px; padding: clamp(30px, 4vw, 48px); border-radius: 28px; text-align: center;
	background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line);
}
.nd-qa__empty[hidden] { display: none; }
.nd-qa__empty p { max-width: 46ch; margin: 0; line-height: 1.6; color: var(--ink-2); }
.nd-qa__empty b { display: block; margin-bottom: 4px; font-size: 1.2rem; font-weight: 560; color: var(--ink); }

.nd-book__rules a { color: var(--gold-300); text-decoration: underline; text-underline-offset: 3px; }

/* --- отзивчивост ---------------------------------------------------------------- */
@media (max-width: 1024px) {
	.nd-qa__grid { grid-template-columns: minmax(0, 1fr); }
	.nd-qa__side { position: static; }
	.nd-qa__ask { display: none; } /* същото е в „Задайте въпроса си“ */
	.nd-qa__nav ol { display: flex; gap: 8px; margin: 0 -16px; padding: 2px 16px 10px; overflow-x: auto; scrollbar-width: none; }
	.nd-qa__nav ol::-webkit-scrollbar { display: none; }
	.nd-qa__nav li { flex: none; }
	.nd-qa__nav a { grid-template-columns: 30px auto auto; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 999px; background: #fffdf8; box-shadow: inset 0 0 0 1px var(--line); white-space: nowrap; }
	.nd-qa__nav .nd-i { width: 30px; height: 30px; padding: 7px; }
}
@media (max-width: 760px) {
	.nd-qa .nd-sh__facts { display: none; } /* търсенето - по-нагоре */
	.nd-qa__h { font-size: 1.45rem; }
	.nd-qa__hi { width: 40px; height: 40px; font-size: 1.15rem; }
}