/**
 * Blue/Black theme override.
 * Loaded after lin2web.css or auth.css. Overrides variables and main gold/brown colors.
 */
:root {
    --color-primary: #5b9bd5;
    --color-secondary: #7eb8e8;
    --color-background: #1a202c;
    --color-dark: #232b38;
    --color-accent: #58a6ff;
    --accent-bg-color: rgb(30 66 120 / 90%);
    --bgc-color: rgb(35 42 54 / 95%);
    --bg-form-head: rgb(30 66 120 / 40%);
    --bg-form-table: rgb(35 42 54 / 95%);
    --bg-dark: #232b38;
}

/* Main overlay (replaces brown tint) */
.main-bg::before {
    background-color: rgb(26 32 44 / 70%);
}

/* Sidebar */
aside.sidebar {
    background-color: #1a202c;
    border-right-color: rgb(91 155 213 / 25%);
}

/* Form inputs & selects */
select.form-control,
.form-control {
    background: #232b38;
}
select.form-control:focus {
    border-color: #5b9bd5;
    box-shadow: 0 0 0 3px rgba(91, 155, 213, 0.3);
}
select.form-control option {
    background-color: #232b38;
}

/* Top bar gradient (auth_top) */
.auth_top {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(30 66 120 / 35%) 31.33%, rgb(35 42 54 / 90%) 100%);
}
.auth_top::before {
    opacity: 0.4;
}

/* Primary button (Pay, Create game account, Login, Register, etc.) */
.btn-primary {
    background: #4a85c4;
    background-color: #4a85c4;
    color: #fff;
}
.btn-primary:hover {
    background: #5b9bd5;
    background-color: #5b9bd5;
}
/* Auth pages (login/register): no gold border/ring – blue only */
.page-auth .btn-primary::before {
    background: linear-gradient(135deg, #5b9bd5 0%, #3a6ba3 100%);
}
.page-auth .btn-primary:hover::before {
    background: linear-gradient(135deg, #7eb8e8 0%, #5b9bd5 100%);
}

/* Create game account button: darker + thin border for visibility */
.create_game_account .btn-primary {
    background-color: #3a6ba3;
    border: 1px solid rgba(126, 184, 232, 0.5);
}
.create_game_account .btn-primary:hover {
    background-color: #4a85c4;
    border-color: rgba(126, 184, 232, 0.7);
}

/* Accent / Download button */
.btn-accent {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(25 55 100 / 50%) 31.33%, rgb(28 38 52 / 95%) 100%);
}
.btn-accent::before {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, #4a85c4 31.33%, rgb(35 42 54) 100%);
}
.btn-accent:hover {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(30 66 120 / 55%) 31.33%, rgb(35 45 62) 100%);
}

/* Cards, borders, create-game block */
.auth-main-link::before,
.auth-main-link::after,
.card::before,
.card::after,
.create_game_account::before,
.create_game_account::after {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, #5b9bd5 31.33%, rgb(35 42 54) 100%);
}
.card::after {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(28 36 50) 31.33%, rgb(35 42 54 / 90%) 100%);
}
/* Balance / Buy coins / Send to game bar: a bit transparent */
.auth-main-link::after {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(28 36 50 / 0.85) 31.33%, rgb(35 42 54 / 0.6) 100%);
}
/* Create game account bar: a bit transparent */
.create_game_account::after {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(28 36 50 / 0.85) 31.33%, rgb(35 42 54 / 0.6) 100%);
}

/* Auth / Login page: form card (.content) */
.content::before {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, #5b9bd5 31.33%, rgb(35 42 54) 100%);
}
.content::after {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(28 36 50) 31.33%, rgb(35 42 54 / 90%) 100%);
}

/* Tables */
.omg-table {
    background-color: #232b38;
}
.omg-table thead {
    background-color: rgb(91 155 213 / 25%);
}
/* Game account rows: a bit transparent */
.change-game-password-block {
    background: rgb(35 42 54 / 55%);
}

/* Popup */
.popup-content {
    background: var(--bg-dark);
}

/* Payment slider */
.payment__range.noUi-horizontal .noUi-connect {
    background: #5b9bd5;
}
.payment__range.noUi-horizontal .noUi-handle {
    background: var(--color-primary);
}
.pay_method.active {
    border-color: var(--color-primary);
}
.payment_bonus_price {
    background-color: var(--color-primary);
}
/* Pay page: Arabic / RTL – right-align when user types RTL (e.g. Arabic) */
#pay input:not([type="hidden"]):dir(rtl),
#personal_promo_code input:not([type="hidden"]):dir(rtl) {
    text-align: right;
}
/* Pay page: RTL prices block (الأسعار) and Arabic notice */
#pay .pay-rtl-block {
    text-align: right;
}
#pay .pay-rtl-block .donate-title,
#pay .pay-rtl-block .bonus-item p {
    text-align: right;
}
#pay .pay-notice-ar {
    text-align: right;
    margin: 1.25rem 0 0;
    padding: 0.5rem 0 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.79rem;
    color: #d4af37;
    line-height: 1.6;
}

/* Language / server switcher */
.nav__langs-item {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(30 66 120 / 35%) 31.33%, rgb(35 42 54 / 90%) 100%);
}
.server-switcher__current,
.server-switcher__current::before,
.server-switcher__item,
.server-switcher__item::before {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(30 66 120 / 35%) 31.33%, rgb(35 42 54 / 90%) 100%);
}
.server-switcher__current::before,
.server-switcher__item::before {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, #5b9bd5 31.33%, rgb(35 42 54) 100%);
}
.server-switcher__current .arrow-down {
    border-color: #7eb8e8;
}

/* Left sidebar menu: highlight active & hover with blue (no gold) */
.sidebar-menu a:before {
    background-image: none;
    background-color: transparent;
    background: linear-gradient(90deg, rgba(91, 155, 213, 0.4) 0%, rgba(91, 155, 213, 0.15) 100%);
}
.sidebar-menu a.active:after {
    filter: grayscale(0) drop-shadow(0 0.25rem 0.75rem rgba(0,0,0,0.46)) drop-shadow(0 0 0.625rem rgba(91, 155, 213, 0.6));
}

/* Stats menu */
.stats-menu a,
.stats-menu a::before {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(30 66 120 / 35%) 31.33%, rgb(35 42 54) 100%);
}
.stats-menu a::before {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, #5b9bd5 31.33%, rgb(35 42 54) 100%);
}
.stats-menu a:hover {
    background-color: #232b38;
}
.stats-menu .active a {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(30 66 120 / 45%) 31.33%, rgb(40 58 85) 100%);
}

/* Rating tables (stats, history-donate, etc.) */
table.rating {
    color: #c5d4e8;
}
table.rating thead {
    background: rgb(91 155 213 / 25%);
}
table.rating thead th {
    border-bottom-color: rgba(91, 155, 213, 0.5);
}
table.rating tbody {
    background: rgb(35 42 54 / 55%);
}
table.rating td:last-child {
    color: #7eb8e8;
}
/* Stats page: bar fills (default = blue; male/female keep their colors) */
.bar-fill {
    background: linear-gradient(to right, #5b9bd5, #7eb8e8);
}
/* Cards (warehouse, etc.): same transparent fill as other content blocks */
.card::after {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, rgb(28 36 50 / 0.85) 31.33%, rgb(35 42 54 / 0.6) 100%);
}

/* Service / pack items border */
.service-item::before,
.s-pack-item::before {
    background: radial-gradient(106.8% 45.71% at 50% 30.71%, #5b9bd5 31.33%, rgb(35 42 54) 100%);
}
.t_item.active img {
    border-color: #5b9bd5;
}

/* Mobile sidebar */
@media only screen and (max-width: 960px) {
    aside.sidebar.top_menu {
        background-color: #1a202c;
    }
}