
/* DEWA1000 visual polish override — load AFTER the other stylesheets.
   Based on class names present in the supplied HTML. */
:root{
  --d1000-red:#b50918;
  --d1000-red-dark:#72000a;
  --d1000-gold:#e4a91b;
  --d1000-ink:#202020;
  --d1000-soft:#f5f5f5;
}
html{background:#f3f3f3}
body{
  margin:0!important;
  color:var(--d1000-ink);
  background:#f3f3f3;
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
img{max-width:100%;height:auto}
.container{width:min(1180px,calc(100% - 30px));margin-left:auto;margin-right:auto}
.topbar-container{
  min-height:42px;
  background:#ececec;
  border-bottom:1px solid #d7d7d7;
  color:#333;
}
.topbar-container>.container>.row{
  min-height:42px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.topbar-left-section,.topbar-right-container,.login-panel{display:flex;align-items:center;gap:10px}
.topbar-item{display:flex;align-items:center;justify-content:center;padding:5px}
.topbar-item i{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-position:center;background-size:contain}
.login-panel-item a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:88px;padding:8px 18px;border-radius:22px;
  background:#343434;color:#fff;font-weight:700;text-transform:uppercase;
  box-shadow:0 1px 2px #0002
}
.login-panel-item .register-button{
  background:linear-gradient(180deg,#f8c33d,#d88b00);color:#2c2100
}
.site-header{
  position:relative;z-index:20;
  background:var(--d1000-red)!important;color:#fff;
  box-shadow:0 3px 8px #0003;
}
.site-header>.container>.row{
  display:flex;align-items:center;gap:20px;
  min-height:112px;padding:12px 0
}
.site-header .col-sm-3,.site-header .col-md-3{flex:0 0 245px;max-width:245px}
.site-header .col-sm-9,.site-header .col-md-9{flex:1;min-width:0}
.site-header .logo{
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:82px;background-position:center;background-repeat:no-repeat;background-size:contain
}
.site-header .logo img{display:block;max-width:100%;max-height:88px;object-fit:contain}
.menu-slide{position:relative;min-width:0;overflow:hidden}
.top-menu{
  display:flex;align-items:stretch;justify-content:flex-end;gap:2px;
  margin:0;padding:0;list-style:none
}
.top-menu>li{position:relative;flex:0 0 auto}
.top-menu>li>a{
  display:flex;min-width:63px;min-height:76px;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
  padding:8px 7px;color:#fff;text-align:center;
  font-size:12px;line-height:1.25;text-transform:uppercase;
  border-radius:3px
}
.top-menu>li>a img{display:block;width:29px;height:29px;object-fit:contain}
.top-menu>li:hover>a,.top-menu>li[data-active="true"]>a{background:var(--d1000-red-dark)}
.top-menu .game-list{
  display:none;position:absolute;top:100%;left:0;z-index:100;
  width:210px;max-height:65vh;overflow:auto;padding:8px;margin:0;
  list-style:none;background:#fff;color:#222;
  border-top:3px solid var(--d1000-gold);box-shadow:0 8px 20px #0004
}
.top-menu>li:hover>.game-list,.top-menu>li.open>.game-list{display:block}
.top-menu .game-list li a{display:block;padding:9px 10px;border-bottom:1px solid #eee;color:#222}
.top-menu .game-list li a:hover{background:#fff2d0}
.banner{position:relative;width:100%;overflow:hidden;background:#1a0908}
.banner-carousel,.banner .vertical-wrapper,.banner .slide-item{width:100%;margin:0;padding:0}
.banner .banner-img{display:block;width:100%;height:auto;max-height:none;object-fit:cover}
.banner .nav-btn{position:absolute;top:50%;z-index:5;transform:translateY(-50%);cursor:pointer}
.banner .main-prev{left:12px}.banner .main-next{right:12px}
.home-info-container{padding:12px 0;background:#f4f4f4}
.announcement-container{
  display:flex;align-items:center;gap:12px;
  padding:11px 14px;background:#fff;border:1px solid #e4e4e4;
  border-left:4px solid var(--d1000-red);border-radius:4px;
  box-shadow:0 2px 5px #0000000a
}
.announcement-container [data-section="title"]{flex:0 0 auto;font-weight:700;color:var(--d1000-red)}
.announcement-list{margin:0;padding-left:18px}
.announcement-container [data-section="date"]{flex:0 0 auto;color:#777;font-size:12px}
.home-inner-container{padding-top:12px}
.home-progressive-jackpot{
  margin:12px 0;padding:16px;border-radius:7px;
  background:linear-gradient(135deg,#282018,#080808);color:#f6c94e;
  border:1px solid #9e741b;box-shadow:0 3px 10px #0002
}
.home-progressive-jackpot .outer-container,.home-progressive-jackpot .inner-container{width:100%}
.home-progressive-jackpot .jackpot-play-section{display:flex;align-items:center;justify-content:center;gap:12px}
.home-progressive-jackpot .jackpot-play{width:auto;max-width:100%;height:auto;max-height:80px;object-fit:contain}
.home-progressive-jackpot .jackpot-play-text{font-size:24px;font-weight:800;color:#fff}
.home-progressive-jackpot .jackpot-container{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(24px,4vw,42px);font-weight:800}
.home-progressive-jackpot .jackpot-currency{font-size:14px}
.home-inner-container [data-section] img{max-width:100%}
.modal{
  display:none;position:fixed;inset:0;z-index:1050;overflow-y:auto;
  padding:24px 12px;background:rgba(0,0,0,.62)
}
.modal.show,.modal.open,.modal[aria-modal="true"]{display:block}
.modal-dialog{width:min(580px,calc(100% - 12px));margin:20px auto}
.modal-content{position:relative;background:#fff;border:0;border-radius:9px;overflow:hidden;box-shadow:0 16px 48px #0006}
.modal-header,.modal-body{padding:18px 22px}
.modal-header{border-bottom:1px solid #eee}
.modal-title{margin:0;color:#666;font-size:20px;font-weight:500}
.modal-body{color:#333}
.btn-close{float:right;border:0;background:transparent;color:#888;font-size:26px;cursor:pointer}
.btn-primary,.standard-button-group .btn{border:0;border-radius:5px;background:var(--d1000-red);color:#fff;padding:10px 18px;font-weight:700}
.register-page-reminder{margin-top:14px;font-size:12px;line-height:1.55;color:#666}
.register-page-link{margin-top:10px;text-align:center;color:var(--d1000-red)}
.home-progressive-jackpot,.announcement-container,.modal-content{box-sizing:border-box}
@media(max-width:1000px){
 .site-header>.container>.row{gap:10px}
 .site-header .col-sm-3,.site-header .col-md-3{flex-basis:190px;max-width:190px}
 .top-menu>li>a{min-width:54px;padding:7px 4px;font-size:11px}
 .top-menu>li>a img{width:25px;height:25px}
}
@media(max-width:720px){
 .topbar-container>.container>.row{flex-wrap:wrap;padding:5px 0;gap:5px}
 .site-header>.container>.row{display:block;min-height:0;padding:10px 0}
 .site-header .col-sm-3,.site-header .col-md-3,.site-header .col-sm-9,.site-header .col-md-9{max-width:none;width:100%}
 .site-header .logo{min-height:58px;margin-bottom:8px}
 .site-header .logo img{max-height:58px}
 .top-menu{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}
 .top-menu>li>a{min-width:60px;min-height:64px}
 .top-menu .game-list{position:fixed;left:8px;right:8px;top:auto;width:auto;max-height:50vh}
 .announcement-container{align-items:flex-start;flex-wrap:wrap}
 .announcement-container [data-section="date"]{margin-left:auto}
 .modal{padding:10px 5px}
 .modal-dialog{width:100%;margin:8px auto}
}
