/* nutribrat-privola/assets/css/public.css: kartica privole i okvir na klik (Quicksand ispisuje NB_Public::font_css u zaglavlju) */
#nb-privola,.nb-okvir-klik,.nb-postavke-kolacica{--nb-g:#104f29;--nb-gh:#0c3d20;--nb-gs:#b2dbc7;--nb-gt:#e7f5ec;--nb-t:#333;--nb-f:'Quicksand',sans-serif}
#nb-privola{position:fixed;left:20px;bottom:20px;z-index:100000;box-sizing:border-box;width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;padding:20px;background:#fff;border:1px solid var(--nb-g);border-radius:12px;box-shadow:0 10px 25px rgba(16,79,41,.15);font:400 15px/1.5 var(--nb-f);color:var(--nb-t)}
#nb-privola[hidden],#nb-privola [hidden]{display:none}
#nb-privola p{margin:0 0 12px}
#nb-privola a{color:var(--nb-g);font-weight:700;text-decoration:underline}
.nb-privola__gumbi{display:flex;flex-wrap:wrap;gap:8px}
#nb-privola .nb-btn,.nb-okvir-klik .nb-btn{flex:1 1 auto;font:700 15px/1.2 var(--nb-f);padding:12px 16px;border-radius:8px;border:2px solid var(--nb-g);cursor:pointer;transition:background-color .2s,color .2s}
#nb-privola .nb-btn--primary,.nb-okvir-klik .nb-btn--primary{background:var(--nb-g);color:#fff}
#nb-privola .nb-btn--primary:hover{background:var(--nb-gh)}
#nb-privola .nb-btn--ghost{background:#fff;color:var(--nb-g);border-color:var(--nb-g)}
#nb-privola .nb-btn--ghost:hover{background:var(--nb-gt);border-color:var(--nb-g)}
.nb-privola__prekidac{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--nb-g)}
.nb-privola__prekidac input{width:20px;height:20px;margin:0;accent-color:var(--nb-g)}
.nb-privola__opis{font-size:14px}
#nb-privola :focus-visible,.nb-postavke-kolacica:focus-visible,.nb-okvir-klik :focus-visible{outline:3px solid #104f29;outline-offset:2px}
.nb-postavke-kolacica{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.nb-okvir-klik{position:relative;display:block;max-width:100%;vertical-align:top}
.nb-okvir-klik iframe{display:block;max-width:100%}
.nb-okvir-klik--pun{position:absolute;inset:0;display:block}
.nb-okvir-klik__sloj{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow:auto;gap:12px;padding:16px;background:#f3f8f6;text-align:center;font:400 15px/1.5 var(--nb-f);color:var(--nb-t)}
.nb-okvir-klik__sloj a{color:var(--nb-g);font-weight:700;text-decoration:underline}
.nb-okvir-klik .nb-btn{flex:0 0 auto}
#nb-privola fieldset{border:0;margin:0;padding:0;min-width:0}
.nb-privola__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nb-privola__greska{font:400 15px/1.5 var(--nb-f,'Quicksand',sans-serif);margin:8px 0 0;padding-left:10px;border-left:3px solid currentColor}
[data-nb-ponuda-greska]:empty{margin:0;padding:0;border:0}
@media (max-width:767px){#nb-privola{left:12px;right:12px;width:auto;bottom:88px;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)}}
@media (max-height:500px){#nb-privola{bottom:12px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}}
@media (prefers-reduced-motion:reduce){#nb-privola .nb-btn{transition:none}}
.nb-privola__natrag{margin-top:12px;background:none;border:0;padding:12px 8px;min-height:44px;font:700 15px/1.2 var(--nb-f);color:var(--nb-g);text-decoration:underline;cursor:pointer}
#nb-btn-loc:focus-visible{outline:3px solid #104f29;outline-offset:2px}
