/* ═══════════════════════════════════════════════════════════════
   JADE DYNASTY v1.0 — jad, aur și ceață (construită pe imagini raster, mișcare organică)
   images/themes/jade/: logo(.png/-anim.webp), c-*.png (colțuri filigran), title.png, jade.png (marmură cu vene, seamless),
   nav.png, b-{jade,gold,out,red}-{l,m,r}.png, plate.png, divider.png, bg.jpg, footer.jpg
   video/themes/jade.mp4 (+poster) · animații doar transform/opacity · footer întunecat pentru lizibilitate
═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Marcellus&family=Nunito+Sans:wght@500;700&display=swap');

html[data-theme="jade"] { --a1:#19c37d; --a2:#5ee6b0; --a3:#e8c670; --a1-rgb:25,195,125; --a3-rgb:232,198,112; --mx:50%; --my:50%; }

body.theme-jade {
  --s-bg:#030b0a; --s-bg2:#071512; --s-panel:rgba(5,18,15,.93); --s-panel2:rgba(8,28,23,.92);
  --s-red:var(--a1); --s-red2:var(--a2); --s-orange:var(--a3);
  --s-gold:var(--a3); --s-gold2:#fff2c8; --s-text:#e2efe8; --s-muted:#8fb0a2;
  --s-border:rgba(94,230,176,.2); --s-border2:rgba(232,198,112,.6); --r:12px;
  --glow-r:0 0 24px rgba(25,195,125,.55),0 0 60px rgba(25,195,125,.22); --glow-o:0 0 22px rgba(232,198,112,.45);
  font-family:'Nunito Sans','Segoe UI',system-ui,sans-serif; font-weight:500; font-size:15.5px; background:var(--s-bg);
  scrollbar-color:#19c37d #04100d;
}
body.theme-jade h1,body.theme-jade h2,body.theme-jade h3,body.theme-jade .sh-panel-title,body.theme-jade .sh-page-title,body.theme-jade .sh-footer-col h4,body.theme-jade .sh-server-count,body.theme-jade .sh-clock{font-family:'Cinzel','Marcellus',Georgia,serif;letter-spacing:.08em}
body.theme-jade .sh-nav-btn-text,body.theme-jade .sh-btn,body.theme-jade .sh-server-label{font-family:'Marcellus','Cinzel',serif;letter-spacing:.14em}
body.theme-jade ::selection{background:#19c37d;color:#02150e}
body.theme-jade ::-webkit-scrollbar{width:11px}body.theme-jade ::-webkit-scrollbar-track{background:#04100d}
body.theme-jade ::-webkit-scrollbar-thumb{background:linear-gradient(#5ee6b0,#0b7a52);border:2px solid #04100d;border-radius:8px}
body.theme-jade :focus-visible{outline:2px solid var(--a3);outline-offset:3px;border-radius:6px}

/* ── Fundal: artă reală în jad + aură care urmărește cursorul (JS setează --mx/--my) ── */
html[data-theme="jade"]{background:#030b0a}
html[data-theme="jade"]::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url('../../images/themes/jade/bg.jpg') center top/cover no-repeat,#030b0a}
html[data-theme="jade"]::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(520px circle at var(--mx) var(--my),rgba(25,195,125,.10),transparent 70%),radial-gradient(ellipse at 50% 120%,rgba(25,195,125,.16),transparent 60%),linear-gradient(180deg,rgba(3,11,10,.15),rgba(3,11,10,.9) 70%)}

/* ── Header: video real + poster, logo animat ── */
body.theme-jade .sh-scene{display:none}
body.theme-jade .sh-header{background:#030b0a url('../../video/themes/jade-poster.jpg') center top/cover no-repeat}
body.theme-jade .sh-header-video{object-fit:cover;object-position:center 4%}
body.theme-jade .sh-header-video.is-playing{opacity:1}
body.theme-jade .sh-header-overlay{background:linear-gradient(180deg,rgba(3,11,10,.55) 0,rgba(3,11,10,0) 24%,rgba(3,11,10,.05) 55%,rgba(3,11,10,.9) 90%,#030b0a 100%)}
body.theme-jade .sh-header-top-line{height:4px;background:linear-gradient(90deg,transparent,#0b7a52,#5ee6b0,#e8c670,#5ee6b0,#0b7a52,transparent);box-shadow:0 0 18px #19c37d,0 0 40px rgba(25,195,125,.45)}
body.theme-jade .sh-logo-img{height:215px;width:auto;max-width:92vw;animation:none;filter:none}
body.theme-jade .sh-logo-global{display:none}
body.theme-jade .sh-footer-logo img{height:112px;width:auto;max-width:100%}
@media (min-width:1100px){body.theme-jade .sh-logo{transform:translateX(-26vw)}}

/* ── Navigație: lac verde + linie aurie, indicator care „curge" sub buton ── */
body.theme-jade .sh-nav-frame{background:url('../../images/themes/jade/nav.png') 0 0/256px 100% repeat-x,#07150f;border:0;box-shadow:0 10px 30px rgba(25,195,125,.2)}
body.theme-jade .sh-nav-btn{background:transparent;border:0;position:relative;transition:background .35s}
body.theme-jade .sh-nav-btn::after{content:"";position:absolute;left:14%;right:14%;bottom:7px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#e8c670,transparent);transform:scaleX(0);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
body.theme-jade .sh-nav-list>li:hover>.sh-nav-btn::after,body.theme-jade .sh-nav-list>li.active>.sh-nav-btn::after{transform:scaleX(1)}
body.theme-jade .sh-nav-btn-text{font-size:13.5px;font-weight:400;text-transform:uppercase;color:#cfe6da;text-shadow:0 2px 2px #000;transition:color .25s,text-shadow .25s}
body.theme-jade .sh-nav-list>li:hover>.sh-nav-btn,body.theme-jade .sh-nav-list>li.active>.sh-nav-btn,body.theme-jade .sh-nav-list>li.open>.sh-nav-btn{background:linear-gradient(0deg,rgba(25,195,125,.38),rgba(25,195,125,.03) 78%)}
body.theme-jade .sh-nav-list>li.active>.sh-nav-btn,body.theme-jade .sh-nav-btn.active{box-shadow:none;background:linear-gradient(0deg,rgba(25,195,125,.38),rgba(25,195,125,.03) 78%)!important}
body.theme-jade .sh-nav-list>li:hover .sh-nav-btn-text,body.theme-jade .sh-nav-list>li.active .sh-nav-btn-text{color:#fff3cf;text-shadow:0 0 14px #19c37d,0 2px 2px #000}
body.theme-jade .sh-dropdown{background:rgba(5,20,16,.98);border:1px solid rgba(232,198,112,.55);border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(0,0,0,.75),0 0 0 3px #04100d,0 0 0 4px rgba(94,230,176,.3);transform-origin:top;animation:jdDrop .28s cubic-bezier(.2,.8,.2,1)}
@keyframes jdDrop{from{opacity:0;transform:translateY(-6px) scaleY(.94)}to{opacity:1;transform:none}}
body.theme-jade .sh-dropdown a{transition:padding-left .2s,background .2s,color .2s}
body.theme-jade .sh-dropdown a:hover{padding-left:20px;background:linear-gradient(90deg,rgba(25,195,125,.34),transparent);color:#fff3d2}

/* ── Blocuri server/download: placă de jad cu ramă aurie ── */
body.theme-jade .sh-server-block,body.theme-jade .sh-download-block{border:0;border-radius:0;background:url('../../images/themes/jade/plate.png') center/100% 100% no-repeat;box-shadow:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s}
body.theme-jade .sh-server-block::before,body.theme-jade .sh-server-block::after,body.theme-jade .sh-download-block::before,body.theme-jade .sh-download-block::after{display:none}
body.theme-jade .sh-download-block:hover{transform:translateY(-5px) scale(1.025);filter:drop-shadow(0 12px 22px rgba(25,195,125,.45))}
body.theme-jade .sh-server-count,body.theme-jade .sh-clock{background:linear-gradient(180deg,#fffbe6,#e8c670 52%,#b8862c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(25,195,125,.5))}
body.theme-jade .sh-online-dot{background:#5ee6b0;box-shadow:0 0 10px #19c37d}
body.theme-jade .sh-online-dot{animation:jdBeat 2.4s ease-in-out infinite}
@keyframes jdBeat{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}}

/* ── Panouri: filigran auriu în colțuri + marmură de jad + lumină la hover care urmărește mouse-ul ── */
body.theme-jade .sh-panel{
  position:relative;border-radius:var(--r);border:1px solid rgba(94,230,176,.18);
  background:
    url('../../images/themes/jade/c-tl.png') left top/54px 54px no-repeat,
    url('../../images/themes/jade/c-tr.png') right top/54px 54px no-repeat,
    url('../../images/themes/jade/c-bl.png') left bottom/54px 54px no-repeat,
    url('../../images/themes/jade/c-br.png') right bottom/54px 54px no-repeat,
    url('../../images/themes/jade/jade.png') 0 0/256px 256px repeat,
    linear-gradient(180deg,rgba(25,195,125,.09),transparent 90px),
    var(--s-panel);
  box-shadow:0 14px 34px rgba(0,0,0,.65),inset 0 0 0 1px rgba(0,0,0,.55);transition:border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.2,.8,.2,1)}
body.theme-jade .sh-panel:hover{border-color:rgba(232,198,112,.42);box-shadow:0 18px 40px rgba(0,0,0,.7),0 0 34px rgba(25,195,125,.16),inset 0 0 0 1px rgba(0,0,0,.55)}
body.theme-jade .sh-panel::before{height:2px;background:linear-gradient(90deg,transparent,#19c37d,#e8c670,#19c37d,transparent)}
body.theme-jade .sh-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--px,50%) var(--py,50%),rgba(94,230,176,.12),transparent 70%)}
body.theme-jade .sh-panel:hover::after{opacity:1}
body.theme-jade .sh-panel-title{position:relative;overflow:hidden;font-size:13.5px;font-weight:700;text-transform:uppercase;color:#fff3cf;border-bottom:0;padding-left:46px;text-shadow:0 2px 0 #000,0 0 10px rgba(25,195,125,.6);
  background:url('../../images/themes/jade/title.png') left center/100% 100% no-repeat}
body.theme-jade .sh-panel-title i{color:#e8c670;text-shadow:0 0 10px #19c37d}
body.theme-jade .sh-panel-title::after{content:"";position:absolute;top:0;bottom:0;left:-90px;width:80px;background:linear-gradient(90deg,transparent,rgba(210,255,235,.32),transparent);transform:skewX(-20deg);animation:jdSheen 9s ease-in-out infinite;pointer-events:none}
@keyframes jdSheen{0%,68%{transform:translateX(0) skewX(-20deg)}100%{transform:translateX(760px) skewX(-20deg)}}
body.theme-jade .sh-page-title{text-transform:uppercase;background:linear-gradient(180deg,#fffbe6,#e8c670 52%,#b8862c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #000)}
body.theme-jade .sh-page-title i{-webkit-text-fill-color:#5ee6b0}

/* ── Butoane: pastile de jad/aur (imagini 3-slice), undă la click ── */
body.theme-jade .sh-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0!important;border-radius:0;min-height:42px;padding:9px 30px;font-size:13.5px;font-weight:400;text-transform:uppercase;color:#f4fff9;text-shadow:0 2px 2px rgba(0,0,0,.75);
  background-color:transparent!important;background-repeat:no-repeat!important;transition:filter .25s,transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:none}
body.theme-jade .sh-btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.18) saturate(1.1) drop-shadow(0 6px 12px rgba(25,195,125,.4))}
body.theme-jade .sh-btn:active{transform:scale(.98)}
body.theme-jade .sh-btn-primary{background-image:url('../../images/themes/jade/b-jade-l.png'),url('../../images/themes/jade/b-jade-r.png'),url('../../images/themes/jade/b-jade-m.png')!important;background-position:left center,right center,center!important;background-size:auto 100%,auto 100%,calc(100% - 44px) 100%!important}
body.theme-jade .sh-btn-gold{color:#2e1d00;text-shadow:0 1px 0 rgba(255,255,255,.45);background-image:url('../../images/themes/jade/b-gold-l.png'),url('../../images/themes/jade/b-gold-r.png'),url('../../images/themes/jade/b-gold-m.png')!important;background-position:left center,right center,center!important;background-size:auto 100%,auto 100%,calc(100% - 44px) 100%!important}
body.theme-jade .sh-btn-outline{color:#8ff0c8;background-image:url('../../images/themes/jade/b-out-l.png'),url('../../images/themes/jade/b-out-r.png'),url('../../images/themes/jade/b-out-m.png')!important;background-position:left center,right center,center!important;background-size:auto 100%,auto 100%,calc(100% - 44px) 100%!important}
body.theme-jade .sh-btn-danger{background-image:url('../../images/themes/jade/b-red-l.png'),url('../../images/themes/jade/b-red-r.png'),url('../../images/themes/jade/b-red-m.png')!important;background-position:left center,right center,center!important;background-size:auto 100%,auto 100%,calc(100% - 44px) 100%!important}
.jd-ripple{position:absolute;border-radius:50%;pointer-events:none;width:12px;height:12px;margin:-6px 0 0 -6px;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(94,230,176,.25) 60%,transparent 70%);transform:scale(0);animation:jdRip .7s ease-out forwards}
@keyframes jdRip{to{transform:scale(14);opacity:0}}

/* ── Formulare ── */
body.theme-jade .sh-input,body.theme-jade .form-control,body.theme-jade select,body.theme-jade textarea{background:#04100c;border:1px solid rgba(94,230,176,.28);border-bottom:2px solid #19c37d;border-radius:8px;color:#eefaf3;box-shadow:inset 0 2px 8px rgba(0,0,0,.65);transition:border-color .25s,box-shadow .25s,background .25s}
body.theme-jade .sh-input:focus,body.theme-jade .form-control:focus,body.theme-jade textarea:focus{border-color:#e8c670;background:#06170f;box-shadow:inset 0 2px 8px rgba(0,0,0,.65),0 0 0 3px rgba(25,195,125,.25);outline:0}
body.theme-jade .sh-alert{border-radius:8px;border-left:4px solid #19c37d}

/* ── Conținut ── */
body.theme-jade .sh-feat{border-radius:12px;border:1px solid rgba(232,198,112,.5);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.65),0 0 0 4px #04100d,0 0 0 5px rgba(94,230,176,.3)}
body.theme-jade .sh-feat-bg{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}body.theme-jade .sh-feat:hover .sh-feat-bg{transform:scale(1.07)}
body.theme-jade .sh-news-item,body.theme-jade .sh-char-card,body.theme-jade .sh-guild-item,body.theme-jade .sh-inv-item{border-radius:10px;background:rgba(25,195,125,.045);border:1px solid rgba(94,230,176,.15);border-left:3px solid #19c37d;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .35s}
body.theme-jade .sh-news-item:hover,body.theme-jade .sh-char-card:hover,body.theme-jade .sh-guild-item:hover{transform:translateX(6px);background:linear-gradient(90deg,rgba(25,195,125,.2),rgba(25,195,125,.03));border-color:#e8c670;box-shadow:-6px 0 22px -6px rgba(25,195,125,.55)}
body.theme-jade .sh-news-tag{border-radius:999px}
body.theme-jade .sh-rank-1 .sh-rank-num{color:#ffe38a;text-shadow:0 0 14px #ffc400}body.theme-jade .sh-rank-2 .sh-rank-num{color:#e6efe9;text-shadow:0 0 12px #b6d2c4}body.theme-jade .sh-rank-3 .sh-rank-num{color:#e3a36a;text-shadow:0 0 12px #c2742b}
body.theme-jade .sh-player-list li{transition:background .25s,padding-left .25s}
body.theme-jade .sh-player-list li:hover{background:linear-gradient(90deg,rgba(25,195,125,.28),transparent)}
body.theme-jade .sh-rank-avatar,body.theme-jade .sh-user-avatar{box-shadow:0 0 0 2px #e8c670,0 0 0 4px #04100d,0 0 18px rgba(25,195,125,.5)}
body.theme-jade .sh-currency-box{border-radius:10px;border-color:rgba(232,198,112,.45);background:linear-gradient(180deg,rgba(25,195,125,.13),transparent)}
body.theme-jade .sh-currency-value{color:#f4d98a;text-shadow:0 0 12px rgba(25,195,125,.55)}
body.theme-jade .sh-user-links a{border-radius:8px;transition:padding-left .25s,background .25s}
body.theme-jade .sh-user-links a:hover{padding-left:16px;background:linear-gradient(90deg,rgba(25,195,125,.32),transparent);color:#fff3d2}
body.theme-jade .sh-inv-slot{border-radius:8px;transition:transform .2s,border-color .2s,box-shadow .25s}
body.theme-jade .sh-inv-slot:hover{transform:scale(1.13);border-color:#e8c670;box-shadow:0 0 18px rgba(25,195,125,.65);z-index:3}
body.theme-jade table tbody tr{transition:background .2s}
body.theme-jade table tbody tr:hover{background:rgba(25,195,125,.13)}

/* ── Apariție la scroll (JS adaugă .jd-in) ── */
html.jd-anim body.theme-jade .sh-panel:not(.jd-in),html.jd-anim body.theme-jade .sh-feat:not(.jd-in){opacity:0;transform:translateY(22px)}
html.jd-anim body.theme-jade .sh-panel.jd-in,html.jd-anim body.theme-jade .sh-feat.jd-in{opacity:1;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s}

/* ── Footer: banner foto întunecat + text cu contrast ── */
body.theme-jade .sh-footer{background:linear-gradient(180deg,rgba(3,11,10,.6),rgba(3,11,10,.93) 55%,#030b0a),url('../../images/themes/jade/footer.jpg') center top/cover no-repeat,#030b0a;border-top:0;box-shadow:inset 0 4px 0 #19c37d,0 -10px 40px rgba(25,195,125,.16)}
body.theme-jade .sh-footer-brand p,body.theme-jade .sh-footer-col a,body.theme-jade .sh-clock-date{color:#e9f4ee;text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.9)}
body.theme-jade .sh-footer-col h4,body.theme-jade .sh-footer-clock h4{color:#e8c670;text-shadow:0 0 10px rgba(25,195,125,.45),0 1px 3px #000}
body.theme-jade .sh-footer-col a{transition:color .2s,padding-left .25s}
body.theme-jade .sh-footer-col a:hover{color:#8ff0c8;padding-left:6px}
body.theme-jade .sh-copyright{color:#b9d3c6;text-shadow:0 1px 3px #000;background:rgba(2,9,7,.8)}
body.theme-jade .sh-cookie{border-radius:12px;border:1px solid rgba(232,198,112,.5);background:rgba(5,20,16,.97);box-shadow:0 0 30px rgba(25,195,125,.25)}

/* ── Licurici plutitori (câteva elemente, doar transform/opacity) ── */
.jd-flies{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.jd-fly{position:absolute;bottom:-20px;width:var(--s,5px);height:var(--s,5px);border-radius:50%;background:radial-gradient(circle,#fff 0,var(--c,#7dffc4) 40%,transparent 70%);box-shadow:0 0 12px 2px var(--c,#5ee6b0);opacity:0;animation:jdFly var(--d,22s) linear var(--w,0s) infinite;will-change:transform,opacity}
@keyframes jdFly{0%{transform:translate3d(0,0,0);opacity:0}8%{opacity:.9}35%{transform:translate3d(var(--x1,30px),-38vh,0);opacity:.35}55%{opacity:.95}80%{transform:translate3d(var(--x2,-30px),-80vh,0);opacity:.4}100%{transform:translate3d(var(--x3,20px),-112vh,0);opacity:0}}

/* ── Elemente JS ── */
.jd-boot{position:fixed;inset:0;z-index:100000;background:#02090a url('../../images/themes/jade/bg.jpg') center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font:400 13px 'Marcellus','Cinzel',serif;letter-spacing:.42em;color:#e8c670;text-shadow:0 0 12px #19c37d;transition:opacity .7s,visibility .7s,transform .9s cubic-bezier(.6,0,.2,1)}
.jd-boot.off{opacity:0;visibility:hidden;transform:scale(1.06)}.jd-boot img{width:min(520px,80vw);height:auto;animation:jdBreath 2.4s ease-in-out infinite}
@keyframes jdBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.jd-boot b{display:block;width:min(340px,70vw);height:3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.jd-boot b::after{content:"";display:block;height:100%;background:linear-gradient(90deg,#0b7a52,#5ee6b0,#e8c670);box-shadow:0 0 14px #19c37d;transform:translateX(-100%);animation:jdLoad 1.2s ease-out forwards}
@keyframes jdLoad{to{transform:none}}
.jd-bar{position:fixed;top:0;left:0;height:3px;width:100%;z-index:99998;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#0b7a52,#5ee6b0,#e8c670);box-shadow:0 0 12px #19c37d}
.jd-top{position:fixed;right:20px;bottom:20px;z-index:9990;width:52px;height:52px;border:0;cursor:pointer;color:#06281c;font-size:17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d0,#e8c670 45%,#a8771f);box-shadow:0 0 0 3px #06281c,0 0 0 5px rgba(232,198,112,.7),0 8px 24px rgba(0,0,0,.6);opacity:0;transform:translateY(16px) scale(.8);pointer-events:none;transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1)}
.jd-top.show{opacity:1;transform:none;pointer-events:auto}.jd-top:hover{transform:translateY(-3px) scale(1.06)}
html[data-fx="0"] .jd-boot,html[data-fx="0"] .jd-flies{display:none}html[data-fx="0"] body.theme-jade *{animation-duration:0s!important}
html[data-fx="0"].jd-anim body.theme-jade .sh-panel:not(.jd-in),html[data-fx="0"].jd-anim body.theme-jade .sh-feat:not(.jd-in){opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.jd-boot,.jd-flies{display:none}body.theme-jade *{animation:none!important}html.jd-anim body.theme-jade .sh-panel:not(.jd-in),html.jd-anim body.theme-jade .sh-feat:not(.jd-in){opacity:1;transform:none}}
html[data-compact="1"] body.theme-jade .sh-panel-body{padding:10px 12px}
@media (max-width:900px){body.theme-jade .sh-logo-img{height:150px}body.theme-jade .jd-flies{display:none}}