/* Empire Tibia — tibiacom theme overrides (S73-B-FIX)
   VISION_LOCK v1.2 palette + Cinzel/EB Garamond typography.
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=EB+Garamond:wght@400;500;700&display=swap');

:root {
    --empire-stone-dark:   #353535;
    --empire-stone-mid:    #555555;
    --empire-wood-dark:    #362A1E;
    --empire-wood-mid:     #4A3824;
    --empire-cream:        #DCC49A;
    --empire-beige-body:   #AA8B5F;
    --empire-bronze:       #6B4F2A;
    --empire-red:          #A81C1C;
    --empire-blue:         #1C4A9F;
}

/* === Typography === */
body, p, td, .text, .TableContainer, div {
    font-family: 'EB Garamond', Georgia, 'Times New Roman', serif !important;
    font-size: 15px;
    line-height: 1.5;
}

h1, h2, h3, h4, h5,
.NewsHeadlineText,
.news-title, .newsheadline_title,
.navigation a,
.LabelV, .LabelH,
div.BigBox_Title_Text {
    font-family: 'Cinzel', 'Times New Roman', serif !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

/* === Palette === */
body {
    background-color: var(--empire-stone-dark) !important;
    color: var(--empire-beige-body);
}

a, a:visited {
    color: var(--empire-bronze) !important;
    text-decoration: none;
}
a:hover {
    color: var(--empire-cream) !important;
    text-decoration: underline;
}

/* Content boxes */
.BoxContent, .TableContainer, .news, .newsheadline {
    background-color: var(--empire-stone-mid) !important;
    color: var(--empire-cream) !important;
}

.BigBox_Title_Text, .CaptionContainer, .Header {
    background-color: var(--empire-wood-dark) !important;
    color: var(--empire-cream) !important;
}

/* Tables (highscores, online) */
table.Table1, .myaac-table, .TableContentContainer {
    background-color: var(--empire-stone-mid) !important;
    border: 1px solid var(--empire-bronze);
}
table.Table1 td, .myaac-table td {
    color: var(--empire-cream) !important;
    border-bottom: 1px solid var(--empire-stone-dark);
}
table.Table1 th, .myaac-table th,
.TableHeadline, .LabelH1 {
    background-color: var(--empire-wood-dark) !important;
    color: var(--empire-cream) !important;
}

/* Form inputs */
input[type="text"], input[type="password"], input[type="email"],
textarea, select {
    background-color: var(--empire-stone-dark) !important;
    color: var(--empire-cream) !important;
    border: 1px solid var(--empire-bronze) !important;
    font-family: 'EB Garamond', Georgia, serif;
}

/* Buttons */
button, input[type="submit"], input[type="button"], .button {
    background-color: var(--empire-wood-mid) !important;
    color: var(--empire-cream) !important;
    border: 1px solid var(--empire-bronze) !important;
    cursor: pointer;
    font-family: 'Cinzel', serif;
    letter-spacing: 0.04em;
}
button:hover, input[type="submit"]:hover, .button:hover {
    background-color: var(--empire-bronze) !important;
}

/* Hide potentially haram-coded elements */
.lottery, .casino, .cross-icon, .christian-cross { display: none !important; }