/* Empire Terra — ultra-modern selects + range sliders (et-ui v1, 2026-11-02). Pairs with /assets/js/et-ui.js */
:root{--cs-gold:#d4af37;--cs-gold2:#f2c75c;--cs-e:cubic-bezier(.22,.61,.12,1)}
/* native fallback polish (no-JS) */
.lx-search select:focus-visible,.fld select:focus-visible,.lbar9 select:focus-visible{outline:0;box-shadow:0 0 0 3px #d4af3759}
.lx-search select option:checked,.fld select option:checked{background:#2a2312;color:#f2c75c}
/* wrapper + trigger */
.cs{position:relative;min-width:0;width:100%}
.cs-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important;margin:0!important;border:0!important;padding:0!important;min-height:0!important;z-index:-1}
.cs-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;min-width:0;cursor:pointer;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;transition:border-color .25s,box-shadow .25s,background .25s,color .2s}
.cs-v{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-chev{flex:0 0 auto;width:14px;height:14px;color:var(--cs-gold);transition:transform .35s var(--cs-e)}
.cs.on .cs-chev{transform:rotate(180deg)}
.cs-btn .cs-ic,.cs-opt .cs-ic{flex:0 0 auto;width:16px;height:16px;color:var(--cs-gold);opacity:.9}
.cs-btn:focus-visible{outline:0}
/* hero search context */
.lx-search .cs-hero .cs-btn,.search .cs-hero .cs-btn{padding:2px 0;font-size:1rem;font-weight:500;color:#fff;letter-spacing:-.005em}
.lx-search .cs-hero.cs-empty .cs-v{color:#ffffffd9}
.lx-search .cs-hero .cs-btn .cs-ic{width:15px;height:15px;margin-right:-2px}
.lx-search .f:has(.cs){cursor:pointer}
.lx-search .f.cs-on{background:#ffffff14!important;box-shadow:inset 0 0 0 1px #d4af3740}
.lx-search .f:has(.cs-btn:focus-visible){background:#ffffff10;box-shadow:inset 0 0 0 1px #d4af3780}
.lx-search .f.cs-on label{color:var(--cs-gold2)}
@media(max-width:560px){.lx-search .cs-hero .cs-btn{font-size:.95rem;gap:8px}.lx-search .cs-hero .cs-btn .cs-ic{display:none}}
/* field (filters) context */
.cs-fld .cs-btn{min-height:48px;padding:.75rem 1rem;border-radius:12px;background:var(--bg2,#0b0f15);border:1px solid var(--line2,rgba(255,255,255,.14));color:var(--tx,#f6f3ea);font-size:.92rem}
.cs-fld .cs-btn:hover{border-color:#d4af3766}
.cs-fld .cs-btn:focus-visible,.cs-fld.on .cs-btn{border-color:var(--cs-gold);box-shadow:0 0 0 4px #d4af371f;background:#ffffff0a}
.cs-fld.cs-empty .cs-v{color:var(--mut,#8c93a0)}
[data-theme=light] .cs-fld .cs-btn{background:#fff}
/* toolbar (sort) context */
.cs-bar{width:auto}
.cs-bar .cs-btn{min-height:40px;padding:.5rem .95rem .5rem 1.05rem;border-radius:999px;background:var(--card,#0f141b);border:1px solid var(--line2,rgba(255,255,255,.14));color:var(--tx,#f6f3ea);font-size:.84rem;font-weight:600;gap:8px}
.cs-bar .cs-btn:hover{border-color:#d4af3773}
.cs-bar .cs-btn:focus-visible,.cs-bar.on .cs-btn{border-color:var(--cs-gold);box-shadow:0 0 0 4px #d4af371f}
@media(max-width:768px){.cs-bar .cs-btn{min-height:36px;padding:.4rem .8rem;font-size:.8rem}}
/* popover panel */
.cs-pop{position:fixed;z-index:10050;box-sizing:border-box;padding:6px;border-radius:16px;background:var(--card,#0f141b);color:var(--tx,#12151b);border:1px solid var(--line2,rgba(10,12,16,.16));box-shadow:0 24px 60px -18px #00000059,0 2px 6px #0000001a;opacity:0;transform:translateY(-6px) scale(.985);transform-origin:50% 0;transition:opacity .18s ease,transform .26s var(--cs-e);pointer-events:none;font-family:var(--ff,system-ui,sans-serif)}
.cs-pop.up{transform-origin:50% 100%;transform:translateY(6px) scale(.985)}
.cs-pop.show{opacity:1;transform:none;pointer-events:auto}
.cs-pop.cs-dark{background:linear-gradient(180deg,#ffffff0a,#ffffff00 40%),rgba(11,14,20,.9);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);color:#f6f3ea;border-color:#ffffff1f;box-shadow:0 30px 80px -24px #000000f2,0 0 0 1px #00000066,inset 0 1px #ffffff14}
.cs-pop:before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#d4af37b3,transparent);pointer-events:none}
.cs-pop.up:before{top:auto;bottom:-1px}
.cs-head{display:none}
.cs-list{list-style:none;margin:0;padding:0;max-height:340px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4af3766 transparent;outline:0}
.cs-list::-webkit-scrollbar{width:6px}.cs-list::-webkit-scrollbar-thumb{background:#d4af3766;border-radius:6px}
.cs-opt{position:relative;display:flex;align-items:center;gap:12px;padding:11px 14px 11px 16px;border-radius:11px;font-size:.92rem;font-weight:500;line-height:1.25;cursor:pointer;user-select:none;color:inherit;opacity:.86;transition:background .16s,color .16s,opacity .16s}
.cs-opt+.cs-opt{margin-top:2px}
.cs-opt .cs-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-opt .cs-ic{opacity:.55;transition:opacity .16s,transform .25s var(--cs-e)}
.cs-ck{flex:0 0 auto;width:16px;height:16px;color:var(--cs-gold);opacity:0;transform:scale(.6);transition:opacity .18s,transform .25s var(--cs-e)}
.cs-opt:before{content:"";position:absolute;left:5px;top:50%;width:3px;height:0;border-radius:3px;background:linear-gradient(var(--cs-gold2),var(--cs-gold));transform:translateY(-50%);transition:height .25s var(--cs-e)}
.cs-opt.act{background:#d4af371a;opacity:1}
.cs-opt.act .cs-ic{opacity:1;transform:translateX(1px)}
.cs-opt.sel{opacity:1;color:var(--cs-gold2);font-weight:600;background:linear-gradient(90deg,#d4af3729,#d4af370d)}
[data-theme=light] .cs-pop:not(.cs-dark) .cs-opt.sel{color:#97762b}
.cs-opt.sel:before{height:18px}
.cs-opt.sel .cs-ck{opacity:1;transform:none}
.cs-opt.sel .cs-ic{opacity:1}
.cs-opt.dis{opacity:.35;cursor:not-allowed}
.cs-grp{padding:10px 14px 4px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-gold);opacity:.8}
/* mobile bottom sheet */
.cs-scrim{position:fixed;inset:0;z-index:10049;background:#05070ab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.cs-scrim.show{opacity:1}
body.cs-lock{overflow:hidden}
.cs-pop.sheet{left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;border-radius:22px 22px 0 0;padding:6px 10px calc(14px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .34s var(--cs-e),opacity .2s;border-bottom:0}
.cs-pop.sheet.show{transform:none}
.cs-pop.sheet:before{left:30%;right:30%}
.cs-pop.sheet .cs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 8px 12px;position:relative}
.cs-head b{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cs-gold2)}
.cs-grab{position:absolute;left:50%;top:6px;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:#ffffff33}
.cs-x{all:unset;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff0f;cursor:pointer;color:inherit}
.cs-x svg{width:16px;height:16px}
.cs-pop.sheet .cs-list{max-height:min(62vh,440px)!important}
.cs-pop.sheet .cs-opt{padding:15px 16px 15px 18px;font-size:1rem;min-height:52px;box-sizing:border-box}

/* ---------- range sliders ---------- */
.rng.rng-x{padding:30px 2px 2px}
.rng-x .rng-t{height:28px}
.rng-x .rng-t:before{height:6px;margin-top:-3px;border-radius:6px;background:#ffffff14;box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff0a}
[data-theme=light] .rng-x .rng-t:before{background:#0000001a;box-shadow:inset 0 1px 2px #0000001f}
.rng-x .rng-f{height:6px;margin-top:-3px;border-radius:6px;background:linear-gradient(90deg,#f6dc8a,#d4af37 55%,#b8902f);box-shadow:0 0 14px #d4af3766,0 0 2px #d4af37b3}
.rng-x input[type=range]{height:28px;outline:0}
.rng-x input[type=range]::-webkit-slider-thumb{width:22px;height:22px;border-radius:50%;border:0;background:radial-gradient(circle at 50% 50%,#0b0f15 0 4px,transparent 4.5px),radial-gradient(circle at 35% 30%,#fff3c4,#e9c766 45%,#c79b2e 100%);box-shadow:0 0 0 1px #d4af37cc,0 4px 12px #00000080,0 0 0 0 #d4af3740;cursor:grab;transition:transform .2s var(--cs-e),box-shadow .25s}
.rng-x input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:0;background:radial-gradient(circle at 50% 50%,#0b0f15 0 4px,transparent 4.5px),radial-gradient(circle at 35% 30%,#fff3c4,#e9c766 45%,#c79b2e 100%);box-shadow:0 0 0 1px #d4af37cc,0 4px 12px #00000080;cursor:grab;transition:transform .2s,box-shadow .25s}
.rng-x input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 0 1px #d4af37,0 4px 14px #00000080,0 0 0 6px #d4af3726}
.rng-x input[type=range]:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 0 0 1px #d4af37,0 4px 14px #00000080,0 0 0 6px #d4af3726}
.rng-x input[type=range].hot::-webkit-slider-thumb,.rng-x input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.14);box-shadow:0 0 0 1px #d4af37,0 4px 14px #00000080,0 0 0 8px #d4af3733}
.rng-x input[type=range].hot::-moz-range-thumb,.rng-x input[type=range]:focus-visible::-moz-range-thumb{transform:scale(1.14);box-shadow:0 0 0 1px #d4af37,0 4px 14px #00000080,0 0 0 8px #d4af3733}
.rng-x.drag input[type=range]::-webkit-slider-thumb{cursor:grabbing}
.rng-bub{position:absolute;bottom:calc(100% + 4px);left:calc(11px + (100% - 22px) * var(--ta,0));transform:translateX(-50%) translateY(4px) scale(.92);padding:4px 9px;border-radius:8px;background:#0b0f15f2;border:1px solid #d4af3773;color:#f2c75c;font:600 .72rem/1.2 var(--ff,system-ui);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:.0;box-shadow:0 8px 20px -8px #000000cc;transition:opacity .2s,transform .25s var(--cs-e);z-index:3}
.rng-bub:after{content:"";position:absolute;left:50%;top:100%;width:7px;height:7px;background:inherit;border-right:1px solid #d4af3773;border-bottom:1px solid #d4af3773;transform:translate(-50%,-50%) rotate(45deg)}
.rng-bub-b{left:calc(11px + (100% - 22px) * var(--tb,1))}
.rng-x .rng-bub{opacity:.92;transform:translateX(-50%)}
.rng-x:hover .rng-bub,.rng-x:focus-within .rng-bub,.rng-x.drag .rng-bub{opacity:1}
.rng-x.drag .rng-bub{transform:translateX(-50%) translateY(-2px) scale(1.04)}
.rng-x.rng-near .rng-bub-a{transform:translateX(-92%)}.rng-x.rng-near .rng-bub-b{transform:translateX(-8%)}
.rng-x.rng-near .rng-bub-a:after{left:88%}.rng-x.rng-near .rng-bub-b:after{left:12%}
[data-theme=light] .rng-bub{background:#fff;color:#97762b;box-shadow:0 8px 20px -10px #0000004d}
.rng-x .rng-l{font-size:.72rem;letter-spacing:.02em;opacity:.8}
/* generic single range inputs (calculators etc.) inherit the gold look */
input[type=range]:not(.rng input){accent-color:#d4af37}
@media(prefers-reduced-motion:reduce){.cs-pop,.cs-pop.sheet,.cs-opt,.cs-chev,.rng-bub,.cs-scrim{transition:none!important}}
/* production gating: demo-only content hidden unless config sets html.demo-on */
html:not(.demo-on) .demo-bar,html:not(.demo-on) .lx-demo,html:not(.demo-on) section.lx-sec:has(.lx-demo),html:not(.demo-on) section[data-sec="Testimoniale"],html:not(.demo-on) section[data-sec="Testimonials"],html:not(.demo-on) li:has(>a[href$="anunturi-demo.html"]),html:not(.demo-on) a[href$="anunturi-demo.html"]{display:none!important}