/* DRAWCREST.COM - SELURUH CSS CUSTOM ADA DI FILE INI.
   Bootstrap 5 tetap dimuat melalui CDN untuk class utility dan komponen.
   Edit warna, tabel, banner, jarak, dan tampilan mobile di bawah.
*/
/* 1. GLOBAL */
:root{--bs-body-font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
html{scroll-padding-top:85px;scroll-behavior:smooth}
/* 2. HEADER / HERO */
.hero{background:linear-gradient(120deg,#111827,#1d3557)}
/* 3. KARTU DAN TABEL */
.card{border-radius:.8rem;overflow:hidden}
.table th,.table td{padding:.8rem}
/* 4. AREA LIVE DRAW */
.placeholder-panel{background:#101827;color:#f8fafc;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.live-frame{background:#101827;max-height:800px}
/* 5. BANNER SPONSOR ANTAR PRIZE */
.live-banner-row .live-banner-cell{padding:10px!important;background:#101827;text-align:center}
.live-banner-link{max-width:100%;margin:0 auto}
.live-banner-image{display:block;width:100%;height:auto;max-height:220px;object-fit:contain;margin:0 auto}
/* 6. RESPONSIVE */
@media(max-width:575.98px){.live-banner-row .live-banner-cell{padding:6px!important}.live-banner-image{max-height:140px}}

/* FLOATING ADS: posisi kiri, kanan, bawah; tombol tutup */
.floating-ad{position:fixed;z-index:1050;width:min(160px,28vw);filter:drop-shadow(0 3px 8px #0005)}
.floating-ad img{display:block;width:100%;height:auto;border-radius:6px}
.floating-ad-left{left:12px;bottom:16px}.floating-ad-right{right:12px;bottom:16px}
.floating-ad-bottom{left:50%;transform:translateX(-50%);bottom:10px;width:min(420px,85vw)}
.floating-ad-close{position:absolute;right:-8px;top:-12px;background:#212529;color:white;border:0;border-radius:50%;width:26px;height:26px;line-height:24px;font-size:20px;cursor:pointer}
@media(max-width:767px){.floating-ad-left,.floating-ad-right{width:min(110px,25vw);bottom:12px}.floating-ad-bottom{bottom:6px;width:min(280px,70vw)}}

.hero {
    background: linear-gradient(120deg, #111827, #00155d);
}
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgb(0 21 93) !important;
}
/* Countdown dan kolom result */
.countdown-panel{background:linear-gradient(135deg,#111827,#00155d);color:#fff;border:1px solid #e0a800}
.countdown-digits{font-size:clamp(2rem,6vw,3.2rem);line-height:1.15;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#ffc107}
.result-table th,.result-table td{white-space:nowrap;vertical-align:middle}
@media(max-width:575.98px){.result-table{font-size:.82rem}.result-table th,.result-table td{padding:.45rem .3rem}.result-table .fs-5{font-size:1rem!important}}

/* Tabel Live Draw SGP dan Toto: kolom seragam dan baris penuh */
#sgp .table-responsive,#toto .table-responsive{width:100%;overflow-x:auto;border-radius:.55rem;border:1px solid #495057}
.live-draw-table{width:100%;table-layout:fixed;margin:0;font-size:clamp(.78rem,1.5vw,.96rem);border-collapse:collapse}
.live-draw-table td{min-width:0;vertical-align:middle!important;padding:.78rem .45rem!important;overflow-wrap:anywhere;border-color:#495057!important}
.live-draw-table tr{height:48px}
.live-draw-table tr.draw-heading td{background:#790000!important;color:#fff;font-weight:700}
.live-draw-table tr.draw-section td{background:#343a40!important;color:#ffc107;font-weight:700}
.live-draw-table tr.draw-single td{background:#212529!important;font-weight:600}
.live-draw-table tbody tr:nth-child(odd):not(.draw-heading):not(.draw-section):not(.draw-single) td{background:#2b3035!important}
.live-draw-table tbody tr:nth-child(even):not(.draw-heading):not(.draw-section):not(.draw-single) td{background:#212529!important}
#sgp,#toto{max-width:100%;min-width:0}
@media(max-width:575.98px){.live-draw-table td{padding:.55rem .2rem!important;font-size:.76rem}.live-draw-table tr{height:42px}}

/* FIX v8: force dark cells even when source has fewer than four columns */
#sgp .live-draw-table,#toto .live-draw-table{--bs-table-bg:#212529;--bs-table-color:#fff;--bs-table-striped-bg:#2b3035;--bs-table-striped-color:#fff;background:#212529!important;color:#fff!important}
#sgp .live-draw-table tbody tr,#toto .live-draw-table tbody tr{background:#212529!important}
#sgp .live-draw-table tbody td,#toto .live-draw-table tbody td{background-color:#212529!important;color:#fff!important;box-shadow:none!important;border:1px solid #495057!important}
#sgp .live-draw-table tbody tr:nth-child(odd):not(.draw-heading):not(.draw-section) td,#toto .live-draw-table tbody tr:nth-child(odd):not(.draw-heading):not(.draw-section) td{background-color:#2b3035!important}
#sgp .live-draw-table tbody tr.draw-heading td,#toto .live-draw-table tbody tr.draw-heading td{background-color:#30363d!important;font-weight:700}
#sgp .live-draw-table tbody tr.draw-section td,#toto .live-draw-table tbody tr.draw-section td{background-color:#343a40!important;color:#ffc107!important;font-weight:700}

/* Toto: six equal base columns, full-width headings, no empty cells. */
#toto .live-draw-table{table-layout:fixed;width:100%;background:#212529!important}
#toto .live-draw-table tbody td{background:#212529!important;color:#fff!important;box-shadow:none!important;border-color:#495057!important}
#toto .live-draw-table tbody tr:nth-child(odd) td{background:#2b3035!important}
#toto .live-draw-table tbody tr.draw-heading td{background:#30363d!important;font-weight:700}
#toto .live-draw-table tbody tr.draw-section td{background:#343a40!important;color:#ffc107!important;font-weight:700}

/* Logo lingkaran di sisi countdown */
.countdown-layout{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,28px)}
.countdown-logo{width:clamp(68px,13vw,108px);height:auto;aspect-ratio:1;object-fit:contain;flex:none}
.countdown-content{min-width:0}
@media(max-width:420px){.countdown-layout{gap:10px}.countdown-logo{width:64px}.countdown-digits{font-size:clamp(1.65rem,8vw,2.3rem);letter-spacing:.02em}}