/*
 * Секции страницы «Частые вопросы» (шаблон page-faq). Грузится после base.css.
 *
 * @package easy-peasy
 */

/* --- FAQ: поиск + навигация по категориям --- */
.faq-search{position:relative;max-width:560px;margin:0 auto 8px}
.faq-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);pointer-events:none}
.faq-search input{width:100%;height:54px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:1rem;padding:0 22px 0 50px;transition:border-color .16s ease,box-shadow .16s ease}
.faq-search input::placeholder{color:var(--text-muted)}
.faq-search input:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--ring)}
.faq-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.faq-cat-link{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.86rem;color:var(--text);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-pill);padding:9px 16px;transition:border-color .16s ease,color .16s ease}
.faq-cat-link:hover{border-color:var(--primary);color:var(--primary)}
.faq-cat-link svg{width:15px;height:15px;color:var(--primary)}
.faq-category{margin-top:clamp(32px,5vw,52px);scroll-margin-top:90px}
.faq-category:first-of-type{margin-top:0}
.faq-cat-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.faq-cat-head .fch-ico{width:46px;height:46px;border-radius:12px;background:var(--surface-2);color:var(--primary);display:grid;place-items:center;flex:none}
.faq-cat-head .fch-ico svg{width:24px;height:24px}
.faq-cat-head h2{font-size:var(--fs-h3);font-weight:800}
.faq-hidden{display:none !important}
.faq-noresults{display:none;text-align:center;color:var(--text-muted);padding:40px 20px}
.faq-noresults.is-shown{display:block}