/* ===== FAQ – Jupiter-friendly, bez zaoblení, farby: fdb241, 000000, cfcfcf ===== */
.faq.faq-invt{
  --accent:#fdb241; --text:#000000; --muted:#6b6b6b; --line:#cfcfcf;
  --pad:18px; --gap:16px; background:#fff;
}
.faq.faq-invt{max-width:1000px;margin:0 auto;padding:10px 0 60px;color:var(--text)}
.faq.faq-invt *{box-sizing:border-box}

.faq__title{margin:0 0 8px;font-weight:800;text-transform:uppercase;font-size:clamp(26px,3vw,34px)}
.faq__subtitle{margin:0 0 20px;color:var(--muted);font-size:clamp(15px,2vw,18px);line-height:1.6}

/* Toolbar (hľadanie + tip) */
.faq__toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 18px}
.faq__search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 10px;background:#fff}
.faq__search input{width:min(64ch,100%);border:0;outline:0;background:transparent;color:var(--text);font:inherit}
.faq__clear{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;padding:6px;cursor:pointer}
.faq__clear svg{display:block;width:16px;height:16px}
.faq__hint{font-size:13px;color:var(--muted)}

/* Kategórie – tlačidlá (bez inputov) */
.faq__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}
.faq__tab{border:1px solid var(--line);background:#fff;color:var(--text);padding:8px 14px;font-weight:600;font-size:14px;cursor:pointer;user-select:none}
.faq__tab[data-active="true"]{background:var(--accent);color:#000;border-color:var(--accent)}

/* Zoznam FAQ */
.faq__list{display:grid;gap:var(--gap)}
.faq__item{border:1px solid var(--line);background:#fff}
details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
.faq__q{display:flex;gap:12px;align-items:center;padding:16px var(--pad);font-weight:700;font-size:clamp(17px,2vw,19px);cursor:pointer;line-height:1.4}
.faq__q::before{content:"";width:3px;height:18px;background:var(--accent);flex:0 0 3px}
.faq__q::after{content:"";margin-left:auto;width:10px;height:10px;border:2px solid currentColor;border-top:0;border-left:0;transform:rotate(45deg);transition:transform .15s ease}
details[open] .faq__q::after{transform:rotate(225deg)}
.faq__q:hover{background:rgba(253,178,65,.08)}

/* Upravené zvislé čiary v odpovediach – výška zodpovedá textu */
.faq__a{padding:0 var(--pad) var(--pad)}
.faq__a-inner{
  border-left:none;
  padding:10px 0 0 0;
  font-size:clamp(15px,1.8vw,17px);
  line-height:1.8;
  color:var(--muted);
}
.faq__a-inner p{
  position:relative;
  padding-left:14px;
  margin:0 0 1em 0;
}
.faq__a-inner p::before{
  content:"";
  position:absolute;
  left:0;
  top:0.15em;
  bottom:0.15em;
  width:2px;
  background:var(--line);
}

/* Štýl zvýraznenia nájdeného textu */
mark {
  background: #fdb241;
  color: #000;
  padding: 0 2px;
  border-radius: 2px;
}

/* Filtrovanie (bez JS) podľa data-cat */
.faq[data-cat="vsetko"] .faq__item{display:block}
.faq:not([data-cat="vsetko"]) .faq__item{display:none}
.faq[data-cat="zaklady"] .cat-zaklady,
.faq[data-cat="vyber-parametre"] .cat-vyber-parametre,
.faq[data-cat="konfiguracia"] .cat-konfiguracia,
.faq[data-cat="prislusenstvo"] .cat-prislusenstvo,
.faq[data-cat="podpora-servis"] .cat-podpora-servis,
.faq[data-cat="komunikacia-plc"] .cat-komunikacia-plc,
.faq[data-cat="invt"] .cat-invt{display:block}

@media print{
  .faq__toolbar,.faq__tabs{display:none!important}
  details{open:open}
  .faq__item{border-color:#999}
}
::highlight(faqSearch){ background:#fdb241; color:#000 }
.faq-invt .faq__hl{ background:#fdb241; }

/* BEGIN: AUTO_FAQ_CSS
[EXPLAIN] Tento blok je automaticky generovaný skriptom — nerušiť ručne.
          Obsahuje:
            - [hidden] pravidlá (na skrytie nevyhovujúcich položiek),
            - prepínač kategórií (data-cat),
            - jemné zvýraznenie položiek, ktoré prešli vyhľadávaním (data-search="on"),
            - pravidlá pre kategórie podľa zoznamu z Wordu (cat-<slug>).
*/
[hidden]{ display:none !important; }

.faq-invt:not([data-cat="vsetko"]) .faq__item{ display:none }  /* [EXPLAIN] mimo zvolenej kategórie sa položky skryjú */
.faq-invt[data-cat="vsetko"] .faq__item{ display:block }       /* [EXPLAIN] kategória „Všetko“ ukáže všetky položky */

.faq-invt[data-search="on"] .faq__item:not([hidden]){
  border-color: var(--accent); background:#fffef8;             /* [EXPLAIN] jemné zvýraznenie položky pri aktívnom hľadaní */
}
.faq-invt[data-search="on"] .faq__item:not([hidden]) .faq__a-inner{
  background:#fffef8;                                          /* [EXPLAIN] nenápadné podfarbenie vnútra odpovede */
}

/* [EXPLAIN] Kategórie dynamicky generované zo Wordu: */
.faq-invt[data-cat="vsetko"] .faq__item{ display:block }
.faq-invt:not([data-cat="vsetko"]) .faq__item{ display:none }
.faq-invt[data-cat="invt-frekvencne-menice"] .cat-invt-frekvencne-menice{ display:block }
.faq-invt[data-cat="poruchy-invt"] .cat-poruchy-invt{ display:block }
.faq-invt[data-cat="snimace-tlaku"] .cat-snimace-tlaku{ display:block }
.faq-invt[data-cat="snimace-teploty"] .cat-snimace-teploty{ display:block }
.faq-invt[data-cat="diferencialne-snimace-p"] .cat-diferencialne-snimace-p{ display:block }
.faq-invt[data-cat="elektroventily"] .cat-elektroventily{ display:block }

/* END: AUTO_FAQ_CSS */


/* ===== Custom overrides per request (rebuild 2025-11-02) ===== */
.faq.faq-invt .faq__item:not([open]) .faq__q{ background:#fffef8; }
.faq.faq-invt .faq__item[open] .faq__q{ background:#ffd28f; }
.faq.faq-invt .faq__item:not([open]) .faq__q:hover{ background:#fff7e6; }
.faq.faq-invt .faq__item[open] .faq__q:hover{ background:#ffc974; }

.faq.faq-invt .faq__a{ background:#fffef8; } /* apply answer bg only inside the item border */

/* Tabs hover shade */
.faq.faq-invt .faq__tab:hover{ background:#ffe1ad; border-color:#ffe1ad; }
.faq.faq-invt .faq__tab[data-active="true"]:hover{ background:#ffc55b; border-color:#ffc55b; }

/* Search mode: ensure the answers also use #fffef8 up to border */
.faq-invt[data-search="on"] .faq__item:not([hidden]) .faq__a-inner{ background:#fffef8; }

/* NEW (spacing): reduce gap between the answer text and bottom border */
.faq.faq-invt .faq__a-inner{ padding-bottom:0px; }
.faq.faq-invt .faq__a-inner > :last-child{ margin-bottom:0; }

/* BEGIN: AUTO_FAQ_CSS */
[hidden]{ display:none !important; }
.faq-invt:not([data-cat="vsetko"]) .faq__item{ display:none }
.faq-invt[data-cat="vsetko"] .faq__item{ display:block }
.faq-invt[data-cat="vsetko"] .faq__item{ display:block }
.faq-invt:not([data-cat="vsetko"]) .faq__item{ display:none }
.faq-invt[data-cat="invt-frekvencne-menice"] .cat-invt-frekvencne-menice{ display:block }
.faq-invt[data-cat="snimace"] .cat-snimace{ display:block }
.faq-invt[data-search="on"] .faq__item:not([hidden]){{ border-color: var(--accent); }}
.faq-invt[data-search="on"] .faq__item:not([hidden]) .faq__a-inner{{  }}
/* END: AUTO_FAQ_CSS */