/* LeadFlow V28 — barve branž, znaki v ozadju, meni, izbirnik branž, uvoz vozil */
body{--t1:#4b2fd0;--t2:#8a4fe6;--tink:#22175e;--tsoft:#efe9ff;--tbd:#ddd2ff;--tbg:linear-gradient(180deg,#e6ddff 0%,#f5f2ff 38%,#fbfaff 100%);--twm:none;--twmo:.16}
body[data-lf28t="a1"]{--t1:#d4002a;--t2:#ff3355;--tink:#4a0014;--tsoft:#ffe3e8;--tbd:#ffd3db;--tbg:linear-gradient(180deg,#ffd9e0 0%,#fff1f3 38%,#fffafb 100%);--twm:url(assets/business/a1-wm.png)}
body[data-lf28t="petrol"]{--t1:#e30613;--t2:#ff4b3e;--tink:#5c0a07;--tsoft:#ffe4e1;--tbd:#ffd0cb;--tbg:linear-gradient(180deg,#ffd6d2 0%,#fff0ee 38%,#fffaf9 100%);--twm:url(assets/business/petrol-wm.png)}
body[data-lf28t="solar"]{--t1:#0f9d6a;--t2:#3fd39a;--tink:#064d36;--tsoft:#e1f7ee;--tbd:#c7eedd;--tbg:linear-gradient(180deg,#d9f6ea 0%,#effbf6 38%,#fafffc 100%)}
body[data-lf28t="insurance"]{--t1:#b08a3e;--t2:#d9b766;--tink:#2b2210;--tsoft:#f6eedb;--tbd:#eadcb8;--tbg:linear-gradient(180deg,#efe3c6 0%,#faf6ec 38%,#fffdf8 100%);--twm:url(assets/business/harvest-wm.png);--twmo:.2}
body[data-lf28t="contracts"]{--t1:#334155;--t2:#64748b;--tink:#0f172a;--tsoft:#eef2f7;--tbd:#dbe2ec;--tbg:linear-gradient(180deg,#e2e8f0 0%,#f4f6f9 38%,#fbfcfd 100%)}
body[data-lf28t="cust"]{--t1:#008c7a;--t2:#1fc7a8;--tink:#064e45;--tsoft:#dff6f1;--tbd:#c3ece3;--tbg:linear-gradient(180deg,#d6f5f0 0%,#effbf8 38%,#fbfffe 100%)}
body[data-lf28t="partner"],body[data-lf28t="cars"]{--t1:#3157d6;--t2:#5b7cff;--tink:#1b2b6b;--tsoft:#e6ecff;--tbd:#d9e1ff;--tbg:linear-gradient(180deg,#dde6ff 0%,#f1f4ff 38%,#fbfcff 100%)}
body[data-lf28t="law"]{--t1:#1f2937;--t2:#475569;--tink:#111827;--tsoft:#eef0f4;--tbd:#dfe3ea;--tbg:linear-gradient(180deg,#e7eaf0 0%,#f5f6f9 38%,#fcfcfd 100%)}
html:not([data-lf27theme="dark"]) body[data-lf28t]{background:var(--tbg) fixed!important}
body[data-lf28t]::after{content:"";position:fixed;right:-70px;bottom:70px;width:min(78vw,440px);height:min(78vw,440px);background:var(--twm) center/contain no-repeat;opacity:var(--twmo);transform:rotate(-8deg);pointer-events:none;z-index:-1}
body[data-lf28t] :is(main,.app,#app,.shell,.lf10Shell,.lf206Page,.lf23Page){background:transparent!important}
/* barve elementov */
body[data-lf28t] .lf26Hero,body[data-lf28t] .lf23Hero,body[data-lf28t] .lf20Hero{background:linear-gradient(135deg,var(--t1),var(--t2))!important;box-shadow:0 12px 28px color-mix(in srgb,var(--t1) 28%,transparent)!important}
body[data-lf28t] .btn:not(.alt):not(.line):not(.lf27Nav):not([disabled]){background:linear-gradient(135deg,var(--t1),var(--t2))!important;border-color:transparent!important;color:#fff!important}
body[data-lf28t] .btn.alt{background:var(--tsoft)!important;color:var(--tink)!important;border-color:var(--tbd)!important}
body[data-lf28t] .lf10Bottom button.selected,body[data-lf28t] .lf10Bottom .selected{color:var(--t1)!important;background:var(--tsoft)!important}
body[data-lf28t] .lf27Chat,body[data-lf28t] .lf13ChatBubble{background:linear-gradient(135deg,var(--t1),var(--t2))!important}
body[data-lf28t] .lf23Card,body[data-lf28t] .card{border-color:var(--tbd)!important}
body[data-lf28t] .lf26Tabs button.on{background:var(--t1)!important;border-color:var(--t1)!important}
/* glava: črtice + značka */
.lf21MenuButton{display:none!important}
.lf28Bar{display:flex;align-items:center;gap:8px;margin:0 0 8px;width:100%}
.lf28Burger{width:40px;height:40px;border-radius:13px;border:1px solid var(--tbd);background:#fff;color:var(--t1);font-size:20px;font-weight:800;display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.lf28Pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#fff;border:1px solid var(--tbd);border-radius:99px;padding:5px 12px 5px 5px;font-weight:800;color:var(--tink);font-size:13px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.lf28Pill.static{cursor:default}
.lf28Pill b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;background:linear-gradient(135deg,var(--t1),var(--t2))}
/* okna */
.lf28Shade{position:fixed;inset:0;background:rgba(15,10,30,.45);backdrop-filter:blur(3px);z-index:300;display:flex;align-items:flex-end;justify-content:center}
.lf28Shade.left{justify-content:flex-start;align-items:stretch}
.lf28Sheet{background:#fff;width:100%;max-width:560px;border-radius:26px 26px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom));max-height:86vh;overflow:auto;animation:lf28up .2s ease}
@keyframes lf28up{from{transform:translateY(40px);opacity:.4}}
.lf28Grab{width:44px;height:5px;border-radius:99px;background:#ddd;margin:0 auto 12px}
.lf28Sheet h2{margin:0 0 10px;font-size:19px}
.lf28Sheet input{width:100%;box-sizing:border-box;font-size:16px;padding:12px 14px;border:1px solid #e3e1ee;border-radius:14px;margin-bottom:10px;color:#161a33;background:#fff}
.lf28WsList{display:grid;gap:8px}
.lf28Ws{display:flex;align-items:center;gap:12px;padding:11px;border-radius:16px;border:1px solid #ecebf3;background:#fff;text-align:left;cursor:pointer;color:#161a33}
.lf28Ws b{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:14px;flex:none}
.lf28Ws strong{display:block}.lf28Ws small{color:#6a6f92}
.lf28Ws.on{border:2px solid currentColor}
.lf28Ws.t-general b{background:#4b2fd0}.lf28Ws.t-a1 b{background:#d4002a}.lf28Ws.t-petrol b{background:#e30613}.lf28Ws.t-solar b{background:#0f9d6a}.lf28Ws.t-insurance b{background:#b08a3e}.lf28Ws.t-contracts b{background:#334155}.lf28Ws.t-cars b{background:#3157d6}
.lf28Ws.t-a1.on{color:#d4002a;background:#fff3f5}.lf28Ws.t-petrol.on{color:#e30613;background:#fff4f2}.lf28Ws.t-insurance.on{color:#b08a3e;background:#fbf6ea}.lf28Ws.t-general.on{color:#4b2fd0;background:#f5f2ff}.lf28Ws.t-solar.on{color:#0f9d6a;background:#effbf6}.lf28Ws.t-contracts.on{color:#334155;background:#f4f6f9}
.lf28Drawer{background:#fff;width:min(84vw,360px);height:100%;padding:16px 14px calc(20px + env(safe-area-inset-bottom));overflow:auto;animation:lf28in .2s ease}
@keyframes lf28in{from{transform:translateX(-30px);opacity:.5}}
.lf28DrawerHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.lf28DrawerHead b{font-size:18px}.lf28DrawerHead button{border:0;background:#f3f2f8;border-radius:10px;width:34px;height:34px;font-size:20px;cursor:pointer}
.lf28DGroup{margin:10px 0}.lf28DGroup small{display:block;font-weight:800;letter-spacing:.07em;color:#8b8fa8;margin:6px 4px;text-transform:uppercase;font-size:11px}
.lf28DGroup button,.lf28DSwitch{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;padding:9px 6px;border-radius:12px;font-weight:700;font-size:15px;color:#161a33;cursor:pointer;text-align:left}
.lf28DGroup button:hover,.lf28DSwitch:hover{background:#f6f5fb}
.lf28DGroup i,.lf28DSwitch i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-style:normal;background:#f1effa;flex:none}
.lf28Drawer.t-a1 .lf28DGroup i{background:#ffe3e8;color:#d4002a}.lf28Drawer.t-petrol .lf28DGroup i{background:#ffe4e1;color:#e30613}.lf28Drawer.t-insurance .lf28DGroup i{background:#f6eedb;color:#8a6a28}.lf28Drawer.t-solar .lf28DGroup i{background:#e1f7ee;color:#0f9d6a}.lf28Drawer.t-cust .lf28DGroup i{background:#dff6f1;color:#008c7a}.lf28Drawer.t-partner .lf28DGroup i{background:#e6ecff;color:#3157d6}
.lf28DSwitch{color:#4b2fd0;border-top:1px solid #eee;border-radius:0;margin-top:6px;padding-top:12px}
/* Domov: rezultati */
.lf28Results{background:rgba(255,255,255,.92);border:1px solid var(--tbd);border-radius:20px;padding:14px;margin:12px 0;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.lf28Results h3{margin:4px 2px 8px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--tink)}
.lf28Tri{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.lf28Tri>div{background:#fff;border:1px solid var(--tbd);border-radius:16px;padding:12px 6px;text-align:center;display:grid;gap:2px}
.lf28Tri b{font-size:22px;color:var(--tink)}.lf28Tri small{color:#6a6f92;font-size:12px}
.lf28Row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 4px;border-top:1px solid var(--tbd)}
.lf28Row small{color:#6a6f92}
.lf28Week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}
.lf28Week div{border-radius:12px;padding:6px 0;text-align:center;background:var(--tsoft);position:relative;display:grid}
.lf28Week div.on{background:linear-gradient(135deg,var(--t1),var(--t2));color:#fff}
.lf28Week small{font-size:10px;opacity:.8}.lf28Week i{position:absolute;bottom:3px;left:50%;width:5px;height:5px;margin-left:-2px;border-radius:50%;background:#16a34a}
.lf28Calc .lfinsCalculator,.lf28Calc>section{box-shadow:none!important;border:0!important;padding:0!important}
/* uvoz vozil */
.lf28CarHero{position:relative;border-radius:24px;overflow:hidden;min-height:190px;display:flex;align-items:flex-end;margin-bottom:12px;color:#fff;box-shadow:0 14px 34px rgba(20,30,80,.25)}
.lf28CarHero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lf28CarHero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,40,.85),rgba(10,16,40,.05) 75%)}
.lf28CarHero>div{position:relative;z-index:1;padding:18px}.lf28CarHero h1{margin:4px 0;color:#fff!important;font-size:26px}.lf28CarHero p{margin:0;opacity:.92}.lf28CarHero small{font-weight:800;letter-spacing:.08em;opacity:.85}
.lf28CarPreview{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#f3f6ff,#fff);border:1px solid #e1e7fb;border-radius:18px;padding:10px 14px;margin-bottom:10px}
.lf28CarPreview .lf28Car{width:150px;height:auto;flex:none}.lf28CarPreview b{display:block;font-size:16px}.lf28CarPreview small{color:#6a6f92}
.lf28Grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lf28Grid2 .wide{grid-column:1/-1}
.lf28Grid3{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:end}
.lf28Grid2 label,.lf28Grid3 label{display:grid;gap:4px;font-weight:700;font-size:13px;color:#3b3f66}
.lf28Grid2 input,.lf28Grid2 select,.lf28Grid2 textarea,.lf28Grid3 input{font-size:16px;width:100%;box-sizing:border-box}
@media(max-width:560px){.lf28Grid2,.lf28Grid3{grid-template-columns:1fr}}
.lf28Label{font-weight:800;font-size:13px;margin:12px 2px 6px;color:#3b3f66}
.lf28Bodies{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.lf28Bodies button{border:1px solid #e3e6f3;background:#fff;border-radius:14px;padding:6px;cursor:pointer;display:grid;justify-items:center;gap:2px;color:#3b3f66}
.lf28Bodies button.on{border:2px solid #3157d6;background:#f3f6ff}.lf28Bodies .lf28Car{width:84px}
.lf28Colors{display:flex;flex-wrap:wrap;gap:8px}
.lf28Colors button{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d6d9e6;cursor:pointer}
.lf28Colors button.on{box-shadow:0 0 0 3px #3157d6}
.lf28Sum{background:linear-gradient(135deg,#1b2b6b,#3157d6);color:#fff;border-radius:22px;padding:16px;margin-bottom:12px;box-shadow:0 14px 30px rgba(49,87,214,.3)}
.lf28Sum h2{margin:0 0 6px;color:#fff!important}.lf28Sum .lf28Row{border-color:rgba(255,255,255,.18)}.lf28Sum small,.lf28Sum .small{color:rgba(255,255,255,.75)!important}
.lf28Sum .lf28Row.total{font-size:20px;border-top:2px solid rgba(255,255,255,.5);margin-top:4px}
.lf28Sum .lf28Row.total b{font-size:26px}
/* temna tema */
html[data-lf27theme="dark"] .lf28Burger,html[data-lf27theme="dark"] .lf28Pill,html[data-lf27theme="dark"] .lf28Sheet,html[data-lf27theme="dark"] .lf28Drawer,html[data-lf27theme="dark"] .lf28Ws,html[data-lf27theme="dark"] .lf28Results,html[data-lf27theme="dark"] .lf28Tri>div{background:#181a2e!important;color:#e6e7f4!important;border-color:#2b2e4b!important}
html[data-lf27theme="dark"] .lf28DGroup button,html[data-lf27theme="dark"] .lf28Ws strong,html[data-lf27theme="dark"] .lf28Tri b{color:#e6e7f4!important}
body[data-lf28t] .lf206Hero{background:linear-gradient(135deg,var(--t1),var(--t2))!important}
body[data-lf28t] .lf10Bottom span{font-size:19px}
body[data-lf28t] .lf19Hero,body[data-lf28t] .lf207CustomerJoin{background:linear-gradient(135deg,var(--t1),var(--t2))!important}
.lf28CarTile{position:relative;display:block;width:100%;border:0;padding:0;border-radius:20px;overflow:hidden;min-height:150px;margin:12px 0;cursor:pointer;text-align:left;box-shadow:0 12px 28px rgba(20,30,80,.2)}
.lf28CarTile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lf28CarTile::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,40,.85),rgba(10,16,40,.1))}
.lf28CarTile span{position:relative;z-index:1;display:grid;gap:3px;padding:18px;color:#fff;max-width:75%}
.lf28CarTile small{font-weight:800;letter-spacing:.08em;opacity:.85}.lf28CarTile b{font-size:19px}.lf28CarTile em{font-style:normal;opacity:.9;font-size:13px}
