/* Mobile-only frontend placeholder clarity, retained from V2. */
@media screen and (max-width:575.98px) {
  html body input[placeholder]::placeholder,
  html body textarea[placeholder]::placeholder,
  html body input[placeholder]::-webkit-input-placeholder,
  html body textarea[placeholder]::-webkit-input-placeholder {
    color:#61718a!important;
    opacity:1!important;
  }
  html body .dhm-r10 input[placeholder]::placeholder,
  html body .dhm-r10 textarea[placeholder]::placeholder,
  html body #dhm-mobile-home .dhm-login input[placeholder]::placeholder,
  html body .dhm-r10 input[placeholder]::-webkit-input-placeholder,
  html body #dhm-mobile-home .dhm-login input[placeholder]::-webkit-input-placeholder {
    color:#536681!important;
    opacity:1!important;
  }
}

/* V3 correction: sticky masthead + categories together; guest homepage menu remains above Popular. */
@media screen and (max-width:575.98px) {
  html body.dhm-v3-sticky-ready {
    --dhm-v3-header-height: 154px;
    --dhm-v3-nav-height: 64px;
  }
  html body.dhm-v3-sticky-ready .dhm-v3-masthead-spacer {
    display:block!important;
    box-sizing:border-box;
    width:100%;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    pointer-events:none;
  }
  /* Preserve BOTH promo strips and the brand header while scrolling.
     Actual top/height is recomputed if a strip is dismissed. */
  html body.dhm-v3-sticky-ready .dhm-mobile-top {
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100vw!important;
    z-index:1021!important;
    margin:0!important;
  }
  html body.dhm-v3-sticky-ready .dhm-mobile-brand {
    position:fixed!important;
    top:var(--dhm-v3-promo-height,88px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100vw!important;
    z-index:1020!important;
    margin:0!important;
  }
  /* Disable the older independent sticky site-header offset; V3 handles the category holder. */
  html body.dhm-v3-sticky-ready .mcp-top-header > section.site-header {
    position:relative!important;
    top:auto!important;
    z-index:1015!important;
  }
  /* On guest homepage this section must remain hidden: menu itself is moved below login by V1. */
  html body.dhm-homepage.mobile-guest-category-below-login.dhm-v3-sticky-ready .mcp-top-header > section.site-header {
    display:none!important;
  }
  html body.dhm-v3-sticky-ready .dhm-top-nav-holder.dhm-v3-nav-fixed,
  html body.dhm-homepage.mobile-guest-category-below-login.dhm-v3-sticky-ready #dhm-mobile-home > .dhm-top-nav-holder.dhm-v3-nav-fixed {
    display:block!important;
    box-sizing:border-box!important;
    position:fixed!important;
    top:var(--dhm-v3-header-height,154px)!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    max-width:100vw!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    z-index:1018!important;
    overflow:hidden!important;
    background:rgba(0,12,38,.98)!important;
    box-shadow:0 3px 9px rgba(0,0,0,.35)!important;
  }
  html body.dhm-v3-sticky-ready .dhm-top-nav-holder.dhm-v3-nav-fixed nav.dhm-categories {
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-width:100vw!important;
    -webkit-overflow-scrolling:touch;
  }
  html body.dhm-v3-sticky-ready .dhm-v3-nav-anchor {
    display:block!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    pointer-events:none;
  }
  html body.dhm-v3-sticky-ready .dhm-v3-nav-spacer {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    pointer-events:none;
  }
  /* Offset anchor scrolling to avoid the sticky masthead and navigation. */
  html body.dhm-v3-sticky-ready #dhm-popular,
  html body.dhm-v3-sticky-ready #dhm-toto,
  html body.dhm-v3-sticky-ready #dhm-slot {
    scroll-margin-top:calc(var(--dhm-v3-header-height,154px) + var(--dhm-v3-nav-height,64px) + 8px)!important;
  }
  /* Exact 40px LOGIN and DAFTAR; do not resize Pasang Aplikasi or the bottom navbar. */
  html body.dhm-homepage #dhm-mobile-home .dhm-entry form.dhm-login > button.dhm-primary-btn,
  html body.dhm-homepage #dhm-mobile-home .dhm-entry > a.dhm-secondary-btn:not(.dhm-app-btn) {
    box-sizing:border-box!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    line-height:normal!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}