:root {
    --bg-color: #060504;
    --text-first: #f5e6c8;
    --text-muted: #b8a078;
    --text-accent: #f0d878;
    --text-second: #1a1008;
    --gold-light: #ffe082;
    --gold-mid: #d4af37;
    --gold-dark: #8b6914;
    --panel-bg: rgba(8, 6, 4, 0.88);
    --panel-border: rgba(212, 175, 55, 0.38);
    --glow-gold: 0 0 20px rgba(212, 175, 55, 0.22);
}

body {
    background-color: var(--bg-color);
    color: var(--text-first);
}

main.container {
    color: var(--text-first);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: linear-gradient(180deg, rgba(20, 8, 4, 0.35) 0%, rgba(6, 5, 4, 0.65) 50%, rgba(4, 3, 2, 0.82) 100%);
    pointer-events: none;
    z-index: 0;
}

main.container,
footer.container,
.nav-bottom,
.btn-up {
    position: relative;
    z-index: 1;
}

.logo {
    text-align: center;
    padding: 0.5rem 0;
}

.logo img {
    max-width: min(260px, 78vw);
    width: auto;
    height: auto;
    filter: drop-shadow(0 4px 16px rgba(212, 175, 55, 0.4));
    transition: transform 0.25s ease;
}

.logo img:hover {
    transform: scale(1.02);
}

.slider-wrapper {
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    box-shadow: var(--glow-gold);
    backdrop-filter: blur(8px);
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.slider-img {
    border: 1px solid rgba(212, 175, 55, 0.22);
    border-radius: 6px;
}

.bg-theme {
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 0.85rem;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

#rtp-update-time {
    color: inherit;
}

.title-game:not(.rtp-neon-heading) {
    color: var(--text-accent);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
}

.bg-theme h6 {
    color: var(--text-muted);
    font-weight: 500;
}

.bg-theme h6 .lni-thumbs-up {
    color: var(--gold-mid);
}

.bg-theme .text-warning,
.bg-theme .lni-star-fill {
    color: var(--gold-mid) !important;
}

.running-text,
.running-text marquee {
    color: var(--text-accent);
}

.running-text strong {
    color: var(--gold-light);
}

.nav-bottom {
    background: rgba(6, 4, 2, 0.96) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.45) !important;
    backdrop-filter: blur(12px);
}

.item-nav-bottom {
    background: transparent !important;
    color: var(--text-muted) !important;
}

.item-nav-bottom i {
    color: var(--gold-mid) !important;
}

.item-nav-bottom:hover {
    background: rgba(212, 175, 55, 0.1) !important;
    color: var(--gold-light) !important;
}

.item-nav-bottom:hover i {
    color: var(--gold-light) !important;
}

.btn-credit {
    background: linear-gradient(180deg, #3d2e0a 0%, #2a1f06 45%, #1a1404 100%) !important;
    color: var(--text-accent) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.btn-credit:hover {
    background: linear-gradient(180deg, #5c4510 0%, #3d2e0a 50%, #2a1f06 100%) !important;
    color: var(--gold-light) !important;
}

.row.g-0 .col:last-child .btn-credit {
    background: linear-gradient(180deg, #8b6914 0%, #6b4f0a 50%, #4a3606 100%) !important;
    color: #fff8e7 !important;
}

.row.g-0 .col:last-child .btn-credit:hover {
    background: linear-gradient(180deg, #a67c00 0%, #8b6914 50%, #6b4f0a 100%) !important;
}

.content-home h1 {
    color: var(--text-accent);
}

.content-home p,
.content-home li {
    color: #e8d5a3;
}

.pola-wrapper hr {
    border-color: rgba(212, 175, 55, 0.25);
    opacity: 1;
}

.rtp-card-img {
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 6px;
}

#btn-colorscheme {
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: rgba(0, 0, 0, 0.55);
    color: #ffd700;
}

#btn-colorscheme:hover {
    background: rgba(212, 175, 55, 0.15);
}

.btn-up {
    background: linear-gradient(180deg, #c9a227, #8b6914) !important;
    border: 1px solid rgba(255, 215, 0, 0.4) !important;
}

.content-home h2 {
    border-left: 3px solid #d4af37;
    padding-left: 0.65rem;
    margin-top: 1.25rem;
}

.content-home ul li {
    color: #e8d5a3;
}

.row.g-0 {
    border-left: 1px solid rgba(212, 175, 55, 0.2);
    border-right: 1px solid rgba(212, 175, 55, 0.2);
}

.icon-providers img {
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5));
}

body.rtp-light .icon-prov {
    background: linear-gradient(180deg, #f8f0dc 0%, #ebe0c8 100%);
    border-top-color: rgba(139, 105, 20, 0.35);
    border-bottom-color: rgba(139, 105, 20, 0.35);
}

body.rtp-light .icon-card-bg p,
body.rtp-light .item-prov p {
    color: #5c4510;
    text-shadow: none;
}

body.rtp-light .icon-card-bg {
    color: #8b6914;
}

body.rtp-light .bg-theme {
    background: rgba(255, 252, 245, 0.94);
    border-color: rgba(139, 105, 20, 0.35);
}

body.rtp-light main.container,
body.rtp-light footer.container {
    color: #2a1f06;
}

.table-pola .text-success {
    color: #5ecf8a !important;
}

.table-pola .text-danger {
    color: #e07070 !important;
}

@media (max-width: 768px) {
    .logo img {
        max-width: min(200px, 72vw);
    }
}
