/* ============================================
   THA555 — RED DRAGON FIRE THEME
   Merah Naga • Hitam • Emas
   ============================================ */

:root{
--body-theme-bg:#100305;
--announcement-cntr-bg:#260609;
--announcement-cntr-color:#fff2df;
--banner-bg:#190406;
--home-info-cntr-bg:#26090c;
--home-info-cntr-border:1px solid #d54320;
--popular-games-bg:#1b0609;
--popular-games-left-section-title-bg:#871017;
--popular-games-nav-tabs-li-a-bg:#3b0b10;
--popular-games-nav-tabs-li-a-active-bg:#c71c19;
--popular-games-tab-pane-bg:#20070a;
--promotion-cntr-bg:#24080b;
--promotion-list-bg:#3c0d12;
--provider-slide-bg:#25090d;
--arcade-games-cntr-bg:#25090d;
--sports-cntr-bg:#25090d;
--jackpot-winners-bg:#25090d;
--download-apk-btn-bg:linear-gradient(120deg,#790b13,#f04420,#790b13);
--home-progressive-jackpot-bg:linear-gradient(120deg,#190406,#94151a,#190406);
--yss-navy:#130406;
--yss-teal:#ff6a35;
--yss-gold:#ffd36b;
--yss-red:#e32620;
}

/* BODY BACKGROUND */
html body{
background:
radial-gradient(ellipse at 55% -15%,#8f151a 0%,transparent 52%),
radial-gradient(ellipse at 100% 55%,#d23b1833 0%,transparent 45%),
repeating-linear-gradient(155deg,transparent 0 95px,#ff481008 96px 98px,transparent 99px 190px),
linear-gradient(180deg,#110305 0%,#2c080c 55%,#090204 100%)!important;
color:#fff0e5!important;
}

/* BACKGROUND EFFECT */
html body:before{
content:"";
position:fixed;
inset:0;
z-index:0;
pointer-events:none;
background:
repeating-linear-gradient(115deg,transparent 0 110px,#ff5b170c 111px 112px,transparent 113px 225px),
radial-gradient(ellipse at 25% 80%,#dc281820,transparent 55%);
opacity:.9!important;
}

/* HEADER */
html body .topbar-container,
html body .site-header{
background:linear-gradient(100deg,#180406,#5a0c12 48%,#1b0507)!important;
border-bottom:2px solid #f2b544!important;
box-shadow:0 8px 30px #000a!important;
}

html body .site-header:after{
background:linear-gradient(90deg,transparent,#e92b1b,#ffd76e,#ff4a1c,transparent)!important;
}

html body .site-header a,
html body .topbar-container a{
color:#fff2df!important;
}

/* SECTION TITLES */
html body .container-title,
html body .section-title,
html body .popular-game-title-container .container-title,
html body .home-game-list-container .container-title{
background:linear-gradient(110deg,#410a0d,#a51a1b 50%,#52100b)!important;
border-left:4px solid #ffd36b!important;
border-bottom:1px solid #ed4b24!important;
color:#fff1c9!important;
text-shadow:0 2px 9px #000b!important;
}

/* CONTENT CONTAINERS */
html body .container-content,
html body .home-inner-container,
html body .popular-games,
html body .promotion-container,
html body .home-game-list-container{
background:linear-gradient(145deg,#30090e,#140406)!important;
border:1px solid #a62b21!important;
border-radius:12px!important;
box-shadow:0 12px 34px #0009!important;
}

/* ANNOUNCEMENT & HOME INFO */
html body .announcement-container,
html body .home-info-container{
background:linear-gradient(140deg,#4c0c11,#1e0609)!important;
border:1px solid #c63b24!important;
color:#fff0e5!important;
}

/* REGISTER BUTTON */
html body .nav-btn,
html body .btn-primary,
html body .register-button,
html body .register-btn{
background:linear-gradient(125deg,#a85d16,#ffe08b 48%,#d58a25)!important;
color:#280a07!important;
border:1px solid #ffedba!important;
border-radius:9px!important;
font-weight:800!important;
box-shadow:0 4px 18px #e5a52c66!important;
transition:transform .2s,filter .2s!important;
}

/* LOGIN BUTTON */
html body .login-button,
html body .login-btn{
background:linear-gradient(120deg,#7c0911,#ef2a1c,#9f1015)!important;
border:1px solid #ff7850!important;
color:#fff!important;
border-radius:9px!important;
box-shadow:0 4px 18px #ed2a2055!important;
}

/* BUTTON HOVER */
html body .register-button:hover,
html body .login-button:hover,
html body .btn-primary:hover{
transform:translateY(-2px)!important;
filter:brightness(1.12)!important;
}

/* HEADINGS */
html body h1,
html body h2,
html body h3,
html body h4{
color:#ffd36b!important;
text-shadow:0 2px 12px #000b!important;
}

/* TEXT */
html body p,
html body .site-description,
html body .site-description li{
color:#fff0e5!important;
}

/* LINKS */
html body a{
color:#ffd36b;
}

html body a:hover{
color:#fff3c4;
}

/* TABLE */
html body table{
background:#210609!important;
border:1px solid #c53a23!important;
box-shadow:0 8px 28px #0009!important;
}

html body th{
background:linear-gradient(110deg,#690e14,#ae1b1c,#60200c)!important;
color:#ffe6a6!important;
border-color:#e15a2c!important;
}

html body td{
background:#27090d!important;
color:#fff0e5!important;
border-color:#813023!important;
}

html body tr:nth-child(even) td{
background:#360c12!important;
}

html body tr:hover td{
background:#571018!important;
}

/* POPUP & MODAL */
html body .modal-content,
html body .popup-modal{
background:linear-gradient(145deg,#480d12,#170406)!important;
border:1px solid #e15a2c!important;
color:#fff3e7!important;
box-shadow:0 20px 60px #000c!important;
}

html body .modal-header,
html body .modal-footer{
border-color:#983020!important;
}

/* FOOTER */
html body .site-footer,
html body .site-footer .container,
html body .site-footer .footer-description-section,
html body .site-footer .site-description{
background-color:#170406!important;
background-image:linear-gradient(140deg,#110305 0%,#450b10 50%,#170406 100%)!important;
color:#fff0e5!important;
}

html body .site-footer{
border-top:3px solid #f2b544!important;
background-attachment:scroll!important;
}

html body .site-footer .site-description ul>li,
html body .site-footer .site-description ol>li{
color:#fff0e5!important;
}

html body .site-footer .site-description li::marker{
color:#ffd36b!important;
}

html body .site-footer .site-description strong{
color:#ffe099!important;
}

html body .site-footer .site-description h2,
html body .site-footer .site-description h3{
border-bottom:1px solid #a43923;
padding-bottom:8px;
}

/* BANNER */
html body .banner,
html body .banner-carousel{
background:#1a0508!important;
border:1px solid #f2b544!important;
border-radius:12px!important;
overflow:hidden;
box-shadow:0 14px 42px #000a!important;
}

/* LOGO */
html body .logo img{
max-width:100%;
height:auto;
filter:drop-shadow(0 0 14px #ff3d2066);
}

/* FORM */
html body input,
html body select,
html body textarea{
accent-color:#e32620;
}

/* SCROLLBAR */
html body ::-webkit-scrollbar-track{
background:#190507;
}

html body ::-webkit-scrollbar-thumb{
background:linear-gradient(#ffd36b,#b51b1a);
}

/* MOBILE RESPONSIVE */
@media(max-width:767px){
html body .site-header .container,
html body .topbar-container .container{
max-width:100%!important;
}

html body .site-footer .site-description{
padding:14px!important;
overflow-wrap:anywhere;
}

html body .site-footer .site-description table{
display:block;
max-width:100%;
overflow-x:auto;
}

html body .site-footer .site-description h2{
font-size:23px!important;
}

html body .site-footer .site-description h3{
font-size:19px!important;
}

html body .register-button,
html body .login-button{
min-height:38px!important;
}
}

/* ACCESSIBILITY */
@media(prefers-reduced-motion:reduce){
html body *{
transition:none!important;
animation:none!important;
}
}