/* assets/fv_bot_zascita_lastna.css - widget lastne "nisem robot" zascite (F10-nisem-robot, Fable 5.1, 25. 9. 2026). * Videz in obnasanje po vzoru Turnstile (okvir 300x65, kljukica levo, besedilo, znamka desno), svetla/temna tema * (data-tema="light|dark|auto"), brez slik (kljukica in vrtavka sta CSS), brez inline slogov (portal CSP style-src 'self'). */ .fv-bzl{--bzl-ozadje:#fafafa;--bzl-rob:#e0e0e0;--bzl-besedilo:#232323;--bzl-drobno:#6d6d6d;--bzl-poudarek:#1f5fbf;--bzl-povezava:#1f5fbf;--bzl-uspeh:#0a7a33;--bzl-napaka:#c0392b; box-sizing:border-box;width:300px;max-width:100%;margin:10px 0;font:14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--bzl-besedilo); background:var(--bzl-ozadje);border:1px solid var(--bzl-rob);border-radius:4px;position:relative} .fv-bzl[data-velikost="flexible"]{width:100%} /* NR-7 K2L5-07 (izmerjeno WCAG AA 4,5:1, test N54): poudarek = OZADJE gumba/ploscice z belim napisom (#2f6fd6 4,8:1; prej #5b9cf5 2,8:1); povezava = BESEDILO na temnem ozadju (#7fb2ff 7,3:1; #2f6fd6 bi bil 3,3:1) */ .fv-bzl[data-tema="dark"]{--bzl-ozadje:#232323;--bzl-rob:#4a4a4a;--bzl-besedilo:#f1f1f1;--bzl-drobno:#b3b3b3;--bzl-poudarek:#2f6fd6;--bzl-povezava:#7fb2ff;--bzl-uspeh:#3ddc84;--bzl-napaka:#ff7b6b} @media (prefers-color-scheme:dark){.fv-bzl[data-tema="auto"]{--bzl-ozadje:#232323;--bzl-rob:#4a4a4a;--bzl-besedilo:#f1f1f1;--bzl-drobno:#b3b3b3;--bzl-poudarek:#2f6fd6;--bzl-povezava:#7fb2ff;--bzl-uspeh:#3ddc84;--bzl-napaka:#ff7b6b}} .fv-bzl *{box-sizing:border-box} .fv-bzl-vrsta{display:flex;align-items:center;gap:12px;min-height:63px;padding:0 12px} .fv-bzl-kljukica{flex:0 0 auto;width:30px;height:30px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px} .fv-bzl-kljukica:focus-visible{outline:2px solid var(--bzl-poudarek);outline-offset:2px} .fv-bzl-kljukica[aria-disabled="true"]{cursor:default} .fv-bzl-okno{display:block;width:24px;height:24px;border:2px solid #9a9a9a;border-radius:3px;background:#fff;position:relative;transition:border-color .15s,background .15s} .fv-bzl[data-tema="dark"] .fv-bzl-okno{background:#2e2e2e;border-color:#8a8a8a} @media (prefers-color-scheme:dark){.fv-bzl[data-tema="auto"] .fv-bzl-okno{background:#2e2e2e;border-color:#8a8a8a}} .fv-bzl-kljukica:hover .fv-bzl-okno{border-color:var(--bzl-poudarek)} /* vrtavka med resevanjem */ .fv-bzl[data-stanje="resujem"] .fv-bzl-okno{border-radius:50%;border-color:var(--bzl-rob);border-top-color:var(--bzl-poudarek);animation:fv-bzl-vrti .8s linear infinite} @keyframes fv-bzl-vrti{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.fv-bzl[data-stanje="resujem"] .fv-bzl-okno{animation-duration:2s}} /* kljukica ob uspehu (CSS, brez slike) */ .fv-bzl[data-stanje="uspeh"] .fv-bzl-okno{border-color:var(--bzl-uspeh);background:var(--bzl-uspeh)} .fv-bzl[data-stanje="uspeh"] .fv-bzl-okno::after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)} .fv-bzl[data-stanje="napaka"] .fv-bzl-okno,.fv-bzl[data-stanje="potekel"] .fv-bzl-okno{border-color:var(--bzl-napaka)} .fv-bzl-besedilo{flex:1 1 auto;font-weight:500;min-width:0} .fv-bzl[data-stanje="uspeh"] .fv-bzl-besedilo{color:var(--bzl-uspeh)} .fv-bzl[data-stanje="napaka"] .fv-bzl-besedilo,.fv-bzl[data-stanje="potekel"] .fv-bzl-besedilo{color:var(--bzl-napaka)} .fv-bzl-znamka{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:10px;color:var(--bzl-drobno);line-height:1.2} .fv-bzl-znamka b{font-size:11px;letter-spacing:.06em;color:var(--bzl-besedilo)} .fv-bzl-znamka a{color:var(--bzl-drobno);text-decoration:none} .fv-bzl-znamka a:hover,.fv-bzl-znamka a:focus-visible{text-decoration:underline;color:var(--bzl-povezava)} /* uganka: razsirjen del pod vrstico (kot Turnstile-ov interaktivni izziv) */ .fv-bzl-uganka{border-top:1px solid var(--bzl-rob);padding:12px} .fv-bzl-uganka[hidden]{display:none} .fv-bzl-navodilo{margin:0 0 10px;font-weight:600} .fv-bzl-mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} .fv-bzl-ploscica{position:relative;padding:0;margin:0;border:2px solid var(--bzl-rob);border-radius:4px;background:#fff;cursor:pointer;aspect-ratio:1/1;overflow:hidden} .fv-bzl-ploscica img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none} .fv-bzl-ploscica:focus-visible{outline:2px solid var(--bzl-poudarek);outline-offset:1px} .fv-bzl-ploscica[aria-checked="true"]{border-color:var(--bzl-poudarek);box-shadow:0 0 0 2px var(--bzl-poudarek) inset} .fv-bzl-ploscica[aria-checked="true"]::after{content:"";position:absolute;right:4px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--bzl-poudarek); -webkit-mask:radial-gradient(circle at 50% 50%,#000 0 100%,transparent 100%);mask:radial-gradient(circle at 50% 50%,#000 0 100%,transparent 100%)} .fv-bzl-ploscica[aria-checked="true"]::before{content:"";position:absolute;right:10px;top:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);z-index:1} .fv-bzl-dejanja{display:flex;gap:8px;justify-content:flex-end;margin-top:10px} .fv-bzl-gumb{font:inherit;font-size:13px;padding:6px 12px;border-radius:4px;border:1px solid var(--bzl-rob);background:transparent;color:var(--bzl-besedilo);cursor:pointer} .fv-bzl-gumb:focus-visible{outline:2px solid var(--bzl-poudarek);outline-offset:1px} .fv-bzl-gumb--glavni{background:var(--bzl-poudarek);border-color:var(--bzl-poudarek);color:#fff} .fv-bzl-gumb[disabled]{opacity:.55;cursor:default} .fv-bzl-sporocilo{margin:0;padding:6px 12px 10px;font-size:12px;color:var(--bzl-napaka)} .fv-bzl-sporocilo[hidden]{display:none} .fv-bzl-alternativa{margin:6px 0 0;font-size:11px;color:var(--bzl-drobno)} /* I09 rezerva: pocasen telefon ("traja dlje" + Pocasnejsa pot) in e-postni kontakt;