#bsj-consent{position:fixed;right:16px;bottom:16px;z-index:2147483000;max-width:280px;box-sizing:border-box;padding:12px 14px;background:rgba(0,0,0,.7);color:#fff;border-radius:10px;font-family:'Fira Sans Extra Condensed','Arial Narrow',Arial,sans-serif;font-size:15px;line-height:1.3;box-shadow:0 2px 10px rgba(0,0,0,.25)}
#bsj-consent p{margin:0 0 9px}
#bsj-consent a{color:#fffc0f;text-decoration:underline;font-size:13px;white-space:nowrap}
#bsj-consent .bsjc-btns{display:flex;gap:8px}
#bsj-consent button{font:inherit;font-weight:500;font-size:15px;cursor:pointer;border-radius:6px;padding:5px 12px;border:2px solid #fffc0f}
#bsj-consent .bsjc-yes{background:#fffc0f;color:#000}
#bsj-consent .bsjc-no{background:transparent;color:#fffc0f}
#bsj-consent.bsjc-m{left:0;right:0;bottom:0;max-width:none;border-radius:0;padding:8px 10px;display:flex;align-items:center;gap:8px;}
#bsj-consent.bsjc-m p{margin:0;flex:1}#bsj-consent.bsjc-m a{font-size:.9em}#bsj-consent.bsjc-m button{font-size:1em;padding:.3em .6em}#bsj-consent.bsjc-m .bsjc-btns{gap:.4em;flex-shrink:0}
#bsj-consent .bsjc-ico{width:24px;height:24px;vertical-align:-6px;margin-right:6px;float:none}
#bsj-consent.bsjc-m .bsjc-ico{width:1.5em;height:1.5em;vertical-align:-.4em;margin-right:.3em}
/* blue variant */
#bsj-consent.bsjc-blue{background:rgba(194,212,244,.85);color:#050f6f;border:1px solid #5c8ffe}
#bsj-consent.bsjc-blue a{color:#205cf2}
#bsj-consent.bsjc-blue button{border-color:#050f6f}
#bsj-consent.bsjc-blue .bsjc-yes{background:#050f6f;color:#fff}
#bsj-consent.bsjc-blue .bsjc-no{background:transparent;color:#050f6f}
/* tab-blue variant: matches .tabset_tabs a (flat #5c8ffe, no gradient/border, black text) */
#bsj-consent.bsjc-tabblue{background:rgba(92,143,254,.88);color:#000;box-shadow:0 2px 8px rgba(0,0,0,.2)}
#bsj-consent.bsjc-tabblue a{color:#000}
#bsj-consent.bsjc-tabblue .bsjc-yes{background:#fffc0f;color:#000;border-color:#fffc0f}
#bsj-consent.bsjc-tabblue .bsjc-no{background:transparent;color:#000;border-color:#000}
/* info link: 1px white underline, yellow on hover (all variants) */
#bsj-consent a,#bsj-consent.bsjc-blue a,#bsj-consent.bsjc-tabblue a{text-decoration:none;border-bottom:1px solid #fff}
#bsj-consent a:hover,#bsj-consent a.bsjc-hover,#bsj-consent.bsjc-blue a:hover,#bsj-consent.bsjc-blue a.bsjc-hover,#bsj-consent.bsjc-tabblue a:hover,#bsj-consent.bsjc-tabblue a.bsjc-hover{color:#fffc0f;border-bottom-color:#fffc0f}
/* dark variant: copies .bsj-evbox (black70.png = rgba(0,0,0,.7), 1px #fffc0f, radius 0, PT Sans Narrow) + .bsj-evbox-more buttons */
#bsj-consent.bsjc-dark{background:rgba(0,0,0,.7);border:1px solid #fffc0f;border-radius:0;color:#fff;box-shadow:none;font-family:'PT Sans Narrow','Arial Narrow',Arial,sans-serif}
#bsj-consent.bsjc-dark button{font-family:'PT Sans Narrow',Calibri,Arial,sans-serif;font-weight:700;font-size:17px;line-height:22px;padding:3px 14px;border-radius:4px;border:2px solid #00fe97}
#bsj-consent.bsjc-dark .bsjc-yes{background:rgba(0,254,151,.7);color:#000}
#bsj-consent.bsjc-dark .bsjc-no{background:transparent;color:#fff}
#bsj-consent.bsjc-dark button:hover{background:#fff;border-color:#ffd80e;color:#000}
/* simple (DEFAULT) variant: matches live .footer-nl-tip (rgba(0,0,0,.7), white, radius 5px, padding 8px 12px, shadow 0 2px 8px rgba(0,0,0,.35)) */
#bsj-consent.bsjc-simple{background:rgba(0,0,0,.7);color:#fff;border:0;border-radius:5px;padding:8px 12px;box-shadow:0 2px 8px rgba(0,0,0,.35);font-family:'Fira Sans Extra Condensed','Arial Narrow',Arial,sans-serif;font-size:15px}
#bsj-consent.bsjc-simple a{color:#fff}
#bsj-consent.bsjc-simple a:hover,#bsj-consent.bsjc-simple a.bsjc-hover{color:#fffc0f;border-bottom-color:#fffc0f}
#bsj-consent.bsjc-simple button{border-radius:5px;font-weight:500;padding:4px 12px;border:1px solid #fff}
#bsj-consent.bsjc-simple .bsjc-yes{background:#fff;color:#000}
#bsj-consent.bsjc-simple .bsjc-yes:hover{background:#ddd;border-color:#ddd}
#bsj-consent.bsjc-simple .bsjc-no{background:transparent;color:#fff}
#bsj-consent.bsjc-simple .bsjc-no:hover{background:rgba(255,255,255,.15)}
#bsj-consent.bsjc-m.bsjc-simple{border-radius:0;padding:8px 10px}
/* bsjblue (DEFAULT from 5 Nov 2026): like novy-web SK bsj-blue70 – BSJ blue #4782FE at 0.7, truly see-through, white text,
   buttons #5C97FF white text, 2px #111 border, 4px radius, white background on hover */
#bsj-consent.bsjc-bsjblue{background:rgba(71,130,254,.7);color:#fff;border:0;border-radius:6px;padding:9px 12px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:'Fira Sans Extra Condensed','Arial Narrow',Arial,sans-serif;font-size:15px}
#bsj-consent.bsjc-bsjblue a{color:#fff;border-bottom:1px solid #fff}
#bsj-consent.bsjc-bsjblue a:hover,#bsj-consent.bsjc-bsjblue a.bsjc-hover{color:#F2E052;border-bottom-color:#F2E052}
#bsj-consent.bsjc-bsjblue button{background:#5C97FF;color:#fff;border:2px solid #fff;border-radius:4px;font-weight:600;padding:4px 12px}
#bsj-consent.bsjc-bsjblue button:hover,#bsj-consent.bsjc-bsjblue button:focus-visible{background:#fff;color:#111;border-color:#111}
/* orange (try 5 Nov 2026): live-site orange72.png (#FF6D02 at ~0.72) background, yellow #F2E052 buttons, black text, 2px black border, 4px radius */
#bsj-consent.bsjc-orange{background:rgba(255,109,2,.72) url(/img/2014/orange72.png) repeat;color:#fff;border:0;border-radius:6px;padding:9px 12px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:'Fira Sans Extra Condensed','Arial Narrow',Arial,sans-serif;font-size:15px}
#bsj-consent.bsjc-orange a{color:#fff;border-bottom:1px solid #fff}
#bsj-consent.bsjc-orange a:hover,#bsj-consent.bsjc-orange a.bsjc-hover{color:#F2E052;border-bottom-color:#F2E052}
#bsj-consent.bsjc-orange button{background:#F2E052;color:#000;border:2px solid #000;border-radius:4px;font-weight:600;padding:4px 12px}
#bsj-consent.bsjc-orange button:hover,#bsj-consent.bsjc-orange button:focus-visible{background:#fff;color:#000;border-color:#000}
/* +5 % size for bsjblue and orange (5 Nov 2026) */
#bsj-consent.bsjc-bsjblue,#bsj-consent.bsjc-orange{max-width:294px;font-size:15.75px;padding:9.5px 12.6px}
#bsj-consent.bsjc-bsjblue a,#bsj-consent.bsjc-orange a{font-size:13.65px}
#bsj-consent.bsjc-bsjblue button,#bsj-consent.bsjc-orange button{font-size:15.75px;padding:4.2px 12.6px}
#bsj-consent.bsjc-bsjblue.bsjc-m,#bsj-consent.bsjc-orange.bsjc-m{max-width:none}
/* white (try 5 Nov 2026): white 0.72, black text, BSJ yellow #F2E052 buttons at 0.7, full yellow on hover */
#bsj-consent.bsjc-white{background:rgba(255,255,255,.72);color:#000;border:0;border-radius:6px;padding:9.5px 12.6px;max-width:294px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:'Fira Sans Extra Condensed','Arial Narrow',Arial,sans-serif;font-size:15.75px}
#bsj-consent.bsjc-white a{color:#000;border-bottom:1px solid #000;font-size:13.65px}
#bsj-consent.bsjc-white a:hover,#bsj-consent.bsjc-white a.bsjc-hover{color:#4782FE;border-bottom-color:#4782FE}
#bsj-consent.bsjc-white button{background:rgba(242,224,82,.7);color:#000;border:2px solid #000;border-radius:4px;font-weight:600;font-size:15.75px;padding:4.2px 12.6px}
#bsj-consent.bsjc-white button:hover,#bsj-consent.bsjc-white button:focus-visible{background:#F2E052;color:#000;border-color:#000}
#bsj-consent.bsjc-white.bsjc-m{max-width:none}
/* white: "Jen nezbytne" transparent, white on hover (5 Nov 2026) */
#bsj-consent.bsjc-white .bsjc-no,#bsj-consent.bsjc-whitegreen .bsjc-no{background:transparent;color:#000;border:2px solid #000}
#bsj-consent.bsjc-white .bsjc-no:hover,#bsj-consent.bsjc-white .bsjc-no:focus-visible,#bsj-consent.bsjc-whitegreen .bsjc-no:hover,#bsj-consent.bsjc-whitegreen .bsjc-no:focus-visible{background:#fff;color:#000;border-color:#000}
/* whitegreen: like white, but "Prijmout vse" in BSJ green #00FE97 (0.7, full on hover) */
#bsj-consent.bsjc-whitegreen{background:rgba(255,255,255,.72);color:#000;border:0;border-radius:6px;padding:9.5px 12.6px;max-width:294px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:'Fira Sans Extra Condensed','Arial Narrow',Arial,sans-serif;font-size:15.75px}
#bsj-consent.bsjc-whitegreen a{color:#000;border-bottom:1px solid #000;font-size:13.65px}
#bsj-consent.bsjc-whitegreen a:hover,#bsj-consent.bsjc-whitegreen a.bsjc-hover{color:#4782FE;border-bottom-color:#4782FE}
#bsj-consent.bsjc-whitegreen button{background:rgba(0,254,151,.7);color:#000;border:2px solid #000;border-radius:4px;font-weight:600;font-size:15.75px;padding:4.2px 12.6px}
#bsj-consent.bsjc-whitegreen button:hover,#bsj-consent.bsjc-whitegreen button:focus-visible{background:#00FE97;color:#000;border-color:#000}
#bsj-consent.bsjc-whitegreen.bsjc-m{max-width:none}
/* mobile v2: text on top, big centered buttons below, taller bar */
#bsj-consent.bsjc-m{flex-direction:column;align-items:stretch;padding:18px 14px;gap:12px;text-align:center}
#bsj-consent.bsjc-m p{flex:none}
#bsj-consent.bsjc-m .bsjc-btns{display:flex;justify-content:center;gap:.7em;width:100%}
#bsj-consent.bsjc-m button{flex:1;max-width:48%;font-size:1.15em;padding:.7em .5em;font-weight:600}
#bsj-consent.bsjc-m{padding:24px 14px calc(42px + env(safe-area-inset-bottom,0px));gap:16px}

