/* ===== ChinaPools Mirror CSS v2 (layout fixed) ===== */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#main {
  flex: 1; /* isi utama akan dorong footer ke bawah */
}

#footer {
  background: #111;     /* sama seperti sudah ada */
  color: #ccc;
  text-align: center;
  padding: 10px 0;
}

/* Base */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font:14px/1.6 Tahoma, Arial, sans-serif;
  color:#e8edf5;
  background: #000 url("../images/bg.jpg") center top !important;
  background-size: cover !important;
}
a{color:#9ad0ff;text-decoration:none}
a:hover{text-decoration:underline}

/* Generic container */
.cp-container{max-width:980px;margin:0 auto;padding:0 10px}

/* Header */
#header_wrapper{
  background: linear-gradient(#3a3a3a,#1f1f1f);
  border-bottom:1px solid #000;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.5);
}
#header{display:flex;align-items:center;gap:16px;padding:14px 0}
#header .cp-title{font-size:28px;letter-spacing:.5px;margin:0}

/* If original markup doesn't have cp-container, inject via display: block width */
#header, #main_menu, #bottom_content .inner, #footer .inner{max-width:980px;margin:0 auto;padding:0 10px}

/* Logo */
#logo img{height:56px;display:block}

/* Main menu */
#main_menu_wrapper{
  background:#1f1f1f;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(0,0,0,.6);
}
#main_menu ul{list-style:none;margin:0;padding:10px 0;display:flex;gap:22px}
#main_menu li a{color:#fff;font-weight:700;opacity:.9}
#main_menu li a:hover{opacity:1}

/* Main two-column layout */
#main_wrapper{max-width:980px;margin:26px auto;padding:0 10px;display:grid;grid-template-columns: 1fr 360px;gap:18px}
@media (max-width: 980px){ #main_wrapper{grid-template-columns:1fr}}

/* Left panel (home_content) */
#home_content{}
#home_content .box{background:#121722;border:1px solid rgba(0,0,0,.7);border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.42);padding:16px}
#home_content h2, #home_content .title{margin:0 0 10px 0;font-size:26px;letter-spacing:.6px}
.results-table{border-top:1px solid #2f3745}
.results-row{display:flex;justify-content:space-between;align-items:center;padding:12px 6px;border-bottom:1px solid #2a3240}
.results-row .k{opacity:.85}
.results-row .v{font-weight:800;font-size:22px}
.special,.consol{display:flex;flex-wrap:wrap;gap:8px}
.badge{background:#0b111a;border:1px solid #283346;padding:6px 10px;border-radius:8px;font-weight:700}
.guarantee{background:#0d121a;border:1px solid #273043;margin-top:10px;border-radius:6px;padding:8px;text-align:center;opacity:.9}

/* Right column */
#right_col .widget{background:#0e1118;border:1px solid #222a3a;border-radius:10px;padding:12px;margin-bottom:16px}
.widget-title{font-weight:800;color:#ffde66;margin-bottom:8px}
.countdown{display:flex;gap:.4rem;align-items:center}
.countdown .box{background:#151a22;padding:.45rem .55rem;border-radius:.4rem;min-width:2rem;text-align:center;font-weight:800}
.countdown .sep{opacity:.6}
.note{font-size:.9rem;color:#ffc107;margin-top:.35rem}

/* Bottom content */
#bottom_content{margin:12px 0 28px}
#bottom_content .inner{}
.bottom-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bottom-card{background:#121722;border:1px solid #1a2030;border-radius:10px;padding:14px;color:#cdd6e3}
.bottom-card h3{margin:0 0 6px;color:#fff}

/* Footer */
#footer{background:#111;color:#a6b0bd;border-top:1px solid #000}
#footer .inner{padding:14px 10px}

/* Images flexible */
img{max-width:100%;height:auto}


/* Patch: Add spacing for Special Prize & Consolation Prize labels */
.results-row .k {
  opacity: .85;
  padding-right: 20px;
  min-width: 120px;
  display: inline-block;
}

#logo img {
  height: 100px;   /* atur tinggi logo */
  width: auto;    /* biar proporsi gambar tetap */
  vertical-align: middle; /* sejajar dengan teks */
}

.prize-box{
  transition: none !important;
  font-variant-numeric: tabular-nums;   /* angka monospasi rapi */
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Kalau sebelumnya ada animasi 'bump' saat digit berubah, matikan */
.cd-val.bump{ animation: none !important; }