/* Каталог "Питання та відповіді" (/blog). НЕ ВИКЛАДЕНО. Файл: public/themes/pcore/css/qa-catalog.css */
.qa-cat{--b:#0530AD;--b2:#1877F2;--y:#FFC72C;--br:#E6EAF1;--tx:#1b2433;--mu:#5b6678;max-width:1180px;margin:0 auto;padding:8px 24px 40px;color:var(--tx)}
.qa-cat *{box-sizing:border-box}
/* старі вкладки категорій на /blog не потрібні: тут каталог (на інших сторінках блогу вони лишаються) */
.pc-bloghead .bfilter{display:none}

.qa-search{margin:18px 0 12px}
.qa-search__l{display:block;font-weight:700;font-size:15px;margin-bottom:8px}
.qa-search__row{position:relative}
.qa-search__in{width:100%;height:54px;padding:0 48px 0 18px;font:inherit;font-size:16px;border:2px solid var(--br);border-radius:14px;background:#fff;color:var(--tx);outline:0;-webkit-appearance:none;appearance:none}
.qa-search__in:focus{border-color:var(--b2);box-shadow:0 0 0 4px rgba(24,119,242,.15)}
.qa-search__x{position:absolute;right:8px;top:7px;width:40px;height:40px;border:0;border-radius:10px;background:transparent;font-size:26px;line-height:1;color:var(--mu);cursor:pointer}
.qa-search__x[hidden]{display:none}
.qa-search__st{min-height:20px;margin-top:6px;font-size:14px;color:var(--mu)}

.qa-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}
.qa-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--br);border-radius:99px;background:#fff;color:var(--b);font-size:14px;font-weight:600;text-decoration:none}
.qa-chip span{font-weight:700;font-size:12px;color:var(--mu)}
.qa-chip:hover{border-color:var(--b2)}

.qa-group{border:1px solid var(--br);border-radius:18px;background:#fff;margin:0 0 16px;scroll-margin-top:90px;overflow:hidden}
.qa-group__h{margin:0;font-size:inherit;line-height:1.2}
.qa-group__btn{display:flex;align-items:center;gap:12px;width:100%;padding:18px 22px;border:0;background:transparent;font:inherit;text-align:left;cursor:default;color:var(--tx)}
.qa-group__t{font-size:22px;font-weight:800;color:var(--b)}
.qa-group__n{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:99px;background:#EEF3FF;color:var(--b);font-size:13px;font-weight:700}
.qa-group__ic{display:none;margin-left:auto;width:12px;height:12px;border-right:2.5px solid var(--b);border-bottom:2.5px solid var(--b);transform:rotate(45deg);transition:transform .2s}
.qa-group__body{padding:0 22px 20px}
.qa-group__lead{margin:0 0 14px;color:var(--mu);font-size:15px;line-height:1.5}
.qa-group__hub{display:inline-block;margin-left:6px;font-weight:700;color:var(--b2);text-decoration:none;white-space:nowrap}
.qa-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}
.qa-item{margin:0;padding:0}
.qa-item a{display:block;padding:9px 0;border-bottom:1px solid #F0F3F8;color:var(--tx);font-size:16px;line-height:1.35;text-decoration:none}
.qa-item a:hover{color:var(--b2)}
/* сховані пункти лишаються в HTML (для Google), показуються кнопкою */
.qa-more{display:none}
.qa-group.is-all .qa-more{display:list-item}
.qa-showall{margin-top:14px;padding:11px 20px;border:2px solid var(--b);border-radius:12px;background:#fff;color:var(--b);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.qa-showall:hover{background:var(--b);color:#fff}

/* пошук: показуємо всі збіги з усіх груп */
.qa-cat.is-search .qa-more{display:list-item}
.qa-cat.is-search .qa-miss{display:none}
.qa-cat.is-search .qa-showall{display:none}
.qa-group.qa-none{display:none}
.qa-cat.is-search .qa-chips{display:none}

.qa-empty,.qa-end{margin:22px 0 0;padding:24px;border-radius:18px;text-align:center}
.qa-empty[hidden]{display:none}
.qa-end{background:linear-gradient(79deg,#0530AD 0%,#1877F2 100%);color:#fff}
.qa-empty{background:#F5F8FF;border:1px solid var(--br)}
.qa-end__t,.qa-empty__t{margin:0 0 6px;font-size:21px;font-weight:800}
.qa-end__s,.qa-empty__s{margin:0 0 16px;font-size:15px;line-height:1.5}
.qa-btn{display:inline-block;padding:14px 26px;border-radius:12px;background:var(--y);color:#10204a !important;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.15)}
.qa-btn:hover{filter:brightness(1.05)}

@media (max-width:760px){
  .qa-cat{padding:4px 16px 32px}
  .qa-chips{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 6px;-webkit-overflow-scrolling:touch}
  .qa-chip{flex:0 0 auto}
  .qa-list{grid-template-columns:1fr}
  .qa-group__t{font-size:19px}
  .qa-group__btn{padding:16px}
  .qa-group__body{padding:0 16px 18px}
  .qa-showall,.qa-btn{width:100%;text-align:center}
  /* акордеон тільки якщо працює JS; без JS усе відкрито */
  .qa-js .qa-group__btn{cursor:pointer}
  .qa-js .qa-group__ic{display:block}
  .qa-js .qa-group.is-closed .qa-group__body{display:none}
  .qa-js .qa-group.is-closed .qa-group__ic{transform:rotate(-45deg)}
  .qa-js.is-search .qa-group__ic{display:none}
}