/*
 * Ruang Bestari — Mobile/APK Readiness V1
 * Semua aturan dibatasi sampai 767px. Desktop tidak disentuh.
 */

@media (max-width: 767px) {
    :root {
        --rb-apk-gutter: 20px;
        --rb-apk-top: 24px;
        --rb-apk-bottom: 24px;
        --rb-apk-safe-bottom: env(safe-area-inset-bottom, 0px);
        --rb-apk-touch: 44px;
    }

    html {
        width: 100%;
        max-width: 100%;
        scroll-padding-top: 72px;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body.rb-mobile-apk-ready-v1 {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
        overscroll-behavior-x: none;
        -webkit-tap-highlight-color: rgba(20, 94, 93, .12);
    }

    body.rb-mobile-apk-ready-v1 *,
    body.rb-mobile-apk-ready-v1 *::before,
    body.rb-mobile-apk-ready-v1 *::after {
        box-sizing: border-box;
    }

    body.rb-mobile-apk-ready-v1 img,
    body.rb-mobile-apk-ready-v1 video,
    body.rb-mobile-apk-ready-v1 iframe,
    body.rb-mobile-apk-ready-v1 svg,
    body.rb-mobile-apk-ready-v1 canvas {
        max-width: 100%;
    }

    body.rb-mobile-apk-ready-v1 a,
    body.rb-mobile-apk-ready-v1 button,
    body.rb-mobile-apk-ready-v1 input,
    body.rb-mobile-apk-ready-v1 select,
    body.rb-mobile-apk-ready-v1 textarea,
    body.rb-mobile-apk-ready-v1 [role="button"] {
        touch-action: manipulation;
    }

    body.rb-mobile-apk-ready-v1 .entry-content,
    body.rb-mobile-apk-ready-v1 form,
    body.rb-mobile-apk-ready-v1 [class*="__grid"] > *,
    body.rb-mobile-apk-ready-v1 [class*="__item"] > *,
    body.rb-mobile-apk-ready-v1 [class*="__body"] {
        min-width: 0;
    }

    body.rb-mobile-apk-ready-v1 h1,
    body.rb-mobile-apk-ready-v1 h2,
    body.rb-mobile-apk-ready-v1 h3,
    body.rb-mobile-apk-ready-v1 p,
    body.rb-mobile-apk-ready-v1 a,
    body.rb-mobile-apk-ready-v1 strong,
    body.rb-mobile-apk-ready-v1 span {
        overflow-wrap: break-word;
    }

    body.rb-mobile-apk-ready-v1 pre,
    body.rb-mobile-apk-ready-v1 table {
        max-width: 100%;
    }

    body.rb-mobile-apk-ready-v1 pre {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.rb-mobile-apk-ready-v1 .site-footer {
        padding-bottom: var(--rb-apk-safe-bottom);
    }

    /* Cegah zoom otomatis iOS/WebView saat field difokuskan. */
    body.rb-mobile-apk-ready-v1.rb-auth-page input,
    body.rb-mobile-apk-ready-v1.rb-auth-page select,
    body.rb-mobile-apk-ready-v1.rb-auth-page textarea,
    body.rb-mobile-apk-ready-v1.page-id-18823 input,
    body.rb-mobile-apk-ready-v1.page-id-18823 select,
    body.rb-mobile-apk-ready-v1.page-id-18823 textarea,
    body.rb-mobile-apk-ready-v1.page-id-18829 input,
    body.rb-mobile-apk-ready-v1.page-id-18829 select,
    body.rb-mobile-apk-ready-v1.page-id-18829 textarea,
    body.rb-mobile-apk-ready-v1.page-id-18851 input,
    body.rb-mobile-apk-ready-v1.page-id-18851 select,
    body.rb-mobile-apk-ready-v1.page-id-18851 textarea,
    body.rb-mobile-apk-ready-v1.page-id-18867 input,
    body.rb-mobile-apk-ready-v1.page-id-18867 select,
    body.rb-mobile-apk-ready-v1.page-id-18867 textarea {
        font-size: 16px !important;
    }

    /* ======================================================
       AUTENTIKASI — satu pemilik ritme dan tipografi hero
       ====================================================== */

    body.rb-mobile-apk-ready-v1.rb-auth-page #primary,
    body.rb-mobile-apk-ready-v1.rb-auth-page .content-area,
    body.rb-mobile-apk-ready-v1.rb-auth-page .content-container,
    body.rb-mobile-apk-ready-v1.rb-auth-page #main,
    body.rb-mobile-apk-ready-v1.rb-auth-page article,
    body.rb-mobile-apk-ready-v1.rb-auth-page .entry-content-wrap {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.rb-mobile-apk-ready-v1.rb-auth-page #inner-wrap {
        padding-top: var(--rb-apk-top) !important;
        padding-bottom: var(--rb-apk-bottom) !important;
    }

    body.rb-mobile-apk-ready-v1.rb-auth-page .entry-content.single-content {
        width: calc(100% - (2 * var(--rb-apk-gutter))) !important;
        max-width: 460px !important;
        margin: 0 auto !important;
    }

    body.rb-mobile-apk-ready-v1.rb-auth-login .entry-content.single-content::before,
    body.rb-mobile-apk-ready-v1.rb-auth-register .entry-content.single-content::before,
    body.rb-mobile-apk-ready-v1.rb-auth-password-reset .entry-content.single-content::before {
        font-size: 12px !important;
        line-height: 1.55 !important;
        letter-spacing: 0 !important;
    }

    body.rb-mobile-apk-ready-v1.rb-auth-login .entry-content.single-content::after,
    body.rb-mobile-apk-ready-v1.rb-auth-register .entry-content.single-content::after,
    body.rb-mobile-apk-ready-v1.rb-auth-password-reset .entry-content.single-content::after {
        font-size: clamp(21px, 5.8vw, 23px) !important;
        line-height: 1.13 !important;
        letter-spacing: -.025em !important;
        white-space: pre-line !important;
    }

    body.rb-mobile-apk-ready-v1.rb-auth-login .entry-content.single-content::after {
        content: "Ruang untuk membaca,\A menulis, dan bertumbuh." !important;
    }

    body.rb-mobile-apk-ready-v1.rb-auth-page .um input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    body.rb-mobile-apk-ready-v1.rb-auth-page .um select,
    body.rb-mobile-apk-ready-v1.rb-auth-page .um textarea,
    body.rb-mobile-apk-ready-v1.rb-auth-page .um input[type="submit"] {
        min-height: 48px !important;
    }

    /* ======================================================
       AKUN — native accordion + form profil yang dapat dipakai
       ====================================================== */

    body.rb-mobile-apk-ready-v1.page-id-18823.rb-account-page.rb-account-mobile-initially-collapsed
    .um-account-tab-rb_profile {
        display: block !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .um-account-nav a {
        min-height: 52px !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .um-account-tab[hidden] {
        display: none !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .um-account-tab:not([hidden]) {
        pointer-events: auto !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile,
    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile-photo,
    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile__field {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile__input,
    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile__textarea {
        width: 100% !important;
        min-height: 48px !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile__textarea {
        min-height: 132px !important;
        resize: vertical !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile-photo__button,
    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile__save,
    body.rb-mobile-apk-ready-v1.page-id-18823 .um-account-tab input[type="submit"] {
        min-height: 48px !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile__save {
        width: 100% !important;
        justify-content: center !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile-photo.is-processing {
        opacity: .72;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile-photo.has-error
    .rb-account-profile-photo__filename {
        color: #a33b32 !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18823 .rb-account-profile-photo.is-ready
    .rb-account-profile-photo__filename {
        color: #176664 !important;
    }

    /* ======================================================
       MENULIS — editor, unggahan, dan aksi satu kolom
       ====================================================== */

    body.rb-mobile-apk-ready-v1.page-id-18829 #inner-wrap {
        padding-top: var(--rb-apk-top) !important;
        padding-bottom: var(--rb-apk-bottom) !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-page {
        width: calc(100% - (2 * var(--rb-apk-gutter))) !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-settings-bar__grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-form,
    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-document,
    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-settings-bar,
    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-action-bar,
    body.rb-mobile-apk-ready-v1.page-id-18829 .wp-editor-wrap,
    body.rb-mobile-apk-ready-v1.page-id-18829 .wp-editor-container,
    body.rb-mobile-apk-ready-v1.page-id-18829 .mce-tinymce {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18829 .mce-toolbar-grp {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-file-control,
    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-file-picker {
        width: 100% !important;
        min-height: 48px !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-action-bar .rb-write-form__actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
        width: 100% !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18829 .rb-write-form__button {
        width: 100% !important;
        min-height: 48px !important;
        justify-content: center !important;
    }

    /* ======================================================
       TULISAN SAYA — tombol dan menu tetap dalam viewport
       ====================================================== */

    body.rb-mobile-apk-ready-v1.page-id-18844 .rb-my-posts {
        width: calc(100% - (2 * var(--rb-apk-gutter))) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18844 .rb-my-posts__tabs {
        overflow-x: auto !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    body.rb-mobile-apk-ready-v1.page-id-18844 .rb-my-posts__tabs::-webkit-scrollbar {
        display: none;
    }

    body.rb-mobile-apk-ready-v1.page-id-18844 .rb-my-posts__tab,
    body.rb-mobile-apk-ready-v1.page-id-18844 .rb-my-posts__write-button,
    body.rb-mobile-apk-ready-v1.page-id-18844 .rb-my-posts__view-link,
    body.rb-mobile-apk-ready-v1.page-id-18844 .rb-my-posts__manage-toggle,
    body.rb-mobile-apk-ready-v1.page-id-18844 .rb-my-posts__manage-item {
        min-height: var(--rb-apk-touch) !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18844 .rb-my-posts__manage-menu {
        max-width: calc(100vw - (2 * var(--rb-apk-gutter))) !important;
    }

    /* ======================================================
       RUANG ADMIN — touch target, editor, filter, pagination
       ====================================================== */

    body.rb-mobile-apk-ready-v1.page-id-18851 .rb-admin-return-link,
    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-return-link,
    body.rb-mobile-apk-ready-v1.page-id-18851 .rb-admin-review__button,
    body.rb-mobile-apk-ready-v1.page-id-18851 .rb-admin-editorial__actions > a,
    body.rb-mobile-apk-ready-v1.page-id-18851 .rb-admin-editorial__actions > button,
    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__filter-row a,
    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__action a,
    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__action button,
    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__pagination-page,
    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__pagination-nav {
        min-height: var(--rb-apk-touch) !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18851 .rb-admin-editorial,
    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3 {
        width: calc(100% - (2 * var(--rb-apk-gutter))) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-bottom: max(24px, var(--rb-apk-safe-bottom)) !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18851 .rb-admin-editorial__grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18851 .rb-admin-editorial__actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18851 .rb-admin-editorial__actions > a,
    body.rb-mobile-apk-ready-v1.page-id-18851 .rb-admin-editorial__actions > button {
        width: 100% !important;
        justify-content: center !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__filter-row > div {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding: 2px 0 !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__filter-row > div::-webkit-scrollbar {
        display: none;
    }

    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__filter-row a {
        flex: 0 0 auto !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__pagination {
        align-items: center !important;
        gap: 8px !important;
    }

    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__pagination-pages {
        display: flex !important;
        flex-wrap: nowrap !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        padding: 2px !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    body.rb-mobile-apk-ready-v1.page-id-18867 .rb-admin-media-v3__pagination-pages::-webkit-scrollbar {
        display: none;
    }

    /* ======================================================
       ARTIKEL/KOMENTAR — media dan konten panjang tetap aman
       ====================================================== */

    body.rb-mobile-apk-ready-v1.single-post .entry-content img,
    body.rb-mobile-apk-ready-v1.single-post .entry-content video,
    body.rb-mobile-apk-ready-v1.single-post .entry-content iframe {
        width: auto;
        max-width: 100% !important;
        height: auto !important;
    }

    body.rb-mobile-apk-ready-v1.single-post .entry-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.rb-mobile-apk-ready-v1.single-post .comment-form input:not([type="checkbox"]):not([type="radio"]),
    body.rb-mobile-apk-ready-v1.single-post .comment-form textarea {
        width: 100% !important;
        min-height: 48px !important;
        font-size: 16px !important;
    }

    body.rb-mobile-apk-ready-v1.single-post .comment-form input[type="submit"] {
        min-height: 48px !important;
    }

    /* Saat keyboard APK terbuka, elemen sticky tidak menutupi field aktif. */
    body.rb-mobile-apk-ready-v1.rb-mobile-keyboard-open .rb-write-action-bar,
    body.rb-mobile-apk-ready-v1.rb-mobile-keyboard-open .rb-admin-editorial__actions {
        position: static !important;
    }
}