/* ===========================================================
   Pelengkap tampilan PAKDE4D — komponen dinamis yang tidak ada di
   blog-togel.css (data dari database + auto update result).
   =========================================================== */

/* Latar sesuai referensi (foto asli sudah disimpan lokal) */
body.olx-home {
    background: url("../images/bg-main.webp") var(--third-color) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center center !important;
}

/* ---------- Sidenav mobile ---------- */
#navmobile .nav-m { background-image: none; padding-left: 14px; width: 100%; }
#navmobile .closebtn { text-decoration: none; }
#navmobile .accordion-item { border: 0; }
#navmobile .accordion-body a { display: block; padding-left: 26px; }

/* Dropdown tetap bisa dipakai walau JS Bootstrap gagal dimuat */
.nav-item.dropdown:hover > .dropdown-menu { display: block; margin-top: 0; }
.navbar .dropdown-menu { background: #fff; }
.navbar .dropdown-menu .dropdown-item { color: #181818; font-size: .8rem; }
.navbar .dropdown-menu .dropdown-item:hover { background: var(--fourth-color); color: #111; }

/* ---------- Marquee / ticker ---------- */
.icon-teksberjalan i { font-size: 1.05rem; }
marquee { font-size: .88rem; }

/* ---------- Slider ---------- */
.swiper.slider-blog { width: 100%; border-radius: 4px; overflow: hidden; }
.swiper.slider-blog .swiper-slide img { display: block; width: 100%; }
.swiper-pagination-bullet-active { background: var(--fourth-color) !important; }

/* ---------- Tab Result / Prediksi / Paito / Buku Mimpi ---------- */
.btntabb { font-size: .78rem; font-weight: 700; text-transform: uppercase; }
.btntabb.activebtnn { color: #111 !important; }
.tab-pane { display: none; }
.tab-pane.active { display: block; }

#top-pagetab { scroll-margin-top: 12px; }

/* ---------- Winner ticker ---------- */
.lastwins { height: 52px; overflow: hidden; padding-top: 20px; }
.lastwins .winner-track { animation: olx-winner 60s linear infinite; }
.lastwins .winner-track p {
    margin: 0; height: 26px; line-height: 26px; font-size: .78rem;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff;
}
@keyframes olx-winner { to { transform: translateY(-50%); } }
.winner-wrapper { min-height: 80px; }

/* ---------- Kartu result ---------- */
.card-game .res-pasaran p.text-pasar { margin: 0 0 6px; font-weight: 700; }
.card-game .res-pasaran h3 { margin: 0; }
.card-game .res-pasaran p:last-child { margin: 6px 0 0; font-size: .78rem; }
.card-game h6 { margin-bottom: 4px; }
.card-game img { object-fit: contain; }
.card-game .info-market { cursor: pointer; color: #111; z-index: 2; }

/* Kilatan halus saat angka result berubah otomatis */
.olx-flash { animation: olx-flash 1.1s ease-out; }
@keyframes olx-flash {
    0%   { background-color: rgba(253, 215, 2, .75); }
    100% { background-color: transparent; }
}

.olx-live-badge {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: .68rem; font-weight: 700; letter-spacing: .02em;
    color: #fff; text-transform: uppercase;
}
.olx-live-dot {
    width: 8px; height: 8px; border-radius: 50%; background: #25c05a;
    box-shadow: 0 0 0 0 rgba(37, 192, 90, .7); animation: olx-pulse 1.8s infinite;
}
@keyframes olx-pulse {
    70%  { box-shadow: 0 0 0 8px rgba(37, 192, 90, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 192, 90, 0); }
}

/* ---------- Artikel SEO ---------- */
.entry-content { color: #f1f1f1; font-size: .92rem; line-height: 1.65; text-align: left; }
.entry-content h1 { font-size: 1.35rem; font-weight: 700; color: #fff; margin: 0 0 14px; }
.entry-content h2 { font-size: 1.15rem; font-weight: 700; color: #fff; margin: 22px 0 10px; }
.entry-content h3 { font-size: 1.05rem; font-weight: 700; color: #fff; }
.entry-content h4, .entry-content h5 { color: #111 !important; }
.entry-content p { margin: 0 0 12px; }
.entry-content a { color: var(--first-color); text-decoration: underline; }
.entry-content ul, .entry-content ol { padding-left: 22px; }
.entry-content li { margin: 4px 0; }
.entry-content table { color: #fcfcfd; }
.entry-content hr { border: 0; border-top: 1px solid #555; width: 75%; margin: 18px auto; }

/* ---------- Halaman dalam (kompatibilitas) ---------- */
body.tg .page-head, body.tg .page-body { position: relative; z-index: 1; }
body.tg .entry-content { max-width: 100%; }

/* ---------- Footer ---------- */
footer.text-light p { margin: 0; }

/* ---------- Responsive kecil ---------- */
@media (max-width: 600px) {
    .lastwins { height: 46px; }
    .card-game .res-pasaran h3 { font-size: 2.1rem; }
    .btntabb { font-size: .68rem; padding: 6px 3px; }
}
@media (prefers-reduced-motion: reduce) {
    .lastwins .winner-track, .olx-live-dot, .olx-flash { animation: none !important; }
}