/* FAQ / Contact Widget — DAPAL */
#faqWidget {max-width: 920px;margin:0 auto;font:14px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial}

/* HEAD */
.fw__head{padding:14px;border-bottom:1px solid #eef0f3;background:#f9fafb}
.fw__brandrow{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fw__title{font-weight:700}
.fw__sub{font-size:15px;color:#475569;margin-top:6px}

/* Akcje pod sloganem */
.fw__actions{display:flex;gap:8px;flex-wrap:wrap}
.fw__actions--head{margin-top:10px}
@media (max-width:768px){ .fw__actions--head{justify-content:center} }

.fw__btn{
  appearance:none;border:1px solid #e5e7eb;background:#fff;border-radius:10px;
  padding:8px 12px;cursor:pointer;font-weight:600;display:inline-flex;gap:8px;align-items:center
}
.fw__btn:hover{ border-color:var(--fw-accent,#e2611e) }
.fw__btn:focus-visible{ outline:2px solid var(--fw-accent,#e2611e); outline-offset:2px }

/* Ikony przycisków (FAQ / WA / Form) */
.fw__btn i{width:16px;height:16px;display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat}
.fw__btn--faq i{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M9.5 9.5a3 3 0 1 1 4.7 2.5c-.8.5-1.2 1-1.2 2'/><circle cx='12' cy='17' r='1'/></svg>");}
.fw__btn--wa{background:#25d366;color:#0b1220;border-color:#22c55e}
.fw__btn--wa i{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%230b1220' viewBox='0 0 24 24'><path d='M12 2a10 10 0 0 0-8.94 14.56L2 22l5.56-1.06A10 10 0 1 0 12 2Zm5.39 14.23c-.22.63-1.27 1.2-1.77 1.23-.47.02-1.06.03-1.71-.11-.39-.09-.9-.29-1.55-.56-2.73-1.17-4.5-3.86-4.64-4.04-.13-.18-1.11-1.48-1.11-2.82 0-1.33.7-1.98.95-2.25.25-.26.55-.33.73-.33.18 0 .36 0 .52.01.17.01.39-.06.61.47.22.53.75 1.85.82 1.98.07.13.11.28.02.46-.09.18-.14.28-.28.44-.13.16-.29.36-.42.48-.13.13-.26.27-.11.53.16.26.71 1.16 1.52 1.88 1.05.93 1.94 1.22 2.2 1.36.27.13.43.11.59-.07.16-.18.68-.79.86-1.06.18-.26.36-.22.61-.13.25.09 1.59.75 1.86.89.27.13.45.2.52.31.07.11.07.66-.15 1.29Z'/></svg>");}
.fw__btn--form i{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16v16H4z'/><path d='M8 8h8M8 12h8M8 16h5'/></svg>");}

/* „Chipsy” (godziny/dostępność) — ukryte */
.fw__chips{display:none}

/* BODY */
.fw__body{padding:16px}
.fw__hint{color:#64748b;font-size:13px}

/* Intro (sekcja FAQ start) */
.fw__intro{margin-bottom:14px;border-bottom:1px solid #eef0f3;padding-bottom:8px}
.fw__intro h3{margin:0;font-size:18px;letter-spacing:.1px}
.fw__intro p{margin:6px 0 0 0;color:#475569}

/* Kategorie – z ikonami */
.fw__catgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:720px){.fw__catgrid{grid-template-columns:1fr}}
.fw__catcard{
  border:1px solid #e6eaf0;border-radius:14px;background:#ffffff;padding:14px 16px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s; box-shadow:0 2px 6px rgba(15,23,42,.04)
}
.fw__catcard:hover{ transform:translateY(-1px); box-shadow:0 8px 24px rgba(15,23,42,.10); border-color:#d7dee8 }
.fw__catL{display:flex;align-items:center;gap:10px;min-width:0}
.fw__catcard h4{margin:0;font-size:15px;font-weight:700;color:#0b1220;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw__chev{opacity:.55;font-size:18px}

/* Ikonka kategorii */
.fw__catIcon{width:24px;height:24px;flex:0 0 24px;background-repeat:no-repeat;background-size:24px 24px;background-position:center}

/* Zestaw ikon (data-URI, outline) */
.fw__catIcon.ic-contract{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2h9l3 3v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/><path d='M14 2v4h4'/><path d='M8 13h8M8 9h5M8 17h8'/></svg>");}
.fw__catIcon.ic-design{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='14' rx='2'/><path d='M7 21l5-4 5 4'/></svg>");}
.fw__catIcon.ic-pay{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2'/><path d='M2 10h20'/></svg>");}
.fw__catIcon.ic-mat{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3l8 4-8 4-8-4 8-4z'/><path d='M16 7l8 4-8 4-8-4'/><path d='M8 15l8 4'/></svg>");}
.fw__catIcon.ic-safe{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/><path d='M9 12l2 2 4-4'/></svg>");}
.fw__catIcon.ic-wrench{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14.7 6.3A4 4 0 1 0 9.3 11.7l-7 7a2 2 0 0 0 2.8 2.8l7-7a4 4 0 0 0 2.6-8.2z'/></svg>");}

/* Hover kolor akcentu dla ikon (chevron + obrys) */
.fw__catcard:hover .fw__chev{ color:var(--fw-accent,#e2611e) }
.fw__catcard:hover .fw__catIcon{ filter: hue-rotate(0deg) saturate(140%) }

/* Karty / pytania / odpowiedzi */
.fw__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:720px){.fw__grid{grid-template-columns:1fr}}
.fw__card{border:1px solid #eef0f3;border-radius:12px;background:#fff;padding:12px}
.fw__q{font-weight:800;margin-bottom:10px;font-size:16px}
.fw__opts{display:flex;flex-wrap:wrap;gap:8px}
.fw__opt{border:1px solid #e5e7eb;border-radius:999px;padding:7px 12px;background:#fafafa;cursor:pointer}
.fw__opt:hover{background:#f3f4f6}
.fw__answer{padding:12px;border-left:3px solid #e3e8ef;background:#fcfcfd;border-radius:8px}

/* Stopki / przyciski */
.fw__footer{display:flex;align-items:center;gap:10px;margin-top:16px;justify-content:center}
.fw__btn--back{border-color:#dbe1e6;background:#f6f8fa}
.fw__btn--alt{background:#0b1220;color:#fff;border-color:#0b1220}

/* Samotny wiersz „Wróć” pod listą pytań */
.fw__backRow{display:flex;justify-content:center;margin-top:18px}

/* ALERTY */
.fw__alert{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}
.fw__alert--info{background:#fff4ec;color:#7a3a12;border:1px solid #ffd7bf} /* akcentowane info */
.fw__alert--ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.fw__alert--err{background:#fef2f2;color:#7f1d1d;border:1px solid #fecaca}

/* Not found + legacy form */
.fw__notfound{margin-top:8px;padding:10px;border:1px dashed #e5e7eb;border-radius:10px;background:#fdfdfd}
.fw__form{margin-top:10px;display:none;border-top:1px solid #eef0f3;padding-top:10px}
.fw__field{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.fw__input,.fw__textarea{border:1px solid #e5e7eb;border-radius:10px;padding:8px}
.fw__ok{color:#176b36}
.fw__err{color:#7a1111}

/* MINI FORM (szybki kontakt) */
.fw__formTitle{text-align:center;font-size:16px;font-weight:800;margin:0 0 8px 0}
.fw__quick{border:1px solid #eef0f3;border-radius:12px;background:#fff;padding:12px;margin-top:10px}
.fw__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:680px){.fw__row{grid-template-columns:1fr}}
.fw__select{appearance:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px}
.fw__consent{display:flex;gap:8px;align-items:flex-start;margin-top:6px}
.fw__submit{display:flex;gap:8px;align-items:center;margin-top:10px;justify-content:center}
.fw__btn--primary{background:#ffe7db;border-color:#ffcdb8;color:#7a2e10}
.fw__btn--primary:hover{filter:brightness(.98)}

/* Stan aktywnej kategorii */
.fw__catcard.is-active {
  border-color: var(--fw-accent,#e2611e);
  box-shadow: 0 4px 14px rgba(226,97,30,.18);
}

.fw__catcard.is-active h4 {
  color: var(--fw-accent,#e2611e);
}

.fw__catcard.is-active .fw__chev {
  color: var(--fw-accent,#e2611e);
}

.fw__catcard.is-active .fw__catIcon {
  filter: hue-rotate(0deg) saturate(180%) brightness(1.1);
}

/* --- Ikony kategorii (dynamicznie wstrzykiwane) --- */
.fw__catL{display:flex;align-items:center;gap:10px;min-width:0}
.fw__catIcon{width:24px;height:24px;flex:0 0 24px;background-repeat:no-repeat;background-size:24px 24px;background-position:center}

/* Zestaw ikon (outline, neutral) */
.fw__catIcon.ic-contract{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2h9l3 3v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/><path d='M14 2v4h4'/><path d='M8 13h8M8 9h5M8 17h8'/></svg>");}
.fw__catIcon.ic-design{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='14' rx='2'/><path d='M7 21l5-4 5 4'/></svg>");}
.fw__catIcon.ic-pay{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2'/><path d='M2 10h20'/></svg>");}
.fw__catIcon.ic-mat{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3l8 4-8 4-8-4 8-4z'/><path d='M16 7l8 4-8 4-8-4'/><path d='M8 15l8 4'/></svg>");}
.fw__catIcon.ic-safe{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/><path d='M9 12l2 2 4-4'/></svg>");}
.fw__catIcon.ic-wrench{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2322262f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14.7 6.3A4 4 0 1 0 9.3 11.7l-7 7a2 2 0 0 0 2.8 2.8l7-7a4 4 0 0 0 2.6-8.2z'/></svg>");}

/* Kolor przy aktywnej/hover (u Ciebie już jest .is-active – dorzucamy efekt na ikonie) */
.fw__catcard:hover .fw__catIcon,
.fw__catcard.is-active .fw__catIcon{filter:hue-rotate(0deg) saturate(180%) brightness(1.05)}