/* KL108 Royal Crimson theme override — palette sampled from the supplied red/gold lion logo. */
:root {
    --kl108-void: #060000;
    --kl108-black: #0c0101;
    --kl108-ink: #180202;
    --kl108-panel: #220405;
    --kl108-panel-2: #310708;
    --kl108-red: #810507;
    --kl108-red-deep: #4e0203;
    --kl108-red-bright: #b91618;
    --kl108-gold: #ef9d0f;
    --kl108-gold-2: #fbc524;
    --kl108-gold-light: #ffdf52;
    --kl108-cream: #fff0b8;
    --kl108-white: #fffaf0;
    --kl108-text: #e7d9c2;
    --kl108-muted: #b79e7d;
    --kl108-line: rgba(239, 157, 15, .26);
    --kl108-gold-line: rgba(251, 197, 36, .42);
    --kl108-red-line: rgba(185, 22, 24, .42);
    --kl108-shadow: 0 28px 80px rgba(0, 0, 0, .62);
}

html { background: var(--kl108-void); scroll-behavior: smooth; }
body.kl108-royal-theme {
    min-height: 100vh;
    color: var(--kl108-text);
    background:
        radial-gradient(circle at 50% -10rem, rgba(185,22,24,.28), transparent 38rem),
        radial-gradient(circle at 3% 40%, rgba(239,157,15,.08), transparent 30rem),
        radial-gradient(circle at 96% 66%, rgba(251,197,36,.07), transparent 34rem),
        linear-gradient(180deg, #070000 0%, #170202 38%, #090000 100%);
}
body.kl108-royal-theme,
body.kl108-royal-theme p,
body.kl108-royal-theme li,
body.kl108-royal-theme td,
body.kl108-royal-theme th { color: var(--kl108-text); }
body.kl108-royal-theme a { color: var(--kl108-gold-light); transition: color .2s ease, opacity .2s ease, transform .2s ease, box-shadow .2s ease; }
body.kl108-royal-theme a:hover,
body.kl108-royal-theme a:focus { color: #fff3a5; text-decoration: none; }
.kl108-royal-theme .container { max-width: 1200px; }

.kl108-royal-theme .topbar-container,
.kl108-royal-theme .site-header,
.kl108-royal-theme .home-info-container,
.kl108-royal-theme .site-footer,
.kl108-royal-theme .telegram-banner-container { border-color: var(--kl108-line) !important; }

.kl108-royal-theme .topbar-container {
    background: rgba(7,0,0,.97) !important;
    border-bottom: 1px solid rgba(251,197,36,.16) !important;
}
.kl108-royal-theme .site-header {
    background:
        linear-gradient(90deg, rgba(10,0,0,.99), rgba(94,3,5,.95) 46%, rgba(22,1,1,.98)) !important;
    border-bottom: 1px solid rgba(251,197,36,.25) !important;
    box-shadow: 0 18px 56px rgba(0,0,0,.56), inset 0 -1px rgba(255,223,82,.08);
}
.kl108-royal-theme .logo {
    background-image: linear-gradient(135deg, rgba(129,5,7,.16), rgba(239,157,15,.08)) !important;
}
.kl108-royal-theme .logo img {
    max-width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 0 16px rgba(239,157,15,.28));
}

.kl108-royal-theme .login-button,
.kl108-royal-theme .register-button,
.kl108-royal-theme .standard-primary-button,
.kl108-royal-theme .standard-secondary-button,
.kl108-royal-theme .button,
.kl108-royal-theme button.btn-primary,
.kl108-royal-theme .play-now {
    border: 1px solid rgba(255,223,82,.62) !important;
    border-radius: 999px !important;
    color: #fff8e6 !important;
    background: linear-gradient(135deg, #f2ac16 0%, #a40a0c 45%, #5d0203 100%) !important;
    box-shadow: 0 10px 30px rgba(105,0,0,.38), inset 0 1px rgba(255,255,255,.15);
}
.kl108-royal-theme .login-button:hover,
.kl108-royal-theme .register-button:hover,
.kl108-royal-theme .standard-primary-button:hover,
.kl108-royal-theme .standard-secondary-button:hover,
.kl108-royal-theme .button:hover,
.kl108-royal-theme button.btn-primary:hover,
.kl108-royal-theme .play-now:hover {
    transform: translateY(-1px);
    color: #fff !important;
    background: linear-gradient(135deg, #ffd33f 0%, #c01618 48%, #760305 100%) !important;
    box-shadow: 0 14px 36px rgba(139,3,5,.42), inset 0 1px rgba(255,255,255,.2);
}

.kl108-royal-theme .main-menu-container,
.kl108-royal-theme .main-menu,
.kl108-royal-theme .main-menu .game-list,
.kl108-royal-theme .dropdown-menu,
.kl108-royal-theme .modal-content {
    background-color: rgba(16,1,1,.985) !important;
    border-color: var(--kl108-line) !important;
}
.kl108-royal-theme .main-menu > li > a,
.kl108-royal-theme .main-menu a,
.kl108-royal-theme .dropdown-menu a,
.kl108-royal-theme .language-name { color: #eadcc6 !important; }
.kl108-royal-theme .main-menu > li:hover > a,
.kl108-royal-theme .main-menu > li[data-active="true"] > a,
.kl108-royal-theme .main-menu > li.active > a {
    color: var(--kl108-gold-light) !important;
    background: linear-gradient(180deg, rgba(185,22,24,.2), rgba(75,2,3,.08)) !important;
    box-shadow: inset 0 -2px var(--kl108-gold);
}

.kl108-royal-theme .banner {
    position: relative;
    overflow: hidden;
    background: #080000;
    border-bottom: 1px solid rgba(251,197,36,.24);
}
.kl108-royal-theme .banner::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0 -45px 70px rgba(8,0,0,.5), inset 0 0 0 1px rgba(251,197,36,.08);
}
.kl108-royal-theme .banner img { width: 100%; object-fit: cover; }

.kl108-royal-theme .home-info-container {
    overflow: hidden;
    background:
        linear-gradient(90deg, transparent 0 49%, rgba(251,197,36,.022) 50%, transparent 51%) 0 0/110px 100%,
        radial-gradient(circle at 50% 0, rgba(129,5,7,.22), transparent 38rem),
        linear-gradient(180deg, #0a0101, #170303 62%, #080000) !important;
}
.kl108-royal-theme .home-info-container > .container { padding-top: 30px; padding-bottom: 48px; }
.kl108-royal-theme .home-inner-container,
.kl108-royal-theme .popular-game-title-container,
.kl108-royal-theme .popular-provider-game-container { margin-top: 28px; }

.kl108-royal-theme .home-progressive-jackpot {
    border-radius: 20px;
    background:
        radial-gradient(circle at 14% 50%, rgba(239,157,15,.12), transparent 18rem),
        linear-gradient(110deg, #150202, #300506 58%, #130101) !important;
    box-shadow: var(--kl108-shadow), inset 0 0 0 1px rgba(251,197,36,.18);
}
.kl108-royal-theme .home-progressive-jackpot .outer-container,
.kl108-royal-theme .home-progressive-jackpot .inner-container,
.kl108-royal-theme .home-progressive-jackpot .border-container,
.kl108-royal-theme .home-progressive-jackpot .jackpot-inner-container,
.kl108-royal-theme .home-progressive-jackpot .jackpot-border-container {
    border-color: rgba(251,197,36,.5) !important;
    background-color: transparent !important;
}
.kl108-royal-theme .home-progressive-jackpot .jackpot-play-text,
.kl108-royal-theme .home-progressive-jackpot .jackpot-currency { color: var(--kl108-gold) !important; }
.kl108-royal-theme .home-progressive-jackpot .jackpot-container,
.kl108-royal-theme #progressive_jackpot { color: var(--kl108-gold-light) !important; text-shadow: 0 0 18px rgba(251,197,36,.25); }

.kl108-royal-theme .popular-game-title-container,
.kl108-royal-theme .popular-provider-game-container {
    border: 1px solid rgba(239,157,15,.26);
    border-radius: 20px;
    overflow: hidden;
    background: rgba(13,1,1,.88);
    box-shadow: var(--kl108-shadow);
}
.kl108-royal-theme .popular-game-title-container .container-title,
.kl108-royal-theme .popular-provider-game-container .container-title {
    color: var(--kl108-white) !important;
    background: linear-gradient(90deg, #6d0305 0%, #a50a0c 56%, #6d0305 100%) !important;
    border-color: rgba(251,197,36,.22) !important;
    box-shadow: inset 0 -1px rgba(251,197,36,.22);
}
.kl108-royal-theme .popular-game-title-container .container-content,
.kl108-royal-theme .popular-provider-game-container .container-content,
.kl108-royal-theme .popular-provider-game-container .tab-content,
.kl108-royal-theme .popular-provider-game-container .nav-tabs,
.kl108-royal-theme .popular-provider-game-container .tab-pane {
    background-color: #0e0101 !important;
    border-color: rgba(239,157,15,.16) !important;
}
.kl108-royal-theme .game-item .wrapper-container,
.kl108-royal-theme .game-item .game-wrapper {
    overflow: hidden;
    border: 1px solid rgba(251,197,36,.16);
    border-radius: 14px;
    background: #1a0303;
    box-shadow: 0 10px 28px rgba(0,0,0,.32);
}
.kl108-royal-theme .game-item:hover .wrapper-container,
.kl108-royal-theme .game-item:hover .game-wrapper {
    border-color: rgba(251,197,36,.6);
    box-shadow: 0 15px 34px rgba(124,3,5,.25);
}
.kl108-royal-theme .game-name,
.kl108-royal-theme .nav-tabs > li > a { color: #eadcc6 !important; }
.kl108-royal-theme .nav-tabs > li.active > a,
.kl108-royal-theme .nav-tabs > li > a:hover {
    color: var(--kl108-gold-light) !important;
    background: rgba(129,5,7,.25) !important;
    border-color: rgba(251,197,36,.25) !important;
}

.kl108-royal-theme .telegram-banner-container { background: #090000 !important; padding-top: 16px; padding-bottom: 16px; }
.kl108-royal-theme .site-footer {
    background:
        radial-gradient(circle at 50% 0, rgba(129,5,7,.2), transparent 40rem),
        linear-gradient(180deg, #0b0101, #050000) !important;
    color: var(--kl108-text) !important;
}
.kl108-royal-theme .site-footer h3,
.kl108-royal-theme .site-footer h4,
.kl108-royal-theme .site-footer strong { color: var(--kl108-white) !important; }
.kl108-royal-theme .footer-links,
.kl108-royal-theme .footer-separator,
.kl108-royal-theme .site-info,
.kl108-royal-theme .site-info-container,
.kl108-royal-theme .site-info-description { border-color: rgba(239,157,15,.16) !important; }
.kl108-royal-theme .footer-links a,
.kl108-royal-theme .copyright { color: #d7c6aa !important; }
.kl108-royal-theme .site-info { background: rgba(22,2,2,.75) !important; }
.kl108-royal-theme .site-info-title { background: linear-gradient(90deg, rgba(129,5,7,.3), transparent) !important; }
.kl108-royal-theme .site-info-description > div > div,
.kl108-royal-theme #deposit_progress,
.kl108-royal-theme #withdrawal_progress { background-color: var(--kl108-red-bright) !important; }
.kl108-royal-theme input,
.kl108-royal-theme select,
.kl108-royal-theme textarea { color: var(--kl108-white) !important; border-color: rgba(251,197,36,.24) !important; background: #190202 !important; }
.kl108-royal-theme .modal-header,
.kl108-royal-theme .modal-footer { border-color: rgba(239,157,15,.18) !important; }

@media (max-width: 767px) {
    .kl108-royal-theme .home-info-container > .container { padding-top: 18px; padding-bottom: 28px; }
    .kl108-royal-theme .popular-game-title-container,
    .kl108-royal-theme .popular-provider-game-container { border-radius: 16px; }
}
