/* GAMEDRAW.ORG - 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)}}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgb(153 64 0) !important;
}

.hero {
    background: linear-gradient(120deg, #111827, #994000);
}


.text-center {
    text-align: center !important;
    color: white;
}
/* Logo Live Draw SDY di samping countdown */
.countdown-brand-row{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}
.countdown-brand-logo{width:104px;height:104px;object-fit:contain;flex-shrink:0}
@media(max-width:575.98px){.countdown-brand-row{gap:.65rem}.countdown-brand-logo{width:68px;height:68px}#draw-countdown{font-size:clamp(1.65rem,7vw,2.6rem)}}

/* Countdown berada di bawah H2 Live Draw dan tepat sebelum tabel. */
.live-card-heading{background:#994000;color:#fff;border-bottom:3px solid #ffc107}
.live-card-heading h2{color:#fff}
.countdown-panel{background:linear-gradient(135deg,#fff8f2,#fff);border:1px solid #6c757d;border-left:5px solid #ed4f00;border-radius:.8rem;padding:1.15rem}
.countdown-label{color:#994000;letter-spacing:.09em}
.countdown-brand-row{display:flex;align-items:center;justify-content:center;gap:1.1rem;flex-wrap:wrap}
.countdown-brand-logo{width:88px;height:88px;object-fit:contain;flex:0 0 auto}
.countdown-time-wrap{min-width:0}
#draw-countdown{color:#994000;line-height:1.15;font-variant-numeric:tabular-nums}
#draw-next-date{color:#343a40;font-weight:600}
.countdown-note{color:#6c757d}
.live-table-wrap{border-radius:.55rem;overflow-x:auto}
.live-result-table{--bs-table-bg:#fff;--bs-table-color:#212529;--bs-table-border-color:#6c757d;min-width:280px}
.live-result-table thead th{background:#994000;color:#fff;border-color:#6c757d;padding:.8rem .65rem}
.live-result-table tbody th{background:#212529;color:#ffc107;font-weight:700}
.live-result-table tbody td{padding:.75rem .65rem;font-weight:700;font-size:1.25rem;color:#212529}
.live-result-table tbody tr:hover>*{--bs-table-bg:#fff1e7}
.live-banner-row .live-banner-cell{background:#fff8f2}
#live-status{color:#6c757d}
#live-date{color:#994000}
@media(max-width:575.98px){
 .countdown-panel{padding:.9rem .65rem}
 .countdown-brand-row{gap:.65rem}
 .countdown-brand-logo{width:64px;height:64px}
 #draw-countdown{font-size:clamp(1.8rem,8vw,2.5rem)}
 .live-result-table thead th,.live-result-table tbody td,.live-result-table tbody th{padding:.6rem .4rem}
}