/* ============================================================
   style.css — Global Theme & Overrides
   Gesior2012 | Dark Fantasy Theme
   ------------------------------------------------------------
   SCOPE: body colors, fonts, top navbar, announcement bar,
          footer, global link colors, scrollbar, utilities.
   This file is loaded LAST — it overrides everything else.
   ============================================================ */

/* ── Base ── */
html, body {
    background-color:#0d0b07;
    background-image:radial-gradient(ellipse at top center,#1a1520 0%,#0a0806 65%);
    background-attachment:fixed;
    font-family:'Open Sans',Verdana,Arial,sans-serif;
    font-size:13px;
    color:#b0a080;
}

a         { color:#c9a349; text-decoration:none; }
a:hover   { color:#e8c870; text-decoration:underline; }
a:visited { color:#a08030; }

/* ── Top Navigation Bar ── */
#TopNavBar {
    background:linear-gradient(180deg,#1e1e1e,#141414);
    border-bottom:1px solid #2e2a1e;
    box-shadow:0 2px 8px rgba(0,0,0,.6);
    display:flex; align-items:center;
    padding:0 12px; height:48px;
    position:relative; z-index:100;
}

.nav-brand {
    font-family:'Cinzel',serif; font-size:15px; font-weight:700;
    color:#c9a349; text-shadow:0 0 14px rgba(201,163,73,.4);
    letter-spacing:2px; margin-right:18px; text-decoration:none;
}
.nav-brand:hover { color:#e8c870; text-decoration:none; }

.nav-ul { list-style:none; display:flex; gap:2px; margin:0; padding:0; }
.nav-ul li { position:relative; }

.nav-ul li a {
    display:flex; align-items:center; gap:4px;
    padding:0 12px; height:48px;
    font-size:10px; font-weight:600; letter-spacing:.5px;
    text-transform:uppercase; color:#908070;
    text-decoration:none; transition:color .2s,background .2s;
    cursor:pointer; white-space:nowrap;
}
.nav-ul li a:hover       { color:#e8c870; background:rgba(201,163,73,.07); text-decoration:none; }
.nav-ul li a.active      { color:#c9a349; border-bottom:2px solid #c9a349; }
.nav-arrow               { font-size:7px; opacity:.5; }

/* Dropdown */
.dropdown {
    display:none; position:absolute; top:48px; left:0;
    background:#161412; border:1px solid #2e2a1e;
    border-top:2px solid #c9a349; min-width:175px;
    z-index:200; box-shadow:0 6px 20px rgba(0,0,0,.7);
}
.nav-ul li:hover .dropdown { display:block; }
.dropdown a {
    height:auto; padding:9px 16px;
    font-size:11px; text-transform:none;
    font-weight:400; letter-spacing:0; color:#908070;
    border-bottom:1px solid #1e1c16; display:block;
    transition:background .15s,color .15s,padding-left .15s;
}
.dropdown a:hover { background:rgba(201,163,73,.1); color:#e8c870; padding-left:20px; text-decoration:none; }

/* Search */
.nav-search { margin-left:auto; display:flex; align-items:center; gap:5px; }
.nav-search input {
    background:#0e0c0a; border:1px solid #2e2a1e; border-radius:2px;
    padding:4px 9px; font-size:11px; color:#c8c0b0;
    width:130px; outline:none; transition:border-color .2s;
}
.nav-search input:focus   { border-color:#c9a349; }
.nav-search button {
    background:linear-gradient(180deg,#1e1a0a,#141006);
    border:1px solid #3a3010; border-radius:2px; color:#c9a349;
    padding:4px 9px; cursor:pointer; font-size:12px; transition:all .2s;
}
.nav-search button:hover  { border-color:#c9a349; color:#e8c870; }

/* ── Announcement bar ── */
#AnnouncementBar {
    background:linear-gradient(90deg,#5a2800,#8a3c00,#5a2800);
    border-bottom:1px solid #4a2000;
    color:#f0c080; font-size:12px; line-height:1.5;
}
#AnnouncementBar a { color:#f0e080; font-weight:600; text-decoration:underline; }
#AnnouncementBar a:hover { color:#fff; }

/* ── Players online ── */
#PlayersOnline { font-family:'Open Sans',Verdana,Arial,sans-serif; font-size:7pt; line-height:8pt; color:#c9a349; cursor:pointer; }
#PlayersOnline a { color:#c9a349; }
#PlayersOnline a:hover { color:#e8c870; }

/* ── Footer ── */
#Footer {
    font-family:'Open Sans',Verdana,Arial,sans-serif;
    font-size:8pt; color:#40382c;
    border-top:1px solid #1e1c14; margin-top:20px;
}
#Footer a:link, #Footer a:visited, #Footer a:focus { color:#60503a; text-decoration:none; }
#Footer a:hover, #Footer a:active { color:#c9a349; text-decoration:underline; }

/* ── Scrollbar ── */
::-webkit-scrollbar       { width:6px; height:6px; }
::-webkit-scrollbar-track { background:#0a0806; }
::-webkit-scrollbar-thumb { background:#2a2010; border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:#3a3018; }

/* ── Utility ── */
.text-gold   { color:#c9a349 !important; }
.text-green  { color:#40c060 !important; }
.text-red    { color:#e04040 !important; }
.text-muted  { color:#504030 !important; }
.text-center { text-align:center !important; }