/* Modern polish layer - additive only, keeps the site's original gold/dark palette.
   Colors used are taken from the existing code:
   gold  #ffdc02 / #f8ce19 / #f4ae00 / #FDB931
   dark panel  #201E21
   Everything here enhances interaction/feel without changing layout or base colors. */

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

::selection {
    background: #f8ce19;
    color: #201E21;
}

/* Themed scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: #f8ce19 #201E21;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #201E21;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #f4ae00, #f8ce19);
    border-radius: 10px;
    border: 2px solid #201E21;
}
::-webkit-scrollbar-thumb:hover {
    background: #ffdc02;
}

/* Smooth interactions */
a,
button,
.btn,
.glowing2,
.tab-active,
.tab-nonactive,
input,
select,
textarea {
    transition: transform .18s ease, box-shadow .2s ease, filter .2s ease,
        border-color .2s ease, background-color .2s ease, color .2s ease, opacity .2s ease;
}

/* Gold call-to-action buttons */
.btn,
.glowing2,
.submit,
button.submit,
input[type="submit"],
button[type="submit"] {
    cursor: pointer;
    will-change: transform;
}
.btn:hover,
.glowing2:hover,
.submit:hover,
button.submit:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    filter: brightness(1.07) saturate(1.05);
    box-shadow: 0 8px 22px rgba(248, 206, 25, 0.28);
    transform: translateY(-2px);
}
.btn:active,
.glowing2:active,
.submit:active,
button.submit:active,
input[type="submit"]:active,
button[type="submit"]:active {
    transform: translateY(0) scale(0.99);
    filter: brightness(0.98);
}

/* Deposit method tabs */
.tab-nonactive:hover {
    box-shadow: 0 0 0 1px #ffdc02 inset, 0 6px 16px rgba(0, 0, 0, 0.35);
    transform: translateY(-1px);
}
.tab-active:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

/* Inputs & selects: refined focus glow in brand gold */
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
    outline: none;
    border-color: #f8ce19 !important;
    box-shadow: 0 0 0 3px rgba(248, 206, 25, 0.25);
}

/* Game tiles: subtle lift + gold glow (filter-based to avoid clashing with existing bounce animation) */
.hot-games-bounce {
    cursor: pointer;
    transition: filter .25s ease;
}
.hot-games-bounce:hover {
    filter: drop-shadow(0 8px 16px rgba(248, 206, 25, 0.35)) brightness(1.04);
}

/* Generic link hover */
a:hover {
    text-decoration: none;
}

/* Close button on side menu */
.closebtn {
    transition: transform .2s ease, color .2s ease;
    cursor: pointer;
}
.closebtn:hover {
    transform: rotate(90deg);
    color: #ffdc02;
}