/* X666 gold theme — intentionally loaded last to override cached/dynamic green styles. */
:root {
    --x666-gold: #f5b719;
    --x666-light: #ffd452;
    --x666-dark: #b96f00;
    --x666-ink: #171006;
    --x666-soft: rgba(245, 183, 25, .16);
    --ci-primary-color: #f5b719 !important;
    --ci-primary-opacity-color: rgba(245, 183, 25, .18) !important;
    --ci-secundary-color: #b96f00 !important;
    --premium-green: #f5b719 !important;
    --premium-green-dark: #b96f00 !important;
    --premium-gold: #ffd452 !important;
    --premium-line: rgba(245, 183, 25, .24) !important;
    --value-color-navtop: #ffd452 !important;
    --bonus-color-dep: #f5b719 !important;
    --values-deposit: #f5b719 !important;
    --colors-players: #f5b719 !important;
    --background-itens-selected: #f5b719 !important;
    --background-itens-selected-dark: #d89206 !important;
    --borders-and-dividers-colors: rgba(245, 183, 25, .46) !important;
    --borders-and-dividers-colors-dark: rgba(245, 183, 25, .38) !important;
    --botao-deposito-background-nav: #f5b719 !important;
    --botao-deposito-background-nav-dark: #d89206 !important;
    --botao-registro-background-nav: #f5b719 !important;
    --botao-registro-background-nav-dark: #d89206 !important;
    --botao-login-background-modal: #f5b719 !important;
    --botao-login-background-modal-dark: #f5b719 !important;
    --botao-registro-background-modal: #f5b719 !important;
    --botao-registro-background-modal-dark: #d89206 !important;
    --yellow-color: #ffd452 !important;
    --yellow-dark-color: #b96f00 !important;
    --border-registro-nav: #f5b719 !important;
    --border-deposito-nav: #f5b719 !important;
    --botao-registro-text-nav: #171006 !important;
    --botao-deposito-text-nav: #171006 !important;
    --botao-registro-text-modal: #171006 !important;
    --botao-deposito-text-dep: #171006 !important;
    --botao-deposito-background-dep: #f5b719 !important;
    --botao-deposito-border-dep: #ffd452 !important;
    --botao-deposito-text-saq: #171006 !important;
    --botao-deposito-background-saq: #f5b719 !important;
    --botao-deposito-border-saq: #ffd452 !important;
    --color-bt-1: #f5b719 !important;
    --color-bt-1-dark: #b96f00 !important;
    --color-bt-2: #f5b719 !important;
    --color-bt-2-dark: #b96f00 !important;
    --color-bt-3: #f5b719 !important;
    --color-bt-3-dark: #b96f00 !important;
    --color-bt-4: #f5b719 !important;
    --color-bt-4-dark: #b96f00 !important;
    --navtop-color: #f5b719 !important;
    --navtop-color-dark: #d89206 !important;
    --sidebar-color: #11140f !important;
    --sidebar-color-dark: #0b0f0c !important;
    --side-menu: #11140f !important;
    --side-menu-dark: #0b0f0c !important;
    --background-bottom-navigation: #0c120f !important;
    --background-bottom-navigation-dark: #080d0a !important;
    --footer-color: #080d0a !important;
    --footer-color-dark: #060a08 !important;
    --search-back: #111710 !important;
    --search-back-dark: #0b100d !important;
}

html, body {
    background: radial-gradient(circle at 50% -10%, rgba(245,183,25,.09), transparent 34rem), #070b0a !important;
}

/* Register, deposit, withdraw and modal confirmation buttons. */
#infinitysoft .btn-register,
#infinitysoft .btn-deposit,
#infinitysoft button[type="submit"]:not(.btn-login),
#infinitysoft .modal-content .botose,
#infinitysoft .modal-content button[class*="bg-green"],
#infinitysoft button[class*="bg-green"],
#infinitysoft a[class*="bg-green"] {
    color: var(--x666-ink) !important;
    background: linear-gradient(135deg, var(--x666-light), var(--x666-gold) 55%, #d78e05) !important;
    border-color: rgba(255,222,105,.76) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 8px 22px rgba(245,183,25,.28) !important;
}

#infinitysoft .btn-register:hover,
#infinitysoft .btn-deposit:hover,
#infinitysoft button[type="submit"]:not(.btn-login):hover {
    filter: brightness(1.08) !important;
}

/* Tailwind green utilities used by the Vue screens. */
#infinitysoft [class~="bg-green-400"],
#infinitysoft [class~="bg-green-500"],
#infinitysoft [class~="bg-green-600"],
#infinitysoft [class~="bg-green-700"] {
    background-color: var(--x666-gold) !important;
}

#infinitysoft [class*="text-green-"] {
    color: var(--x666-gold) !important;
}

#infinitysoft [class*="border-green-"] {
    border-color: rgba(245,183,25,.58) !important;
}

/* Selected navigation, category tabs and active states. */
#infinitysoft .category-list a:hover,
#infinitysoft .category-list a.router-link-active,
#infinitysoft .category-list a.category-active,
#infinitysoft .site-menu-item.category-active,
#infinitysoft .site-menu-item.router-link-active,
#infinitysoft [aria-selected="true"],
#infinitysoft [data-state="active"] {
    color: #fff6d7 !important;
    border-color: rgba(245,183,25,.55) !important;
    background: linear-gradient(180deg, rgba(245,183,25,.2), rgba(118,69,0,.13)) !important;
    box-shadow: inset 0 0 0 1px rgba(245,183,25,.08) !important;
}

#infinitysoft .game-list h2::before {
    background: linear-gradient(180deg, var(--x666-light), var(--x666-dark)) !important;
}

/* Bottom navigation icons and labels. */
#infinitysoft .background-bottom-navigation.custom-border-top button:hover,
#infinitysoft .background-bottom-navigation.custom-border-top button:active,
#infinitysoft .background-bottom-navigation.custom-border-top .router-link-active,
#infinitysoft .background-bottom-navigation.custom-border-top [aria-current="page"] {
    color: var(--x666-gold) !important;
}

#infinitysoft .background-bottom-navigation.custom-border-top .router-link-active svg,
#infinitysoft .background-bottom-navigation.custom-border-top [aria-current="page"] svg,
#infinitysoft [class*="text-green-"] svg {
    color: var(--x666-gold) !important;
    fill: currentColor;
}

/* Inputs, checkbox, radio, switches and focus rings. */
#infinitysoft input:focus,
#infinitysoft select:focus,
#infinitysoft textarea:focus,
#infinitysoft .input-custom:focus-within,
#infinitysoft #search.border-search:focus {
    border-color: var(--x666-gold) !important;
    caret-color: var(--x666-gold) !important;
    box-shadow: 0 0 0 3px rgba(245,183,25,.15) !important;
    outline: none !important;
}

#infinitysoft input[type="checkbox"],
#infinitysoft input[type="radio"] {
    accent-color: var(--x666-gold) !important;
}

#infinitysoft input[type="checkbox"]:checked,
#infinitysoft input[type="radio"]:checked,
#infinitysoft [role="switch"][aria-checked="true"],
#infinitysoft .peer:checked + * {
    color: var(--x666-ink) !important;
    background-color: var(--x666-gold) !important;
    border-color: var(--x666-light) !important;
}

#infinitysoft progress,
#infinitysoft .progress-bar,
#infinitysoft [class*="progress"] > span {
    accent-color: var(--x666-gold) !important;
}

/* Wallet and branded supporting accents. */
#infinitysoft .navbar .value,
#infinitysoft .navbar [class*="wallet"] strong,
#infinitysoft .navbar [class*="balance"] strong,
#infinitysoft a.item-game,
#infinitysoft .footer-color .title-color {
    color: var(--x666-light) !important;
}

#infinitysoft .bordass span[class*="bg-green"] {
    color: #ffe8a3 !important;
    background: rgba(245,183,25,.16) !important;
    border-color: rgba(245,183,25,.4) !important;
}

.Vue-Toastification__progress-bar {
    background-color: var(--x666-light) !important;
}

/* Inner authenticated pages use scoped selectors and theme helper classes. */
.background-itens-selected,
[class~="background-itens-selected"] {
    color: var(--x666-ink) !important;
    background-color: var(--x666-gold) !important;
    background-image: linear-gradient(135deg, var(--x666-light), var(--x666-gold) 58%, #d78e05) !important;
}

.btn-nav.active,
.actives,
nav .btn-nav.active {
    color: var(--x666-ink) !important;
    border-color: var(--x666-light) !important;
    background: linear-gradient(135deg, var(--x666-light), var(--x666-gold) 58%, #d78e05) !important;
    box-shadow: 0 5px 14px rgba(245,183,25,.25) !important;
}

.btn-nav::after,
.btn-nav.active::after {
    background-color: var(--x666-gold) !important;
}

#modalElDeposit button.manso,
.items-container:has(.password-section) form button[type="submit"],
.bordersa,
.bordinha-1 {
    color: var(--x666-ink) !important;
    border-color: var(--x666-light) !important;
    background-color: var(--x666-gold) !important;
    background-image: linear-gradient(135deg, var(--x666-light), var(--x666-gold) 58%, #d78e05) !important;
    box-shadow: 0 8px 20px rgba(245,183,25,.25) !important;
}

#modalElDeposit button.manso:active,
.items-container:has(.password-section) form button[type="submit"]:active {
    background: linear-gradient(135deg, var(--x666-gold), var(--x666-dark)) !important;
}

/* Profile information blocks and wallet/deposit page bars. */
.bg-primary,
[class~="bg-primary"],
.bg-primary-600,
[class*="bg-primary-"] {
    color: var(--x666-ink) !important;
    background-color: var(--x666-gold) !important;
}

.text-primary,
[class~="text-primary"],
[class*="text-primary-"] {
    color: var(--x666-gold) !important;
}

.border-primary,
[class~="border-primary"],
[class*="border-primary-"] {
    border-color: var(--x666-gold) !important;
}

/* The profile data page paints input rows with the selected-item helper. */
.inputs.background-itens-selected,
input.background-itens-selected,
.background-itens-selected input {
    color: var(--x666-ink) !important;
    caret-color: var(--x666-ink) !important;
}

.background-itens-selected input::placeholder,
input.background-itens-selected::placeholder {
    color: rgba(23,16,6,.62) !important;
}

/* Inner-page headers use navtop-color; panels/fields use bottom-navigation colors. */
.navtop-color:not(.navbar),
:is(.dark .navtop-color:not(.navbar)) {
    color: var(--x666-ink) !important;
    background-color: var(--x666-gold) !important;
    background-image: linear-gradient(135deg, var(--x666-light), var(--x666-gold) 58%, #d78e05) !important;
    border-color: rgba(255,220,95,.45) !important;
}

.navtop-color:not(.navbar) svg,
.navtop-color:not(.navbar) i,
.navtop-color:not(.navbar) button,
.navtop-color:not(.navbar) a {
    color: var(--x666-ink) !important;
}

.background-bottom-navigation:not(.custom-border-top),
:is(.dark .background-bottom-navigation:not(.custom-border-top)) {
    background-color: #0c120f !important;
    background-image: none !important;
}

.sidebar-color,
.side-menu,
[class*="sidebar-color"],
[class*="side-menu"] {
    background-color: #0c120f !important;
    background-image: none !important;
}

/* Remove the large yellow rectangle around the footer requested by the owner. */
footer,
.footer-color,
.footer-color .footer-list,
.footer-color > div {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    outline: 0 !important;
}

.footer-color {
    border: 0 !important;
    box-shadow: none !important;
}

/* Authentication tabs: keep both labels readable on the dark modal. */
.bordas-modal .btn-1,
.bordas-modal .btn-1 span,
.bordas-modal button span {
    color: #f4f4f4 !important;
    opacity: 1 !important;
}

.bordas-modal .highlight,
.bordas-modal .highlight span,
.bordas-modal .text-select-loginreg {
    color: var(--x666-gold) !important;
}

/* Scoped deposit/withdraw navigation has a high-specificity green rule. */
html body nav[class] .btn-nav.active,
html body .container .btn-nav.active,
html body [class*="container"] .btn-nav.active {
    color: var(--x666-ink) !important;
    border-color: var(--x666-light) !important;
    background-color: var(--x666-gold) !important;
    background-image: linear-gradient(135deg, var(--x666-light), var(--x666-gold) 58%, #d78e05) !important;
    box-shadow: 0 5px 14px rgba(245,183,25,.28) !important;
}

html body nav[class] .btn-nav.active::after,
html body .container .btn-nav.active::after {
    background-color: var(--x666-dark) !important;
}

/* Avoid dark text disappearing in any gold action while preserving readable labels elsewhere. */
.devilsess,
.devilsess-login,
.bordersa,
.bordinha-1,
#modalElDeposit button.manso {
    color: var(--x666-ink) !important;
}