/* Aetheria2 — stratul "Rodnia" peste tema site-ului: verde-petrol inchis,
   text crem-auriu, accente turcoaz, chenare aurii fine. Se incarca dupa
   theme.css si dupa culorile din consola, deci le acopera. */
:root{
	--bg:#0a1514;--bg-nav:rgba(9,18,17,.88);--panel:#111f1e;--panel-hi:#162220;
	--gold:#62c2a1;--gold-bright:#a7e1de;--gold-deep:#2e7d66;--gold-border:rgba(219,198,139,.35);
	--border-faint:rgba(219,198,139,.14);--border-soft:rgba(219,198,139,.07);
	--metal:#c0b898;--metal-bright:#dbc68b;--ivory:#fff3cd;
	--text:#efe7cf;--heading:#fff3cd;--muted:#b9b39b;--muted-dim:#7f8f86;
}
body{background-color:var(--bg)}
.nav{background:var(--bg-nav)!important;border-bottom:1px solid rgba(219,198,139,.55)!important;backdrop-filter:blur(3px)}
.nav-menu a{color:#dbd2b2!important;letter-spacing:.1em;font-weight:600}
.nav-menu a:hover,.nav-menu a.active,.nav-menu .active>a{color:#fff!important}
.nav-logo img{max-height:84px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}
/* panouri: colturi drepte, chenar auriu fin, titluri cu romburi aurii */
.panel,.card,.tile,.tabs a,.table,.field,.ev-item,.rank-row,.lb-row{border-color:rgba(219,198,139,.14)!important;border-radius:3px!important}
.panel-head,.heading-main,.page-hd{color:#fff3cd!important;border-bottom-color:rgba(219,198,139,.45)!important}
h1,h2,h3,.section-title{color:#fff3cd}
/* butoane si dale */
.btn,button.btn,a.btn{border-radius:3px!important}
.btn-primary,.btn-gold,.btn-download,.download-btn{background:linear-gradient(135deg,#1f5c4a 0%,#2e7d66 45%,#173f34 100%)!important;border:1px solid rgba(219,198,139,.55)!important;color:#fff!important}
input,select,textarea{border-radius:3px!important}
::selection{background:#2e7d66;color:#fff}

.panel{background:rgba(17,31,30,.94)!important}
.panel-head{font-family:var(--font-display);letter-spacing:.22em}
.panel-head.flourish:before,.panel-head.flourish:after{color:#dbc68b!important}
.tile{background:rgba(14,26,25,.92)!important;color:#dbd2b2!important}
.tile i{color:#e9dfbd!important}
.tile:hover{background:rgba(255,255,255,.04)!important;color:#fff!important}
.tabs a{color:#dbd2b2!important}
.tabs a.active,.tabs .active{background:#2e7d66!important;color:#fff!important;border-color:#62c2a1!important}
.foot{border-top-color:rgba(219,198,139,.35)!important}
/* logo-ul mare, care coboara peste marginea barei, ca la Rodnia */
.nav-logo{position:relative;z-index:5;align-self:flex-start;margin-top:4px}
.nav-logo img{max-height:none!important;height:118px;width:auto}
@media (max-width:900px){.nav-logo img{height:56px}}
.nav .nav-logo img{max-width:none!important;max-height:none!important;height:118px!important}@media (max-width:900px){.nav .nav-logo img{height:56px!important}}

/* fundalul paginii, ca la Rodnia: imaginea serverului (templul + personajul),
   fixa si foarte intunecata, in loc de ceata verde. Videoul animat din antet
   ramane neschimbat deasupra. */
.page-bg{opacity:1!important;background:linear-gradient(180deg,rgba(10,21,20,.80) 0%,rgba(10,21,20,.90) 45%,rgba(10,21,20,.96) 100%),url('../../img/aet-bg.jpg') center 30%/cover no-repeat!important}
/* coloana de continut: gradientul lor 146deg */
.layout main,.layout .content,.main-col{background:linear-gradient(146deg,#0b1515 0%,#0d1817 100%)}
/* butoanele lor: primar verde-petrol, secundar gri-verde, invita turcoaz deschis */
.btn-primary{background:linear-gradient(160deg,#102620 39%,#1a3c33 100%)!important;border:1px solid rgba(219,198,139,.35)!important;color:#fff3cd!important}
.btn-secondary,.btn-outline{background:linear-gradient(160deg,#2a3a36 39%,#384945 100%)!important;border-color:rgba(219,198,139,.2)!important;color:#efe7cf!important}
select,.form-select{background-color:#0f251f!important;border-color:rgba(219,198,139,.25)!important;color:#efe7cf!important}
.tabs a,.tab-btn{background:linear-gradient(160deg,#2a3a36 39%,#384945 100%)!important;border:0!important}
.tabs a.active,.tabs .active,.tab-btn.active{background:linear-gradient(160deg,#102620 39%,#1a3c33 100%)!important;box-shadow:inset 0 0 0 1px rgba(219,198,139,.35)}
/* logo-ul exact pe mijloc: doua coloane egale de o parte si de alta */
@media (min-width:901px){
	.nav-inner{display:grid!important;grid-template-columns:1fr auto 1fr;max-width:1400px}
	.nav-inner>.nav-menu.left{justify-self:end;justify-content:flex-end}
	.nav-inner>.nav-menu.right{justify-self:start;justify-content:flex-start}
	.nav-inner>.nav-logo{grid-column:2;margin:0 34px}
	.nav-inner>.nav-burger{display:none}
}
@media (min-width:901px){
	.nav-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;max-width:1440px}
	.nav-inner>.nav-menu{min-width:0;flex-wrap:nowrap;gap:0}
	.nav-inner>.nav-menu a{letter-spacing:.06em!important;padding-left:12px!important;padding-right:12px!important;font-size:13px!important}
	.nav-inner>.nav-logo{margin:0 22px;align-self:start}
}
@media (min-width:901px){
	.nav-inner{height:var(--nav-h)!important}
	.nav-inner>.nav-logo{height:var(--nav-h);overflow:visible;display:block;position:relative;width:200px;margin:0 14px}
	.nav-inner>.nav-logo img{position:absolute;left:50%;top:4px;transform:translateX(-50%)}
	.nav-inner>.nav-menu a{padding-left:9px!important;padding-right:9px!important;font-size:12.5px!important;letter-spacing:.05em!important}
}
@media (min-width:901px) and (max-width:1300px){.nav-inner>.nav-menu a{padding-left:6px!important;padding-right:6px!important;font-size:12px!important}.nav-inner>.nav-logo{width:150px}.nav .nav-logo img{height:96px!important}}

/* ===== v2: valorile exacte de pe rodnia.to (citite din pagina lor) ===== */
/* bara: plina #111f1e, linie aurie #f7c04a, fara logo (il are deja videoul) */
.nav{background:#111f1e!important;border-bottom:1px solid #f7c04a!important;backdrop-filter:none}
.nav .nav-logo{display:none!important}
@media (min-width:901px){
	.nav-inner{display:flex!important;justify-content:center!important;gap:0!important;max-width:var(--wrap)}
	.nav-inner>.nav-menu{gap:0}
	.nav-inner>.nav-menu a{font:600 14px Inter,sans-serif!important;letter-spacing:1px!important;padding:24px 18px!important;color:#dbd2b2!important}
}
.nav-menu a:hover,.nav-menu .active>a{color:#fff3cd!important}
/* dalele de sub video */
.tile{background:#162220!important;color:#dbd2b2!important;font:400 14px Inter,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;min-height:110px;border:0!important}
.tile i{color:#dbd2b2!important}
/* titlurile de panou: ◆ RANKING ◆ */
.panel-head,.panel-head.flourish{background:#12201f!important;border-bottom:1px solid #dbd2b2!important;color:#dbd2b2!important;font-family:"Albertus Nova",Cinzel,Georgia,serif!important;font-size:13px!important;letter-spacing:3px!important;text-shadow:0 0 10px rgba(219,210,178,.2);padding:10px!important}
.panel{background:rgba(18,32,31,.72)!important;border:0!important;border-bottom:1px solid #304138!important;border-radius:0!important}
/* butoanele de file (Stiri / Anunturi / ...) */
.tabs a,.tab-btn,.tabs button{border-radius:5px!important;font:400 11.2px Inter,sans-serif!important;letter-spacing:2.4px!important;text-transform:uppercase;color:#dbd2b2!important;background:linear-gradient(160deg,#2a3a36 39%,#384945 100%)!important;border:1px solid transparent!important;padding:16px!important}
.tabs a.active,.tabs .active,.tab-btn.active{background:linear-gradient(160deg,#102620 39%,#1a3c33 100%)!important;box-shadow:none!important}
select,.form-select{background-color:#0f251f!important;border:1px solid rgba(247,192,74,.2)!important;border-radius:2px!important;color:#dbd2b2!important;font-family:"Albertus Nova",Cinzel,serif}
/* coloana de continut si fundalul */
.layout main,.layout .content,.main-col{background:linear-gradient(146deg,#0b1515 0%,#0d1817 100%)!important}
.heading-main,.page-hd{color:#dbd2b2!important;font-family:"Albertus Nova",Cinzel,serif!important;letter-spacing:3px!important}
/* filele incap pe un rand, ca la ei */
.tabs a,.tab-btn,.tabs button{padding:13px 14px!important;letter-spacing:1.8px!important}
/* videoul se topeste in verdele paginii (gradientul temei, recolorat) */
.hero::after{background:
	linear-gradient(90deg,#0a1514 0%,rgba(10,21,20,.8) 6%,rgba(10,21,20,.3) 15%,rgba(10,21,20,0) 26%),
	linear-gradient(270deg,#0a1514 0%,rgba(10,21,20,.6) 5%,rgba(10,21,20,0) 18%),
	linear-gradient(180deg,rgba(10,21,20,.35) 0%,rgba(10,21,20,0) 22%,rgba(10,21,20,0) 58%,rgba(10,21,20,.7) 86%,#0a1514 100%)!important}
.hero{background-color:#0a1514!important}
/* butonul Download din stanga: verde-petrol cu lumina, nu verde aprins */
.download-btn,.btn-download,.dl-big,.side-download{background:linear-gradient(135deg,#123f33 0%,#1f5c4a 45%,#0e2a23 100%)!important;border:1px solid rgba(247,192,74,.35)!important}

/* culorile dalelor dupa link, nu dupa pozitie (dala Item Shop lipseste cand magazinul e oprit) */
a.tile[href*="/shop"]{background:#932b2b!important;color:#f3e3c3!important}
a.tile[href*="/shop"] i{color:#f3e3c3!important}
a.tile[href*="referrals"]{background:linear-gradient(#78b6a6 0%,#8fc7ba 100%)!important;color:#11231e!important}
a.tile[href*="referrals"] i{color:#11231e!important}
/* blocul din mijloc urca mai sus peste partea de jos a videoului */
.layout.overlap{margin-top:clamp(-170px,-9vw,-60px)!important;position:relative;z-index:3}
@media (max-width:900px){.layout.overlap{margin-top:-30px!important}}

/* ===== v3: detalii ===== */
/* fundalul curge cu pagina: inchis chiar sub video (fara linie), imaginea
   serverului apare treptat mai jos, ca o continuare a filmarii */
body{position:relative}
.page-bg{position:absolute!important;top:0;left:0;right:0;bottom:0;min-height:100vh;opacity:1!important;
	background:linear-gradient(180deg,#0a1514 0,#0a1514 calc(33vw + 60px),rgba(10,21,20,.93) calc(33vw + 420px),rgba(10,21,20,.95) 100%),
	url('../../img/aet-bg.jpg') center calc(33vw + 160px)/100% auto no-repeat,#0a1514!important}
/* panourile laterale: pline, cu chenar fin, ca sa se vada pe orice fundal */
.panel{background:rgba(15,28,27,.97)!important;border:1px solid rgba(219,198,139,.16)!important;border-top:0!important}
.panel-head,.panel-head.flourish{border-top:1px solid rgba(219,198,139,.16)}
/* dalele umplu tot randul, egale, cu continutul pe mijloc */
.quickbar{display:flex!important;background:#162220;border:1px solid rgba(219,198,139,.12)}
.quickbar>.tile{flex:1 1 0!important;min-width:0;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;text-align:center;gap:8px}
.quickbar>.tile .ico{margin:0!important}
/* filele incap pe un rand */
.tabs{flex-wrap:nowrap;gap:6px!important}
.tabs a,.tab-btn,.tabs button{padding:12px 11px!important;letter-spacing:1.4px!important;white-space:nowrap}
/* continuarea scenei sub video: imagine generata (templul oglindit, estompat),
   fara logo si fara personaj, topita in verde sus si jos */
.page-bg{background:url('../../img/aet-bg-low.jpg') center calc(33.3vw - 40px)/100% auto no-repeat,#0a1514!important}
@media (max-width:900px){.page-bg{background-size:180% auto!important}}

/* cerinte minime de sistem (pagina Descarca) */
.sysreq{margin-top:28px}
.sysreq-title{font-family:"Albertus Nova",Cinzel,serif;font-size:18px;letter-spacing:2px;text-transform:uppercase;color:#fff3cd;padding-bottom:14px;border-bottom:1px solid rgba(219,198,139,.25);margin:0 0 16px}
.sysreq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding:22px 24px;background:rgba(15,28,27,.97);border:1px solid rgba(219,198,139,.14)}
.sysreq-item{display:flex;gap:16px;align-items:flex-start}
.sysreq-item b{display:block;color:#fff3cd;font-size:15px;margin-bottom:3px}
.sysreq-item span:not(.sr-ico){display:block;color:#b9b39b;font-size:14px}
.sysreq-item small{display:block;color:#e0675c;font-size:12px;margin-top:4px}
.sr-ico{flex:none;width:52px;height:52px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:22px}
.sr-os{background:rgba(0,120,215,.16);color:#2e9bff}
.sr-ram{background:rgba(98,194,161,.14);color:#62c2a1}
.sr-disk{background:rgba(247,192,74,.14);color:#f7c04a}
.sr-gpu{background:rgba(167,225,222,.12);color:#a7e1de}
@media (max-width:700px){.sysreq-grid{grid-template-columns:1fr}}