/* =========================================================
   ZETA - DARK MMORPG RED/ORANGE UI
   Global skin for all NexusEmu CMS pages
   ========================================================= */

:root{
    --lm-bg:#090815;
    --lm-bg2:#100d1d;
    --lm-panel:#141121;
    --lm-panel2:#191528;
    --lm-panel3:#0f0d19;
    --lm-border:#30283f;
    --lm-border-hot:#9a4318;
    --lm-orange:#ff7a16;
    --lm-orange2:#ff9a2f;
    --lm-red:#e32022;
    --lm-text:#eeeaf7;
    --lm-muted:#9891aa;
    --lm-dim:#625b73;
}

*{box-sizing:border-box;}

html{
    min-width:320px;
    background:var(--lm-bg);
}

body{
    min-width:320px;
    background:
        linear-gradient(rgba(8,7,17,.72),rgba(8,7,17,.94)),
        url('../img/background.jpg') no-repeat top center fixed;
    background-size:cover;
    color:var(--lm-text);
    font-family:'Lato',Arial,sans-serif;
    font-size:13px;
    line-height:1.45;
    margin:0;
}

body:before{
    content:"";
    position:fixed;
    z-index:-1;
    inset:0;
    background:
        radial-gradient(circle at 50% 10%,rgba(110,35,20,.14),transparent 35%),
        radial-gradient(circle at 50% 90%,rgba(62,20,75,.10),transparent 40%);
    pointer-events:none;
}

a{color:#b9b2c8;text-decoration:none;transition:color .15s ease,background .15s ease,border-color .15s ease;}
a:hover,a:focus{color:var(--lm-orange)!important;text-decoration:none!important;}

img{border:0;max-width:100%;}

input[type=text],input[type=password],input[type=number],input[type=email],
select,textarea,.form-control{
    background:#0d0b17!important;
    color:#e8e3ef!important;
    border:1px solid #352d45!important;
    border-radius:4px!important;
    box-shadow:none!important;
}
input:focus,select:focus,textarea:focus,.form-control:focus{
    border-color:#a04b20!important;
    box-shadow:0 0 0 1px rgba(255,122,22,.08)!important;
    outline:0!important;
}
::placeholder{color:#676174!important;}

/* ---------- HEADER ---------- */
#header{
    width:100%;
    min-width:320px;
    height:70px;
    margin:0;
    padding:7px 0 5px;
    text-align:center;
    background:rgba(8,7,15,.88);
    border-bottom:1px solid #292335;
    position:relative;
    overflow:hidden;
}
#header:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:1px;
    background:linear-gradient(90deg,transparent 10%,#3b2d3b 35%,var(--lm-orange) 50%,#3b2d3b 65%,transparent 90%);
    opacity:.65;
}
#header a{
    display:inline-block;
    height:58px;
}
#header img{
    width:105px;
    height:58px;
    object-fit:contain;
}

/* ---------- NAVIGATION ---------- */
#navbar{
    width:100%;
    min-width:320px;
    margin:0;
    padding:0;
    background:rgba(10,9,18,.93);
    border:0;
    border-bottom:1px solid #292335;
    border-radius:0;
    box-shadow:0 8px 25px rgba(0,0,0,.24);
}
#navbar:before{
    content:"";
    display:block;
    width:1px;
    height:1px;
}
#navbar ul{
    text-align:center;
    margin:0;
    padding:8px 0;
    white-space:nowrap;
}
#navbar ul li{
    display:inline-block;
    list-style:none;
    font-size:11px;
    margin:0 3px;
    text-transform:uppercase;
    letter-spacing:.8px;
}
#navbar ul li a{
    display:inline-block;
    color:#d5cfdd!important;
    background:#15121f;
    border:1px solid #30283c;
    border-radius:3px;
    padding:8px 15px;
    font-weight:700;
    position:relative;
}
#navbar ul li a:before{
    content:"◆";
    color:var(--lm-orange);
    font-size:6px;
    vertical-align:middle;
    margin-right:7px;
}
#navbar ul li a:hover{
    background:#201927;
    border-color:#8e431c;
    color:#fff!important;
    box-shadow:0 0 12px rgba(255,90,20,.10);
}

/* ---------- MAIN GRID ---------- */
#container{
    width:1180px;
    max-width:calc(100% - 30px);
    height:auto;
    margin:0 auto;
    padding:28px 0 38px;
}
#content{
    width:100%;
    overflow:visible;
    min-height:500px;
    padding:0;
}
#content > [class*="col-xs-"]{
    padding-left:7px;
    padding-right:7px;
}
#content > .col-xs-3{width:20%;}
#content > .col-xs-6{width:60%;}

.module-contents{
    background:transparent;
    color:var(--lm-text);
    padding:0;
    border:0;
    border-radius:0;
    min-height:0;
    overflow:visible;
}

/* corner accents for major content columns */
#content > .col-xs-3:first-child,
#content > .col-xs-6,
#content > .col-xs-3:last-child{
    position:relative;
}

/* ---------- UNIVERSAL PANELS ---------- */
.panel,
.panel-general,
.panel-sidebar,
.panel-sidebar-events,
.panel-news,
.panel-downloads,
.panel-addstats{
    color:var(--lm-text);
    background:linear-gradient(180deg,rgba(25,21,38,.97),rgba(14,12,24,.97));
    border:1px solid var(--lm-border);
    border-radius:2px;
    box-shadow:0 8px 24px rgba(0,0,0,.22);
    margin-bottom:14px;
    position:relative;
    overflow:visible;
}
.panel:before,
.panel-sidebar:before,
.panel-general:before,
.panel-news:before,
.panel-downloads:before,
.panel-addstats:before{
    content:"";
    position:absolute;
    left:-1px;top:-1px;
    width:9px;height:9px;
    border-left:2px solid var(--lm-border-hot);
    border-top:2px solid var(--lm-border-hot);
    pointer-events:none;
}
.panel:after,
.panel-sidebar:after,
.panel-general:after,
.panel-news:after,
.panel-downloads:after,
.panel-addstats:after{
    content:"";
    position:absolute;
    right:-1px;bottom:-1px;
    width:9px;height:9px;
    border-right:2px solid var(--lm-border-hot);
    border-bottom:2px solid var(--lm-border-hot);
    pointer-events:none;
}

.panel-heading,
.panel-sidebar > .panel-heading,
.panel-news .panel-heading,
.panel-general > .panel-heading,
.panel-downloads > .panel-heading,
.panel-addstats > .panel-heading{
    background:linear-gradient(90deg,#1d182b,#171423);
    color:#f1edf5;
    border:0;
    border-bottom:1px solid #2d263a;
    border-radius:0;
    padding:11px 13px;
    min-height:42px;
}
.panel-title,
.panel-heading .panel-title,
.panel-body .panel-title{
    color:#f3eef8!important;
    font-family:'Lato',Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.65px;
    text-transform:uppercase;
    margin:0!important;
    border:0!important;
}
.panel-title:first-letter{color:var(--lm-orange);}

.panel-body{padding:13px;color:#d6d0dd;}
.panel-footer{
    background:#0e0c18;
    border-top:1px solid #2a2434;
    color:#80788d;
}

/* ---------- BUTTONS ---------- */
.btn{
    border-radius:3px!important;
    font-size:11px;
    font-weight:800;
    letter-spacing:.3px;
    text-transform:uppercase;
    border:1px solid #45364a;
    background:#201b2b;
    color:#e9e4ef!important;
    transition:.15s ease;
}
.btn:hover,.btn:focus{
    color:#fff!important;
    border-color:#a74c1b!important;
    background:#2a202c!important;
}
.btn-primary,.btn-yellow{
    background:linear-gradient(#ff8a22,#e85b0d)!important;
    border-color:#bd4b12!important;
    color:#fff!important;
    text-shadow:0 1px 1px #632000;
}
.btn-primary:hover,.btn-yellow:hover{
    background:linear-gradient(#ff9c3c,#f06411)!important;
    border-color:#e66b1c!important;
}
.btn-danger{
    background:#651b25!important;
    border-color:#9a2b35!important;
}
.btn-xs{padding:4px 9px;font-size:9px;}

/* ---------- NEWS ---------- */
.panel-news{
    background:linear-gradient(180deg,#171321,#0e0c17);
}
.panel-news .panel-heading{
    background:#171421;
    padding:10px 13px;
}
.panel-news .panel-title{color:#fff!important;}
.panel-news .panel-body{font-size:13px;color:#c4bdcb;}
.panel-news .panel-footer{
    background:#141120;          /* style.css paints it #fafafa (light) - keep it in the card's dark */
    border-top:1px solid #2d263a;
    color:#e0893f;
}

/* ---------- TABLES ---------- */
.table{
    color:#d8d2df;
    margin-bottom:0;
}
.table>thead>tr>th,
.table>tbody>tr>th{
    color:#a8a0b4;
    background:#191524;
    border-bottom:1px solid #332b40!important;
    border-top:0!important;
    padding:8px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.5px;
}
.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>tbody>tr>th{
    border-top:1px solid #252032!important;
    padding:8px;
    vertical-align:middle;
}
.table>tbody>tr:nth-child(even)>td{background:rgba(255,255,255,.012);}
.table>tbody>tr:hover>td{background:rgba(255,91,18,.045);}
.table a{color:#ddd5e3;}
.table a:hover{color:var(--lm-orange)!important;}

.rankings-table{
    width:100%;
    background:#100e1a;
    border:1px solid #30283b;
    box-shadow:none;
}
.rankings-table tr td{
    border-bottom:1px solid #272132!important;
    padding:9px 7px;
    color:#d8d2df;
    font-size:13px;
}
.rankings-table tr:first-child td{
    color:#fff;
    background:#191524;
    border-bottom:1px solid #8f3f19!important;
}
.rankings-table-place{
    color:var(--lm-orange)!important;
    font-size:16px;
}
.rankings_menu{
    width:100%;
    margin:0 auto 12px;
    padding:8px;
    background:#11101b;
    border:1px solid #30283b;
}
.rankings_menu span{
    color:#f3edf7;
    font-size:17px;
    font-weight:800;
}
.rankings_menu a{
    width:auto;
    min-width:105px;
    padding:7px 11px;
    background:#181521;
    border:1px solid #30283b;
    color:#aaa1b1;
}
.rankings_menu a.active,.rankings_menu a:hover{
    background:#2a1a1c;
    border-color:#a6491b;
    color:#fff!important;
}
.rankings-class-filter{
    background:#12101b;
    border:1px solid #2f2739;
}
.rankings-class-filter-selection{color:#bbb3c3;}
.rankings-class-filter-selection:hover{color:#fff!important;}

/* ---------- FORMS / ACCOUNT ---------- */
.form-group label,
.control-label{
    color:#cfc8d7;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.5px;
}
.form-control{
    height:36px;
    padding:7px 10px;
}
textarea.form-control{height:auto;min-height:110px;}

.myaccount-table,
.general-table-ui{
    background:#11101a;
    border:1px solid #30283b;
    color:#ddd6e4;
}
.myaccount-table tr td{
    border-bottom:1px solid #272130!important;
    padding:11px!important;
}
.myaccount-table tr td:first-child{color:#a79eaf;}
.general-table-ui tr:first-child td{
    color:#e7e0eb;
    background:#191524;
}
.general-table-ui tr:nth-child(2n+2) td{background:#12101b;}
.general-table-ui tr td{border-bottom:1px solid #272130;}

.alert{
    background:#171421;
    border:1px solid #382d40;
    color:#d9d2de;
}
.alert-success{border-color:#3c6b4b;background:#101b15;}
.alert-danger{border-color:#73333b;background:#211116;}
.alert-warning{border-color:#765a2e;background:#211a10;}
.alert-info{border-color:#394b68;background:#111723;}

/* ---------- USER CP ---------- */
.panel-usercp{
    background:linear-gradient(180deg,rgba(24,20,36,.98),rgba(12,10,19,.98));
}
.panel-usercp ul{list-style:none;padding:0;margin:0;}
.panel-usercp ul li{
    display:flex;
    align-items:center;
    width:100%;
    min-height:35px;
    line-height:1.2;
    border-bottom:1px solid #272131;
}
.panel-usercp ul li:last-child{border-bottom:0;}
.panel-usercp ul li a{
    color:#c8c1cf!important;
    font-weight:700;
    flex:1;
}
.panel-usercp ul li a:hover{color:var(--lm-orange)!important;}
.panel-usercp ul li img{
    width:21px;
    height:21px;
    object-fit:contain;
    margin:0 8px 0 0;
    padding:0;
    opacity:.8;
}

/* ---------- SIDEBARS ---------- */
.sidebar-banner{
    text-align:center;
    margin:14px 0;
    padding:0;
}
.sidebar-banner img{
    width:100%;
    height:auto;
    border:1px solid #30283b;
    border-radius:2px;
    opacity:.92;
}
.panel-sidebar-events{
    background:linear-gradient(180deg,#181524,#0e0c17);
    border:1px solid #30283b;
}
.panel-sidebar-events > .panel-heading{
    background:#191524;
    color:#eee!important;
    border-bottom:1px solid #30283b;
}
.event-schedule-open{color:#64d58c;}
.event-schedule-inprogress{color:#ffd15c;}
.panel-sidebar-events .smalltext{color:#766e80;}

/* ---------- DOWNLOADS ---------- */
.panel-downloads{
    background:#11101a;
}
.download-description{color:#8d8495;}
.online-status-indicator{filter:saturate(.7);}

/* ---------- PAYPAL / DONATION ---------- */
.paypal-gateway-content{
    background:#14111f;
    border:1px solid #8b3c1b;
    border-radius:2px;
    color:#e7e0ea;
}
.paypal-gateway-logo{
    background:#0e0c17 url('../img/paypal-logo-200-68.png') no-repeat center;
    border:1px solid #332a3b;
}
.paypal-gateway-conversion-rate{color:#ddd6e2;}
.paypal-gateway-form div{color:#d8d0dd;}
.paypal-gateway-form input[type=text]{
    background:#0b0913!important;
    border:1px solid #a84b1c;
    color:var(--lm-orange);
}

/* ---------- CASTLE SIEGE ---------- */
.castle-siege-banner{
    border:1px solid #733116;
    border-radius:2px;
    background-color:#08070c;
}
.castle-siege-banner-title{color:#ff9b3d;}
.castle-siege-banner-castleowner{color:#fff;}
.castle-siege-banner-countdown span{color:var(--lm-orange);}
.castle-owner-widget{
    background:#11101a;
}

/* ---------- PROFILE / CHARACTER ---------- */
.profile-panel,
.profile-container,
.character-profile,
.panel-profile{
    color:#ddd6e3;
}
.panel-addstats{
    background:#12101b;
}
.panel-addstats .character-name{color:#eee!important;border-color:#30283b;}
.myaccount-character-block{
    background:#11101a;
    border:1px solid #3a3042;
}
.myaccount-character-location{color:#8d8495;}
.myaccount-character-name a{color:#e9e2ed!important;}

/* ---------- PAGINATION / TABS ---------- */
.pagination>li>a,
.pagination>li>span{
    background:#15121f;
    color:#bdb5c5;
    border:1px solid #30283b;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>.active>a,
.pagination>.active>span{
    background:#8b3517!important;
    border-color:#a94a1b!important;
    color:#fff!important;
}
.nav-tabs{
    border-bottom:1px solid #332a3d;
}
.nav-tabs>li>a{
    color:#a69dac;
    background:#15121f;
    border:1px solid #30283b;
    border-bottom:0;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover{
    color:#fff!important;
    background:#1d1829!important;
    border-color:#5b3b32;
}

/* ---------- PAGE TITLES ---------- */
.page-title{
    color:#f4eef7;
    font-family:FaceYourFears,Georgia,serif;
    font-size:25px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-shadow:0 2px 8px #000;
    text-align:left;
    border-bottom:1px solid #33283b;
    padding:0 0 12px;
    margin:0 0 15px;
}
.page-title:after{
    content:"";
    display:block;
    width:45px;
    height:2px;
    margin-top:8px;
    background:var(--lm-orange);
}

/* ---------- FOOTER ---------- */
.footer{
    width:100%;
    padding:25px 0 30px;
    background:
        linear-gradient(rgba(8,7,15,.88),rgba(8,7,15,.96)),
        #08070e url('../img/footer_background.png') no-repeat bottom center;
    background-size:cover;
    border-top:1px solid #352738;
    color:#777080;
    font-size:11px;
    position:relative;
}
.footer:before{
    content:"";
    position:absolute;
    top:-1px;
    left:50%;
    width:8px;height:8px;
    transform:translateX(-50%) rotate(45deg);
    background:#100c18;
    border-left:1px solid var(--lm-orange);
    border-top:1px solid var(--lm-orange);
}
.footer>.footer-container{
    width:1180px;
    max-width:calc(100% - 30px);
    margin:0 auto;
}
.footer .col-xs-8,.footer .col-xs-4{padding-left:10px;padding-right:10px;}
.footer a{color:#8d8593;}
.footer a:hover{color:var(--lm-orange)!important;}
.footer-time{
    font-size:22px;
    color:#ddd5e1;
    font-weight:700;
}
.nexus-language-switcher li{
    background:#17131f;
    border:1px solid #30283b;
}

/* ---------- CMS MISC ---------- */
.nexus-powered{color:#716978!important;}
.smalltext{color:#777080;}
.text-muted{color:#777080!important;}
hr{border-color:#2c2534;}
blockquote{
    background:#12101b;
    border-left:3px solid var(--lm-orange);
    color:#c8c0cf;
}
.thumbnail{
    background:#11101a;
    border:1px solid #30283b;
}
.badge{background:#8b3a18;}
.label-primary{background:#8b3a18;}
.progress{
    background:#0d0b15;
    border:1px solid #30283b;
}
.progress-bar{background:linear-gradient(90deg,#b33d16,#ff7b1b);}

/* ---------- FULL WIDTH MODULE PAGES ---------- */
#content > .col-xs-12{
    width:100%;
    padding:0 7px;
}
#content > .col-xs-12 > .module-contents{
    background:linear-gradient(180deg,rgba(19,16,30,.97),rgba(12,10,19,.97));
    border:1px solid #30283b;
    padding:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
}
#content > .col-xs-12 > .module-contents:before{
    content:"";
    position:absolute;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1100px){
    #container{width:960px;}
    .footer>.footer-container{width:960px;}
    #content > .col-xs-3{width:22%;}
    #content > .col-xs-6{width:56%;}
}
@media(max-width:800px){
    html,body{min-width:0;}
    #header{height:62px;}
    #header img{width:90px;height:52px;}
    #navbar ul{white-space:normal;padding:5px 8px;}
    #navbar ul li{margin:2px;}
    #navbar ul li a{padding:6px 9px;font-size:9px;}
    #container{width:100%;max-width:none;padding:15px 8px;}
    #content > .col-xs-3,#content > .col-xs-6,#content > .col-xs-12{width:100%;float:none;}
    .footer>.footer-container{width:100%;max-width:none;padding:0 10px;}
    .footer .col-xs-8,.footer .col-xs-4{width:100%;float:none;}
}

/* ---------- ZETA TOPBAR LAYOUT ---------- */
#topbar{
    height:70px;
    width:100%;
    background:rgba(8,7,15,.92);
    border-bottom:1px solid #292335;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 5px 25px rgba(0,0,0,.28);
}
#topbar #header{
    position:absolute;
    left:max(20px,calc(50% - 590px));
    top:0;
    width:125px;
    height:70px;
    padding:5px 0;
    background:transparent;
    border:0;
    overflow:visible;
    z-index:3;
}
#topbar #header:after{display:none;}
#topbar #header a{height:60px;}
#topbar #header img{width:118px;height:60px;object-fit:contain;}
#topbar #navbar{
    width:auto;
    min-width:0;
    margin:0;
    background:transparent;
    border:0;
    box-shadow:none;
}
#topbar #navbar ul{padding:0;}
#topbar .lm-top-actions{
    position:absolute;
    right:max(20px,calc(50% - 590px));
    top:0;
    height:70px;
    display:flex;
    align-items:center;
    gap:5px;
}
#topbar .lm-top-actions span{
    width:30px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#bbb3c3;
    border:1px solid #393044;
    border-radius:3px;
    background:#14111d;
    font-size:13px;
}
#topbar .lm-top-actions span:hover{
    color:var(--lm-orange);
    border-color:#8f421a;
}
@media(max-width:800px){
    #topbar{height:auto;min-height:105px;display:block;text-align:center;padding-top:4px;}
    #topbar #header{position:relative;left:auto;top:auto;width:100%;height:55px;text-align:center;}
    #topbar #header img{width:100px;height:50px;}
    #topbar #navbar{position:relative;width:100%;height:auto;}
    #topbar .lm-top-actions{display:none;}
}

/* Homepage proportions and compact footer */
#content > .col-xs-3 .panel-body.nopadding{overflow:hidden;}
#content > .col-xs-3:first-child .panel,
#content > .col-xs-3:last-child .panel{width:100%;}
.footer .footer-container{display:flex;align-items:center;}
.footer .footer-container > [class*="col-"]{float:none;}
@media(max-width:800px){
  .footer .footer-container{display:block;text-align:center;}
  .footer .footer-container > [class*="col-"]{width:100%;margin-bottom:12px;}
  .footer .text-right{text-align:center!important;}
}

/* ---------- NEXUSEMU CMS: features the CMS adds to every template ---------- */

/* Navbar dropdowns (AdminCP > Navigation Menu items with children, e.g. Information / Guide) */
#navbar ul li.navbar-has-dropdown{position:relative;}
#navbar .navbar-caret{font-size:8px;margin-left:5px;color:var(--lm-orange);}
#navbar ul li .navbar-dropdown{
    display:none;
    position:absolute;
    left:0;
    top:100%;
    min-width:210px;
    margin:0;
    padding:4px 0;
    text-align:left;
    white-space:normal;
    background:var(--lm-panel);
    border:1px solid var(--lm-border);
    border-top:2px solid var(--lm-orange);
    border-radius:0 0 4px 4px;
    box-shadow:0 12px 28px rgba(0,0,0,.5);
    z-index:1000;
}
#topbar #navbar ul.navbar-dropdown{padding:4px 0;}
#navbar ul li.navbar-has-dropdown:hover .navbar-dropdown,
#navbar ul li.navbar-has-dropdown:focus-within .navbar-dropdown{display:block;}
#navbar ul li .navbar-dropdown li{display:block;margin:0;font-size:11px;}
#navbar ul li .navbar-dropdown li a{
    display:block;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    padding:9px 16px;
    color:#d5cfdd!important;
}
#navbar ul li .navbar-dropdown li a:hover,
#navbar ul li .navbar-dropdown li a:focus{background:#201927;color:#fff!important;}

/* Players-online bar (AdminCP > Sidebar Widgets > Players Online) */
.nexus-online-bar{width:100%;height:8px;background:#1b1626;border:1px solid var(--lm-border);border-radius:4px;overflow:hidden;}
.nexus-online-bar-progress{height:100%;background:linear-gradient(90deg,var(--lm-orange2),var(--lm-orange));border-radius:4px;transition:width .4s ease;}

/* Top-bar shortcut buttons (Downloads / Rankings / Account) */
#topbar .lm-top-actions a{display:block;text-decoration:none!important;}
#topbar .lm-top-actions a:focus span{color:var(--lm-orange);border-color:#8f421a;}

/* Top bar: logo | menu | buttons in one row. The menu comes from AdminCP > Navigation Menu, so its length varies:
   instead of overlapping the logo and the buttons, a long menu wraps onto a second line. */
@media(min-width:801px){
    #topbar{
        height:auto;
        min-height:70px;
        padding:5px max(20px,calc(50% - 590px));
        gap:12px;
    }
    #topbar #header{position:relative;left:auto;top:auto;flex:0 0 125px;height:60px;padding:0;}
    #topbar #navbar{flex:1 1 auto;min-width:0;}
    #topbar #navbar > ul{white-space:normal;}
    #topbar #navbar > ul > li{margin:3px 2px;}
    #topbar .lm-top-actions{position:static;flex:0 0 125px;height:auto;justify-content:flex-end;}
    /* the menu sits exactly over the middle column (20/60/20 like #content, 7px column padding), so a long
       menu wraps inside it instead of running over the left/right bars; logo centred over the left bar */
    #topbar{gap:0;}
    #topbar #header{flex:0 0 20%;min-width:0;text-align:center;}
    #topbar #navbar{flex:0 0 60%;padding:0 7px;}
    #topbar .lm-top-actions{flex:0 0 20%;min-width:0;}
}
@media(min-width:801px) and (max-width:1100px){
    /* #container is 960px with 22/56/22 columns here */
    #topbar{padding-left:max(15px,calc(50% - 480px));padding-right:max(15px,calc(50% - 480px));}
    #topbar #header,#topbar .lm-top-actions{flex-basis:22%;}
    #topbar #navbar{flex-basis:56%;}
}

/* Top Players (left sidebar): one line per hero - a long name ends in "..." (full name on hover) instead of wrapping */
.zeta-top-players > thead > tr > th,
.zeta-top-players > tbody > tr > td{padding-left:5px;padding-right:5px;}
.zeta-top-players > tbody > tr > td.zeta-hero{width:100%;max-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Bootstrap parts the CMS pages use that are white/light by default (Server Information list, FAQ / Info /
   Item Sets panels, Item Info / Wiki / Castle Siege / transfer tables, login & register hints) */
.list-group-item{background:#15121f;border-color:#30283b;color:#cfc8d7;}
a.list-group-item,button.list-group-item{color:#cfc8d7;}
a.list-group-item:hover,a.list-group-item:focus,
button.list-group-item:hover,button.list-group-item:focus{background:#201927;color:#fff!important;}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background:#8b3517;border-color:#a94a1b;color:#fff;}
.panel-default{border-color:var(--lm-border);}
.panel-default > .panel-heading{color:#f1edf5;background-color:#1d182b;border-color:#2d263a;}
.panel-default > .panel-heading a{color:#f1edf5;}
.panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group{border-top-color:#2d263a;}
.panel-group .panel-footer + .panel-collapse .panel-body{border-bottom-color:#2d263a;}
.table-striped > tbody > tr:nth-of-type(odd){background-color:rgba(255,255,255,.025);}
.table-hover > tbody > tr:hover{background-color:rgba(255,91,18,.06);}
.table-bordered,
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,.table-bordered > tfoot > tr > td{border-color:#2b2436;}
.help-block{color:var(--lm-muted);}

/* CMS pages that carry light colours of their own (they were drawn for the light default template) */
/* Palette those pages read. Only the default template defines it (light); "html:root" keeps Zeta's dark values
   even when AdminCP > Theme Editor is switched on - like Atlans/Momentum, Zeta keeps its own colours. */
html:root{
    --nexusemucolor1:#ff7a16;   /* highlight */
    --nexusemucolor2:#eeeaf7;   /* text */
    --nexusemucolor14:#9891aa;  /* muted text */
    --nexusemucolor16:#30283f;  /* borders */
}
/* My Account + Rewards Hub cards */
#content .wallet-card,
#content .acc-history,
#content .rw-stat,
#content .rw-table,
#content .rw-lead li{background:#15121f;}
#content .wallet-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.45);}
#content .acc-history tbody tr:hover td,
#content .rw-table tbody tr:hover td{background:rgba(255,91,18,.06);}
#content .rw-linkbox{background:#100e1a;border-color:#3a3048;}
#content .rw-linkbox code{background:transparent;padding:0;}
#content .rw-step{background:#15121f;border-color:#30283b;color:#cfc8d7;}
/* Drop List */
#content .dl-table thead th{background:#191524;color:#a8a0b4;}
#content .dl-table tbody td{border-top-color:#252032;}
#content .dl-table tbody tr:nth-child(odd){background:rgba(255,255,255,.025);}
#content .dl-table tbody tr:hover{background:rgba(255,91,18,.06);}
#content .dl-thumb{background:linear-gradient(180deg,#1d182b,#141121);border-color:#30283b;}
#content .dl-name{color:#f1edf5;}
#content .dl-loc{color:#b9b2c8;}
#content .dl-lvl.dl-lvl-none{background:#1d182b;color:#776f86;}
#content .dl-none{color:#625b73;}
/* Item Sets */
#content .is-full{background:#111723;border-color:#394b68;}
#content .is-full .ft,
#content .is-full div.fl{color:#8fb4e0;}
#content .is-render img{border-color:#30283b;}
#content .is-render .ph{border-color:#3a3048;color:#625b73;}
#content .is-pt-title{color:#9891aa;}
#content .is-opts{border-left-color:#2b2436;}
/* FAQ + Server Information open/close buttons */
#content .faq-toggle,
#content .si-toggle{background:#15121f;border-color:#3a3048;color:var(--lm-orange);}
#content .faq-head:hover .faq-toggle,
#content .si-head:hover .si-toggle{background:#201927;border-color:#8e431c;}

/* ---------- Castle Siege widget - ornate gold design (2026-10-08) ---------- */
.zcs{position:relative;margin-bottom:14px;padding:18px 16px 18px;color:#e9dcc0;text-align:center;
    background:linear-gradient(rgba(10,8,12,.82),rgba(10,8,12,.92)),url('../img/castle_owner_bg.jpg') center/cover;
    border:1px solid #6b5326;outline:1px solid rgba(0,0,0,.6);box-shadow:inset 0 0 0 4px rgba(0,0,0,.55),inset 0 0 0 5px rgba(183,145,74,.35),0 8px 24px rgba(0,0,0,.35);}
.zcs:before,.zcs:after{content:"";position:absolute;width:14px;height:14px;border:2px solid #c9a35a;}
.zcs:before{left:5px;top:5px;border-right:0;border-bottom:0;}
.zcs:after{right:5px;bottom:5px;border-left:0;border-top:0;}
.zcs-head{position:relative;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(201,163,90,.45);}
.zcs-title{display:block;font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:22px;letter-spacing:1px;line-height:1.1;
    background:linear-gradient(#fff1cc,#e3b867 55%,#a8782f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 6px rgba(0,0,0,.35);}
.zcs-gem{position:absolute;left:50%;bottom:-6px;width:11px;height:11px;margin-left:-6px;transform:rotate(45deg);background:#a01019;border:1px solid #e3b867;}
.zcs-body{display:flex;align-items:center;gap:8px;text-align:left;}
.zcs-banner{position:relative;flex:0 0 62px;height:96px;padding:4px;border:1px solid #6b5326;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 2px rgba(0,0,0,.6);}
.zcs-flag{width:100%;height:100%;display:block;}
.zcs-mark{position:absolute;left:50%;top:26px;transform:translateX(-50%);line-height:0;}
.zcs-mark img{width:26px!important;height:26px!important;}
.zcs-rows{flex:1;min-width:0;}
.zcs-row{display:flex;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid rgba(201,163,90,.18);}
.zcs-row:last-child{border-bottom:0;}
.zcs-ic{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#e3b867;transform:rotate(45deg);border:1px solid #8a6a2e;background:rgba(0,0,0,.4);}
.zcs-ic svg{width:14px;height:14px;transform:rotate(-45deg);}
.zcs-lbl{font-family:'Cinzel',Georgia,serif;font-size:8.5px;letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;color:#d8b46a;}
.zcs-val{font-size:12px;color:#f2ead8;font-weight:700;word-break:break-word;}
.zcs-val a{color:#f2ead8!important;}
.zcs-stage{text-transform:uppercase;letter-spacing:.2px;font-size:11px;word-break:normal;overflow-wrap:normal;}
.zcs-sep{position:relative;height:1px;margin:14px 0 12px;background:linear-gradient(90deg,transparent,rgba(201,163,90,.6),transparent);}
.zcs-sep span{position:absolute;left:50%;top:-5px;width:9px;height:9px;margin-left:-5px;transform:rotate(45deg);background:#a01019;border:1px solid #e3b867;}
.zcs-battle{font-family:'Cinzel',Georgia,serif;font-size:13px;font-weight:700;color:#f0d79a;letter-spacing:.6px;margin-bottom:8px;}
.zcs-flourish{font-size:9px;color:#b98b3e;}
.zcs-count{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;margin-bottom:12px;border:1px solid #6b5326;background:rgba(0,0,0,.5);font-size:12px;font-weight:700;color:#f2ead8;}
.zcs-ic-sm{transform:none;border:0;background:none;width:18px;height:18px;}
.zcs-ic-sm svg{transform:none;width:18px;height:18px;}
.zcs-btn{display:inline-block;padding:8px 12px;border:1px solid #b88d45;background:linear-gradient(#2a1d10,#140d07);color:#f0d79a!important;
    font-family:'Cinzel',Georgia,serif;font-size:10px;font-weight:700;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase;box-shadow:inset 0 0 0 2px rgba(0,0,0,.6);}
.zcs-btn:hover{border-color:#f0d79a;color:#fff!important;}

/* Image Slider colours (AdminCP > Image Slider; slider code in includes/slider.php) */
:root{--nxs-accent:#ff7a16;--nxs-border:#30283f;--nxs-cap:rgba(8,7,15,.92);--nxs-arrow-bg:rgba(21,18,31,.85);--nxs-arrow-fg:#e9e4ef;--nxs-arrow-border:#45364a;--nxs-dot:#3a3146;--nxs-font:Cinzel,serif;--nxs-radius:3px;--nxs-shadow:0 8px 24px rgba(0,0,0,.3);}

/* Sidebar Download / Forum banner cards (built-in; a picture uploaded in AdminCP > Theme Editor > Sidebar Banners replaces them) */
.zb{display:block;position:relative;margin:14px 0;padding:0;background:linear-gradient(180deg,#141121,#0d0b16);border:1px solid #30283f;text-decoration:none!important}
.zb:before,.zb:after{content:"";position:absolute;width:9px;height:9px;pointer-events:none}
.zb:before{left:-1px;top:-1px;border-left:2px solid var(--lm-orange);border-top:2px solid var(--lm-orange)}
.zb:after{right:-1px;bottom:-1px;border-right:2px solid var(--lm-orange);border-bottom:2px solid var(--lm-orange)}
.zb-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px;border-bottom:1px solid #272131}
.zb-head b{white-space:nowrap;font:900 9px Orbitron,Lato,sans-serif;color:#f1edf5;letter-spacing:.6px}
.zb-head b:first-letter{color:var(--lm-orange)}
.zb-head span{font:900 7.5px Orbitron,Lato,sans-serif;color:#fff;background:linear-gradient(#ff8a22,#e85b0d);padding:4px 6px;border-radius:2px;letter-spacing:.4px;white-space:nowrap}
.zb-body{display:flex;align-items:center;gap:10px;margin:9px;padding:9px;border:1px solid #2a2434;border-radius:4px;background:#100e1a}
.zb-ico{flex:0 0 46px;height:46px;border-radius:7px;border:1px solid #5a2a12;background:radial-gradient(circle at 50% 30%,#2a1a14,#120c10);display:flex;align-items:center;justify-content:center;box-shadow:-3px 0 0 var(--lm-orange)}
.zb-ico svg{width:28px;height:28px}
.zb-txt{flex:1;min-width:0}
.zb-txt h4{margin:0;font:900 12px/1.15 Orbitron,Lato,sans-serif;color:#fff;letter-spacing:.5px;text-transform:none;border:0;padding:0}
.zb-txt h4 i{font-style:normal;color:var(--lm-orange);display:block}
.zb-txt p{margin:4px 0 0;font-size:10.5px;line-height:1.35;color:#a7a0c4}
.zb-go{color:var(--lm-orange);font-size:20px;line-height:1}
.zb:hover{border-color:#8e431c}.zb:hover .zb-go{color:#ffa04d}
/* one-piece "Register now" card (guests) */
.zb-reg .zb-body{margin:0;border:0;border-radius:0;background:transparent;padding:12px}
.zb-reg .zb-ico{flex-basis:52px;height:52px}
.zb-reg .zb-ico svg{width:32px;height:32px}
.zb-reg .zb-txt h4{font-size:17px;line-height:1.1;letter-spacing:.8px}
.zb-reg .zb-go{font-size:34px;font-weight:300}


/* Terms of Service pop-up on the registration page (includes/tosgate.php) */
:root{--tg-accent:#ff7a16;--tg-accent2:#ffb347;--tg-panel:#171324;--tg-bg:#120f1c;--tg-line:#2f2840;--tg-line2:#4a405a;--tg-text:#d9d3e2;--tg-title:#ffffff;--tg-muted:#8f88a0;--tg-ok:#5fd48b;--tg-head:Cinzel,serif;--tg-glow:rgba(255,122,22,.14);--tg-iconbg:rgba(255,122,22,.12);--tg-tocbg:rgba(0,0,0,.14);--tg-curbg:rgba(255,122,22,.1);--tg-hover:rgba(255,255,255,.04);--tg-boxbg:#0e0c16;--tg-off:#2a2433;--tg-backdrop:rgba(6,5,12,.62);--tg-btntext:#ffffff;}

/* Header buttons (User Control Panel "Log Out", Top Players "Live"...): centred on the right of the header instead of wrapping
   under the title and hanging over the header edge */
.panel-heading{position:relative}
.panel-heading .panel-title > .btn.pull-right{position:absolute;right:10px;top:50%;transform:translateY(-50%);float:none!important;margin:0;padding:3px 8px;font-size:9px;line-height:1.5}
.panel-heading:has(.panel-title > .btn.pull-right) .panel-title{padding-right:58px!important}
.panel-usercp .panel-title{font-size:11px!important;letter-spacing:.3px!important;white-space:nowrap}

/* Terms / Privacy / Refunds links in the footer */
.footer-legal{margin:7px 0 8px;font-size:11px;letter-spacing:.3px}.footer-legal a{color:#9a92a8!important}.footer-legal a:hover{color:var(--lm-orange)!important}.footer-legal span{margin:0 8px;color:#4a405a}