/* ===========================================================
   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.pakde4d-home {
    background: url("../img/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: pd-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 pd-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 */
.pd-flash { animation: pd-flash 1.1s ease-out; }
@keyframes pd-flash {
    0%   { background-color: rgba(254, 216, 4, .75); }
    100% { background-color: transparent; }
}

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

/* ===========================================================
   PERBAIKAN TAMPILAN PAKDE4D
   1) Jam & tanggal sejajar dengan tombol WhatsApp
   2) Bingkai banner utama dikunci 1080x780
   3) FAQ tidak tertutup warna
   4) Slider winner cukup 1 baris teks
   =========================================================== */

/* ---------- 1. Header: jam di samping tombol WhatsApp ---------- */
.top-nav { height: auto !important; min-height: 53px; padding-top: 6px !important; padding-bottom: 6px !important; }
.top-nav .wa-desc {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.top-nav .wa-desc .bg-wa { flex: none; }
.top-nav .wa-desc p {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    font-size: .72rem;
    line-height: 1.2;
    color: #fff;
}
.top-nav .wa-desc p i { color: var(--first-color); margin-right: 3px; }
.top-nav .wa-desc p br { display: none; }
@media (max-width: 991px) {
    .top-nav .wa-desc p { font-size: .66rem; }
}

/* ---------- 2. Bingkai slider utama: KUNCI 1080 x 780 ---------- */
/* Rasio 1080/780 dipaksa; gambar apa pun yang diunggah dipotong
   otomatis mengikuti bingkai (object-fit: cover). */
.swiper.slider-blog {
    width: 100% !important;
    aspect-ratio: 1080 / 780 !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 4px;
    overflow: hidden;
}
.swiper.slider-blog .swiper-wrapper { height: 100% !important; }
.swiper.slider-blog .swiper-slide {
    height: 100% !important;
    display: flex;
    align-items: stretch;
}
.swiper.slider-blog .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
}
.swiper.slider-blog .swiper-slide img,
.swiper.slider-blog .swiper-slide img.swiper-lazy {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center;
    display: block;
}
.swiper.slider-blog .swiper-lazy-preloader { display: none; }

/* ---------- 3. FAQ: judul kuning solid, teks terbaca ---------- */
.entry-content h4,
.entry-content h5 {
    display: block !important;
    position: relative;
    z-index: 1;
    background: #fed804 !important;
    color: #111111 !important;
    padding: 8px 10px !important;
    margin: 16px 0 8px !important;
    border-radius: 3px;
    font-size: 1rem !important;
    line-height: 1.45;
    clear: both;
}
.entry-content h4 strong,
.entry-content h5 strong {
    color: #111111 !important;
    background: transparent !important;
}
.entry-content h4 + p,
.entry-content h5 + p {
    color: #f1f1f1 !important;
    background: transparent !important;
    margin-top: 4px !important;
    display: block;
    position: relative;
    z-index: 1;
}

/* ---------- 4. Winner Togel: cukup satu baris teks ---------- */
.winner-wrapper {
    position: relative;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 6px 0 88px !important;
    border: 1px solid var(--fifth-color);
    border-radius: 7px;
    overflow: hidden;
}
.label-winner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center;
    padding: 0 9px !important;
    background: var(--fourth-color) !important;
    color: #111 !important;
    font-size: .68rem !important;
    font-weight: 700;
    white-space: nowrap;
}
.lastwins {
    height: 30px !important;
    padding-top: 0 !important;
    overflow: hidden;
}
.lastwins .winner-track p {
    height: 30px !important;
    line-height: 30px !important;
    font-size: .74rem !important;
    margin: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
/* Tetap berjalan seperti semula */
.lastwins .winner-track { animation: pd-winner 60s linear infinite; }
@media (max-width: 600px) {
    .winner-wrapper { padding-left: 82px !important; }
}