/* The One Bali: galeri per halaman */
.ob-paged .og-more-wrap{display:none !important}
.ob-paged .og-item.obp-off{display:none !important}

.ob-gallery .obp-nav{display:flex;align-items:center;justify-content:center;gap:20px;max-width:1240px;margin:32px auto 0}
.ob-gallery .obp-nav[hidden]{display:none}
.ob-gallery .obp-btn{all:unset;box-sizing:border-box;cursor:pointer;flex:0 0 auto;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ob-gold,#C3A673);color:var(--ob-gold,#C3A673);transition:background .25s,color .25s,opacity .25s}
.ob-gallery .obp-btn:hover:not(:disabled){background:var(--ob-gold,#C3A673);color:var(--ob-ink,#0E0C0B)}
.ob-gallery .obp-btn:disabled{opacity:.3;cursor:default}
.ob-gallery .obp-btn:focus-visible,.ob-gallery .obp-dot:focus-visible{outline:2px solid var(--ob-gold,#C3A673);outline-offset:2px}

.ob-gallery .obp-dots{display:flex;align-items:center;gap:2px}
.ob-gallery .obp-dots[hidden]{display:none}
.ob-gallery .obp-dot{all:unset;box-sizing:border-box;cursor:pointer;width:24px;height:44px;display:inline-flex;align-items:center;justify-content:center}
.ob-gallery .obp-dot::before{content:"";width:8px;height:8px;border:1px solid var(--ob-gold-deep,#8C7246);transform:rotate(45deg);transition:background .25s,border-color .25s}
.ob-gallery .obp-dot:hover::before{border-color:var(--ob-gold,#C3A673)}
.ob-gallery .obp-dot[aria-current="true"]::before{background:var(--ob-gold,#C3A673);border-color:var(--ob-gold,#C3A673)}

/* Nomor halaman: disembunyikan bila titik tampil, muncul bila halaman banyak */
.ob-gallery .obp-count{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ob-gallery .obp-count.obp-count--solo{position:static;width:auto;height:auto;overflow:visible;clip:auto;min-width:64px;text-align:center;font-family:var(--ob-sans,"Jost",system-ui,sans-serif);font-size:12px;font-weight:500;letter-spacing:.2em;color:var(--ob-smoke,#A39789)}

@keyframes obpInR{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes obpInL{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
.ob-gallery .og-item.obp-in-r{animation:obpInR .45s cubic-bezier(.2,.7,.2,1) both}
.ob-gallery .og-item.obp-in-l{animation:obpInL .45s cubic-bezier(.2,.7,.2,1) both}

@media (max-width:640px){
  .ob-gallery .obp-nav{gap:12px;margin-top:24px}
}
@media (prefers-reduced-motion:reduce){
  .ob-gallery .og-item.obp-in-r,.ob-gallery .og-item.obp-in-l{animation:none}
}