/* =========================================================
 * MBG Regulasi Pro V2.2.39 — GLOBAL MOBILE/TABLET GUDANG HUKUM
 * Lightweight site-wide CTA for MIMBARBANGSA.COM.
 * Loaded on every frontend page but visible only on HP/tablet.
 * ======================================================= */
.mbg-global-gudang-hukum-link,
.mbg-global-gudang-hukum-spacer{display:none}

@media (max-width:1180px){
  /* V2.2.39 — exact PWA replacement + polished Share/Gudang stack. */
  #mbgsp-pwa-install,
  .mbgsp-pwa-install,
  #mbgsp-pwa-help,
  .mbgsp-pwa-help{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  body.mbg-global-gudang-hukum{
    padding-bottom:0!important;
    --mbg-global-gudang-h:44px;
    --mbg-global-share-h:0px;
    --mbg-global-share-clearance:10px;
    --mbg-global-share-bridge-bg:#07589c;
    --mbg-global-share-bridge-image:none;
  }

  /* Reserve only the extra Gudang Hukum height in normal document flow.
     Existing share plugins may already reserve their own share-bar space. */
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-spacer{
    display:block!important;
    width:100%!important;
    height:calc(var(--mbg-global-gudang-h) + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    clear:both!important;
    pointer-events:none!important;
  }

  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-link{
    display:flex!important;
    position:fixed!important;
    z-index:2147483646!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100vw!important;
    max-width:none!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    padding:7px 14px calc(7px + env(safe-area-inset-bottom,0px))!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    overflow:visible!important;
    border:0!important;
    border-top:1px solid rgba(232,202,133,.72)!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 50% -120%,rgba(74,155,213,.30),transparent 56%),
      linear-gradient(100deg,#082f4c 0%,#0d456b 45%,#0a3859 100%)!important;
    color:#fff!important;
    box-shadow:0 -6px 18px rgba(6,34,55,.12),0 1px 0 rgba(255,255,255,.08) inset!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:.012em!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }

  /* Seamless bridge: the Share icons are allowed to breathe below their own
     container without being clipped by the Gudang Hukum strip. */
  body.mbg-global-gudang-hukum.mbg-global-has-share .mbg-global-gudang-hukum-link:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(-1 * var(--mbg-global-share-clearance))!important;
    height:var(--mbg-global-share-clearance)!important;
    background-color:var(--mbg-global-share-bridge-bg)!important;
    background-image:var(--mbg-global-share-bridge-image)!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-link:before{
    content:""!important;
    position:absolute!important;
    left:10%!important;
    right:10%!important;
    top:0!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(255,244,211,.48),transparent)!important;
    pointer-events:none!important;
    z-index:2!important;
  }
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-icon,
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-copy,
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-arrow{
    position:relative!important;
    z-index:2!important;
  }

  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-link:hover,
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-link:focus,
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-link:active{
    color:#fff!important;
    background:
      radial-gradient(circle at 50% -120%,rgba(90,175,232,.34),transparent 56%),
      linear-gradient(100deg,#072a44 0%,#10527c 45%,#093451 100%)!important;
    text-decoration:none!important;
    outline:none!important;
  }

  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#f7e2a7 0%,#d8ad55 100%)!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16),0 1px 0 rgba(255,255,255,.58) inset!important;
  }
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-icon svg{
    display:block!important;
    width:13px!important;
    height:13px!important;
    fill:#123f61!important;
  }
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-copy{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:3px!important;
    color:#f7fbff!important;
    font-size:11px!important;
    line-height:1!important;
    text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
  }
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-copy strong{
    color:#fff3cf!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
  }
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-arrow{
    color:#f2d28b!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:.8!important;
    margin-left:2px!important;
  }

  /* If MBG Share Bar exists, make it sit flush immediately above CTA. */
  body.mbg-global-gudang-hukum.mbg-global-has-share .mbg-mobile-share-bar,
  body.mbg-global-gudang-hukum .mbg-mobile-share-bar.mbgsp-share-offset,
  body.mbg-global-gudang-hukum .mbgsp-share-offset{
    bottom:calc(var(--mbg-global-gudang-h) + var(--mbg-global-share-clearance))!important;
    z-index:2147483647!important;
    margin-bottom:0!important;
    overflow:visible!important;
  }

  /* Do not let common Share wrappers clip the circular icons. */
  body.mbg-global-gudang-hukum .mbg-mobile-share-bar .mbg-mobile-share-icons,
  body.mbg-global-gudang-hukum .mbg-mobile-share-bar .mbg-share-icons{
    overflow:visible!important;
  }
}

@media (max-width:480px){
  body.mbg-global-gudang-hukum{--mbg-global-gudang-h:42px}
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-link{
    min-height:40px!important;
    padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px))!important;
    gap:7px!important;
    font-size:10.6px!important;
  }
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-icon{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
  }
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-icon svg{width:12px!important;height:12px!important}
  body.mbg-global-gudang-hukum .mbg-global-gudang-hukum-copy{font-size:10.6px!important}
}

@media (min-width:1181px){
  .mbg-global-gudang-hukum-link,
  .mbg-global-gudang-hukum-spacer{display:none!important}
}


/* V2.2.36 — hard-hide only install-promo nodes identified by the mobile detector. */
@media (max-width:1180px){
  [data-mbg-install-promo-hidden="1"]{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
}