/* === EQEmu Alla Clone - Leaderboard Matching Dark Theme === */

/* Import fonts to match hotzones page */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Anton&family=Bebas+Neue&family=Fjalla+One&display=swap');

/* General Page Styles */
html, body,
#bg-wrapper,
#skin-wrap,
#footer,
footer,
footer *,
.div15,
.block-content.pad10,
body > div:last-child {
    background-color: #111 !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'Oswald', Arial, sans-serif !important;
}

/* Layout Containers */
#container,
#wrapper,
#body,
.page-content,
.side_menu,
.menu_item,
#col-main,
#col-main-inner,
#col-main-inner-2,
#col-main-inner-3 {
    background-color: #111 !important;
    color: #e0e0e0 !important;
    font-family: 'Oswald', Arial, sans-serif !important;
}

/* Logo */
#logo {
    background-color: transparent !important;
    z-index: 10 !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
}

/* Nav and Horizontal Menu */
#nav {
    background: #111 !important;
    background-image: none !important;
}

ul#menu_horiz {
    background-color: #111 !important;
    background-image: none !important;
    border-bottom: 1px solid #222;
    font: 14px 'Oswald', Arial, Helvetica, sans-serif !important;
    height: 35px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    list-style-type: none;
    z-index: 3;
    letter-spacing: 1px;
}

ul#menu_horiz > li {
    background-color: #1a1a1a !important;
    border-right: 1px solid #222;
    font-family: 'Oswald', Arial, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
}

ul#menu_horiz > li:hover {
    background-color: #222 !important;
}

/* Menu Headings */
.menuh {
    background-color: #1a1a1a !important;
    color: #66ccff !important;
    border: 1px solid #333 !important;
    font-weight: bold;
    font-family: 'Fjalla One', Arial, sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Sidebar Menu Items */
.side_menu td,
.menu_item {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
    font-family: 'Oswald', Arial, sans-serif !important;
    letter-spacing: 0.5px;
}

/* Links */
a {
    color: #66ccff !important;
    text-decoration: none !important;
    font-family: 'Oswald', Arial, sans-serif !important;
}
a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* Headings */
h1, h2, h3 {
    color: #66ccff !important;
    font-family: 'Bebas Neue', Arial, sans-serif !important;
    letter-spacing: 2px;
    text-transform: uppercase;
}

h1 {
    font-size: 2.5em !important;
    letter-spacing: 3px;
}

h2 {
    font-size: 2em !important;
    letter-spacing: 2px;
}

h3 {
    font-size: 1.5em !important;
    letter-spacing: 1px;
}

/* Tables */
table {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-collapse: collapse !important;
    width: 100%;
    font-family: 'Oswald', Arial, sans-serif !important;
}

th {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    padding: 8px;
    font-weight: 600 !important;
    font-family: 'Fjalla One', Arial, sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

td {
    background-color: #181818 !important;
    border: 1px solid #333 !important;
    padding: 8px;
    font-family: 'Oswald', Arial, sans-serif !important;
    letter-spacing: 0.5px;
}

tr:hover td {
    background-color: #222 !important;
}

/* Hotzones Box */
div[style*="background: #ede3c5"],
div[style*="background:#ede3c5"] {
    background-color: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    box-shadow: 2px 2px 5px #000 !important;
    font-family: 'Oswald', Arial, sans-serif !important;
    letter-spacing: 0.5px;
}

/* Hotzones Box Header */
div[style*="background: #ede3c5"] b,
div[style*="background:#ede3c5"] b {
    font-family: 'Fjalla One', Arial, sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #66ccff !important;
}

/* Footer Cleanup */
footer .block-content.pad10 {
    color: #aaa !important;
    font-family: 'Oswald', Arial, sans-serif !important;
}

/* Input fields and forms */
input, textarea, select {
    background-color: #222 !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
    font-family: 'Oswald', Arial, sans-serif !important;
}

/* Search box */
#qq, #global_search input {
    background-color: #222 !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
    font-family: 'Oswald', Arial, sans-serif !important;
}