/* STORE APP Patch 490 — mobile header/menu, transparent slideshow arrows, option click recovery. */

/* Product option modal must remain interactive even if an older orphan-layer
   cleanup left an inline pointer-events:none on the modal element. */
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show,
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show .modal-dialog,
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show .modal-content,
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show .modal-body,
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show [data-mp-option-groups],
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show .mp-option-group,
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show .mp-option-choice,
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show [data-mp-option-input],
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show button{
  pointer-events:auto!important;
}
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show{
  visibility:visible!important;
  opacity:1!important;
}
html body.site-masterpalm.mp-product-option-modal-open > .modal-backdrop.show{
  pointer-events:auto!important;
  z-index:2147483635!important;
}
html body.site-masterpalm.mp-product-option-modal-open #mpProductOptionModal.mp-product-option-modal.show{
  z-index:2147483646!important;
}

/* Slideshow navigation: buttons and icon wells stay transparent on desktop
   and mobile. Bootstrap's arrow SVG remains visible and gets a small shadow. */
body.site-masterpalm :where(
  .mpb2b-store-home-slideshow,
  .ses-home-hero,
  .ses-record-hero,
  .ses-hero
) :where(.carousel-control-prev,.carousel-control-next){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.site-masterpalm :where(
  .mpb2b-store-home-slideshow,
  .ses-home-hero,
  .ses-record-hero,
  .ses-hero
) :where(.carousel-control-prev-icon,.carousel-control-next-icon){
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.85));
}

.mpb2b-mobile-cart-count{display:none;}

@media(max-width:900px){
  /* The header is the only always-visible mobile navigation surface. */
  body.site-masterpalm .mpb2b-mainhead .mpb2b-container{
    grid-template-columns:minmax(0,1fr) 44px 44px!important;
    gap:8px!important;
  }
  body.site-masterpalm .mpb2b-brand{min-width:0!important;}
  body.site-masterpalm .mpb2b-brand img{max-width:100%!important;}
  body.site-masterpalm .mpb2b-head-search{grid-column:1/-1!important;order:3!important;}
  body.site-masterpalm .mpb2b-cart-link{
    display:inline-flex!important;
    position:relative!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    border:0!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.site-masterpalm .mpb2b-cart-link>i{font-size:1.55rem!important;color:#fff!important;}
  body.site-masterpalm .mpb2b-cart-link>span{display:none!important;}
  body.site-masterpalm .mpb2b-cart-link,
  body.site-masterpalm .mpb2b-mobile-toggle{
    background:#11171d!important;
    color:#fff!important;
    border:1px solid #3a434d!important;
    border-radius:4px!important;
  }
  body.site-masterpalm .mpb2b-mobile-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  body.site-masterpalm .mpb2b-mobile-toggle i{color:#fff!important;}
  body.site-masterpalm .mpb2b-mobile-cart-count{
    display:inline-flex!important;
    position:absolute!important;
    top:-5px!important;
    right:-5px!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#d80f18!important;
    color:#fff!important;
    border:2px solid #fff!important;
    font-size:.63rem!important;
    font-weight:900!important;
    line-height:1!important;
  }

  /* No duplicate black menu strip below the header while the burger is shut. */
  body.site-masterpalm .mpb2b-nav{
    min-height:0!important;
    height:auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.site-masterpalm .mpb2b-nav>.mpb2b-container{
    display:none!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  body.site-masterpalm .mpb2b-nav.is-open{
    background:#0d1217!important;
    border-bottom:4px solid #d80f18!important;
  }
  body.site-masterpalm .mpb2b-nav.is-open>.mpb2b-container.is-open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }

  /* Categories are already part of the CMS menu on mobile; do not render the
     separate Shop by Category/Department block a second time. */
  body.site-masterpalm .mpb2b-nav-category-wrap{display:none!important;}
  body.site-masterpalm .mpb2b-nav-managed{display:flex!important;flex-direction:column!important;width:100%!important;}
  body.site-masterpalm .mpb2b-nav-managed>.mpb2b-nav-item{display:block!important;width:100%!important;}
  body.site-masterpalm .mpb2b-nav-managed .mpb2b-nav-item-row{display:block!important;width:100%!important;position:relative!important;}
  body.site-masterpalm .mpb2b-nav-managed .mpb2b-nav-item-row>a{
    display:flex!important;
    width:100%!important;
    min-height:48px!important;
    padding:12px 52px 12px 18px!important;
  }
  body.site-masterpalm .mpb2b-nav-managed .mpb2b-submenu-toggle{
    display:flex!important;
    position:absolute!important;
    right:0!important;
    top:0!important;
    width:48px!important;
    min-height:48px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.site-masterpalm .mpb2b-nav-managed .mpb2b-nav-submenu{
    position:static!important;
    width:calc(100% - 14px)!important;
    min-width:0!important;
    margin:0 0 0 14px!important;
    padding:0 0 0 10px!important;
  }
}

@media(max-width:560px){
  /* Patch 490 reverses the old <=560px rule that hid checkout/cart access. */
  body.site-masterpalm .mpb2b-cart-link{display:inline-flex!important;}
}