/* Travian SS — global header + RTL side menu */

/* ========== Banner (option A) ========== */
div#dynamic_header {
    height: 70px !important;
    min-width: 980px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #4a3f35 !important;
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 40%),
        linear-gradient(90deg,
            #4a3f35 0%,
            #6b5a45 18%,
            #8a7348 42%,
            #a08950 55%,
            #6b5a45 78%,
            #3d352c 100%) !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

div#dynamic_header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        90deg,
        transparent 0,
        transparent 47px,
        rgba(0, 0, 0, 0.06) 47px,
        rgba(0, 0, 0, 0.06) 48px
    );
    opacity: 0.7;
    pointer-events: none;
    z-index: 0;
}

div#dynamic_header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, #5c4030, #c9a227, #5c4030);
    z-index: 1;
}

body.mod1 div#dynamic_header,
body.mod2 div#dynamic_header {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 40%),
        linear-gradient(90deg,
            #4a3f35 0%,
            #6b5a45 18%,
            #8a7348 42%,
            #a08950 55%,
            #6b5a45 78%,
            #3d352c 100%) !important;
}

div#dynamic_header .tss-brand {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

div#dynamic_header .tss-brand .ornament {
    display: inline-block;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c9a227, transparent);
}

div#dynamic_header .tss-brand .name {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.55rem;
    letter-spacing: 0.12em;
    color: #e8d48b;
    text-shadow:
        0 1px 0 #3d2e14,
        0 2px 8px rgba(0, 0, 0, 0.45);
}

div#dynamic_header .tss-brand .ss {
    color: #d32f2f;
    text-shadow:
        0 1px 0 #3d1010,
        0 2px 8px rgba(0, 0, 0, 0.45);
}

/* ========== Side menu on the RIGHT — Arabic / RTL only ========== */
html[dir="rtl"] div#side_navi {
    float: right !important;
    text-align: right;
}

html[dir="rtl"] div#side_navi p a {
    padding-left: 0 !important;
    padding-right: 12px !important;
}

html[dir="rtl"] div#side_navi table {
    padding-left: 0 !important;
    padding-right: 12px !important;
}

html[dir="rtl"] div#content {
    float: right !important;
}

html[dir="rtl"] div#side_info {
    float: left !important;
    text-align: right;
    padding-left: 0 !important;
    padding-right: 10px !important;
}

html[dir="rtl"] div#side_info h5,
html[dir="rtl"] div#side_info div.news {
    margin-left: 0 !important;
    margin-right: 10px;
}

/* Top village icons — centered above content (overrides banner RTL float) */
html[dir="rtl"] div#mtop {
    left: 50% !important;
    margin-left: -241px !important;
    margin-right: 0 !important;
    float: none !important;
}