/*
 * Hubban App Mode
 * Dipakai hanya pada halaman aplikasi Hubban.
 * WP Admin tidak terpengaruh.
 */

/* Hilangkan ruang admin bar jika browser masih membawa style WP lama. */
html:has(body.hubban-app-mode) {
    margin-top: 0 !important;
}

body.hubban-app-mode {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh;
    background: #fffaf1;
}

body.hubban-app-mode #wpadminbar {
    display: none !important;
}

/*
 * Twenty Twenty-Five / block themes.
 * Hanya header dan footer milik theme yang disembunyikan.
 */
body.hubban-app-mode .wp-site-blocks > header,
body.hubban-app-mode .wp-site-blocks > footer,
body.hubban-app-mode header.wp-block-template-part,
body.hubban-app-mode footer.wp-block-template-part {
    display: none !important;
}

/*
 * Theme klasik yang memakai selector umum.
 */
body.hubban-app-mode #masthead,
body.hubban-app-mode #colophon,
body.hubban-app-mode .site-header,
body.hubban-app-mode .site-footer {
    display: none !important;
}

/*
 * Buang margin/padding wrapper theme agar Hubban memenuhi layar.
 */
body.hubban-app-mode .wp-site-blocks {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.hubban-app-mode main,
body.hubban-app-mode .wp-block-post-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.hubban-app-mode .wp-block-post-content > .hubban-dashboard,
body.hubban-app-mode .wp-block-post-content > .hubban-profile-page,
body.hubban-app-mode .wp-block-post-content > .hubban-parent-page,
body.hubban-app-mode .wp-block-post-content > .hubban-parent-lock-page,
body.hubban-app-mode .wp-block-post-content > .hubban-series-detail {
    max-width: none !important;
}

/* Dashboard anak memang didesain sebagai aplikasi layar penuh. */
body.hubban-app-mode .hubban-dashboard {
    min-height: 100vh;
}

/* Jangan tampilkan judul page bawaan theme bila ada. */
body.hubban-app-mode .wp-block-post-title,
body.hubban-app-mode .entry-title {
    display: none !important;
}

body.hubban-app-page .wp-site-blocks {
    padding-top: 0 !important;
}

.hubban-app-page {
    padding-top: 0 !important;
}


/* FIX: Gap halaman Tonton */
body.hubban-app-mode.page-tonton
.wp-block-group[style*="padding-top"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* FIX: Gap halaman Tonton berdasarkan URL page slug */
body.hubban-app-mode:has(.hubban-player)
.wp-block-group[style*="padding-top"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Hubban Tonton only: remove Twenty Twenty-Five template spacing. */
body.hubban-app-mode:has(.hubban-watch-page) .wp-site-blocks > main,
body.hubban-app-mode:has(.hubban-watch-page) .wp-site-blocks > main > .wp-block-group[style*="padding-top"],
body.hubban-app-mode:has(.hubban-watch-page) .wp-site-blocks > main .wp-block-group.alignfull[style*="padding-top"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
body.hubban-app-mode:has(.hubban-watch-page) .wp-site-blocks > main .wp-block-post-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* HUBBAN - Samakan sidebar Tonton dengan Dashboard Anak */
body.hubban-app-mode .hubban-ebook-shell .hubban-sidebar .hubban-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

body.hubban-app-mode .hubban-ebook-shell .hubban-sidebar .hubban-menu > a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    height: 43px !important;
    min-height: 43px !important;
    padding: 0 13px !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}

body.hubban-app-mode .hubban-ebook-shell .hubban-sidebar .hubban-nav-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    flex-shrink: 0 !important;
}

body.hubban-app-mode .hubban-ebook-shell .hubban-sidebar .hubban-nav-label {
    display: inline-block !important;
    line-height: 1.35 !important;
}


/* =========================================
   HUBBAN - GLOBAL APP LAYOUT FIX
   Hilangkan gap atas dan bawah dari tema WP
   Berlaku hanya untuk halaman aplikasi Hubban
   ========================================= */

html:has(body.hubban-app-mode) {
    margin-top: 0 !important;
}

body.hubban-app-mode {
    margin: 0 !important;
    padding: 0 !important;
}

/* Wrapper utama tema */
body.hubban-app-mode .wp-site-blocks,
body.hubban-app-mode .wp-site-blocks > main {
    margin: 0 !important;
    padding: 0 !important;
}

/* Group bawaan Twenty Twenty-Five */
body.hubban-app-mode .wp-site-blocks
.wp-block-group[style*="padding-top"],
body.hubban-app-mode .wp-site-blocks
.wp-block-group[style*="padding-bottom"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Kontainer shortcode */
body.hubban-app-mode .wp-block-post-content,
body.hubban-app-mode .entry-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Hindari jarak otomatis antar block */
body.hubban-app-mode .wp-site-blocks > main > *,
body.hubban-app-mode .wp-block-post-content > * {
    margin-block-start: 0 !important;
}

/* Hilangkan gap bagian akhir halaman */
body.hubban-app-mode .wp-site-blocks {
    min-height: 100vh;
}


/* =========================================
   HUBBAN GLOBAL FIX - THEME SPACING
   Dashboard, Library, Explore, Tonton, dll.
   ========================================= */

body.hubban-app-mode .wp-site-blocks > main,
body.hubban-app-mode .wp-site-blocks > main > .wp-block-group {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Override inline padding dari WordPress */
body.hubban-app-mode .wp-block-group[style*="padding-top"],
body.hubban-app-mode .wp-block-group[style*="padding-bottom"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Hilangkan spacing otomatis wrapper */
body.hubban-app-mode .wp-site-blocks,
body.hubban-app-mode .wp-block-post-content {
    padding-block: 0 !important;
    margin-block: 0 !important;
}