/* ===== Veterina – PORADNA (styly převzaté a sladěné s HTML návrhem) ===== */
#vet-poradna{
  --brand:#0C1C3C; --muted:#667085; --bg:#F7FAFF; --card:#fff;
  --blue:#0B65D8; --red:#B71C1C; --green:#1B5E20; --amber:#B26B00;
  --radius:16px; --shadow:0 10px 26px rgba(12,28,60,.10);
  --shadow-hov:0 16px 38px rgba(12,28,60,.16);
  --container:1100px;
}
#vet-poradna *{box-sizing:border-box}
#vet-poradna .wrap{max-width:var(--container);margin:0 auto;padding:28px clamp(14px,3vw,28px) 22px}

/* VN HEADLINE */
#vet-poradna .vn-title{margin:0; display:flex; align-items:center; gap:12px;}
#vet-poradna .vn-title .vn-ico{width:clamp(28px,3vw,40px); height:auto; display:block; color:var(--blue);}
#vet-poradna .vn-title-text{ margin:0; font:700 clamp(22px,2.2vw,30px)/1.15 Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif; color:var(--blue); letter-spacing:.2px; white-space:pre-wrap;}
#vet-poradna .vn-title-text .cap{color:var(--red)}
#vet-poradna .vn-divider{ height:2px; width:100%; background:linear-gradient(90deg,var(--red) 0%, rgba(11,101,216,.6) 45%, rgba(11,101,216,.15) 100%); border-radius:999px; margin:12px 0 14px 0;}

/* Toolbar */
#vet-poradna .toolbar{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 16px}
#vet-poradna .search{display:flex;align-items:center;gap:10px;padding:.68em 1em;border-radius:12px;background:#fff;border:1px solid rgba(12,28,60,.12)}
#vet-poradna .search input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;font:500 15px/1.2 system-ui;color:var(--brand)}
#vet-poradna .chips{display:flex;flex-wrap:wrap;gap:8px}
#vet-poradna .chip{display:inline-flex;align-items:center;gap:8px;padding:.46em .78em;border-radius:999px;border:1px solid rgba(12,28,60,.12);background:#fff;color:var(--brand);font:600 14px/1.1 system-ui;cursor:pointer;transition:box-shadow .18s,transform .06s}
#vet-poradna .chip:hover{box-shadow:0 6px 16px rgba(12,28,60,.12)}
#vet-poradna .chip.is-on{background:rgba(11,101,216,.08);border-color:rgba(11,101,216,.35)}

/* FAQ list */
#vet-poradna .faq-list{display:grid;gap:12px}
#vet-poradna details.faq{ background:var(--card);border:1px solid rgba(12,28,60,.10);border-radius:14px;padding:12px; box-shadow:var(--shadow);transition:box-shadow .18s ease; position:relative; }
#vet-poradna details.faq[open]{box-shadow:var(--shadow-hov)}
#vet-poradna details.faq summary{ list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:10px;outline:none }
#vet-poradna details.faq summary::-webkit-details-marker{display:none}
#vet-poradna .qicon{flex:0 0 auto;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:rgba(11,101,216,.10);color:var(--blue)}
#vet-poradna .qtitle{margin:0;font:800 17px/1.28 "Poppins",system-ui;color:var(--brand)}
#vet-poradna .content{margin:10px 2px 4px;color:var(--brand);font:500 14px/1.62 system-ui}
#vet-poradna .content p{margin:.4em 0}
#vet-poradna .bul{padding-left:1.1em;margin:.45em 0}
#vet-poradna .bul li{margin:.25em 0}
#vet-poradna .note{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px dashed rgba(12,28,60,.14);padding:10px 12px;border-radius:12px;font:500 13px/1.4 system-ui;color:#17324d}
#vet-poradna .cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
#vet-poradna .btn{display:inline-flex;align-items:center;gap:8px;padding:.62em 1.05em;border-radius:12px;font:700 14px/1 system-ui;cursor:pointer;text-decoration:none;border:1px solid transparent}
#vet-poradna .btn.primary{background:var(--blue);color:#fff}
#vet-poradna .btn.ghost{background:#fff;color:var(--blue);border-color:rgba(12,28,60,.12)}

#vet-poradna .wvp-tags{margin:8px 2px 0;color:var(--muted);font:600 12px/1.2 system-ui;display:flex;gap:10px;flex-wrap:wrap}

/* Info panel dole */
#vet-poradna .panel{margin:18px 0 0;padding:12px;border-radius:16px;background:var(--bg);border:1px solid rgba(12,28,60,.10);color:#17324d;font:500 13px/1.5 system-ui}

/* Velký CTA box */
#vet-poradna .cta-box{ margin:24px 0 4px;padding:18px;border:1px solid rgba(12,28,60,.10);border-radius:var(--radius); background:linear-gradient(180deg,#F3FAF5,#FFF);box-shadow:0 16px 40px rgba(16,24,40,.10) }
#vet-poradna .cta-box h4{margin:0 0 6px;font:800 18px/1.2 "Poppins",system-ui;color:var(--green)}
#vet-poradna .cta-box p{margin:0;font:500 14px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--brand)}
#vet-poradna .cta-box .btn{ display:inline-block;margin-top:10px;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--green); background:var(--green);color:#fff;font:700 14px/1 system-ui;text-decoration:none }
#vet-poradna .cta-box .btn:hover{opacity:.94}

/* Edit tlačítka (jen pro editory) */
#vet-poradna .wvp-edit, #vet-poradna .wvp-delete{
  margin-left:auto; border:0; background:transparent; cursor:pointer; font-size:14px; line-height:1; padding:4px 6px; opacity:.7
}
#vet-poradna .wvp-edit:hover, #vet-poradna .wvp-delete:hover{ opacity:1 }
#vet-poradna .chip.add-new{border-style:dashed}

/* Modal */
#vet-poradna .wvp-modal[hidden]{display:none}
#vet-poradna .wvp-modal__overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px)}
#vet-poradna .wvp-modal__dialog{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(800px,92vw);max-height:80vh;overflow:auto;background:#fff;border-radius:14px;
  box-shadow:0 18px 48px rgba(0,0,0,.2);padding:16px;border:1px solid rgba(12,28,60,.10)
}
#vet-poradna .wvp-form label{display:block;margin:.6em 0}
#vet-poradna .wvp-form input[type=text], #vet-poradna .wvp-form textarea{
  width:100%; padding:.6em .8em; border-radius:10px; border:1px solid rgba(12,28,60,.16); font:500 14px/1.4 system-ui
}
#vet-poradna .wvp-form__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}