/* STORE APP Patch 491 — hard fix for selectable product-option dialog and strip-free slideshow arrows. */

/* Native option dialog owns its complete interaction layer. */
html body.site-masterpalm #mpProductOptionModal.mp-product-option-modal.show.is-open{
  display:block!important; visibility:visible!important; opacity:1!important;
  pointer-events:auto!important; z-index:2147483646!important;
}
html body.site-masterpalm #mpProductOptionModal.mp-product-option-modal.show.is-open,
html body.site-masterpalm #mpProductOptionModal.mp-product-option-modal.show.is-open *{
  pointer-events:auto!important;
}
html body.site-masterpalm > .mp-option-owned-backdrop{
  display:block!important; position:fixed!important; inset:0!important;
  background:rgba(0,0,0,.72)!important; opacity:1!important;
  pointer-events:auto!important; z-index:2147483635!important;
}
html body.site-masterpalm #mpProductOptionModal .mp-option-choice{
  position:relative!important; z-index:1!important; cursor:pointer!important;
  user-select:none!important; -webkit-user-select:none!important; touch-action:manipulation!important;
}
html body.site-masterpalm #mpProductOptionModal .mp-option-choice input,
html body.site-masterpalm #mpProductOptionModal select[data-mp-option-input]{
  position:relative!important; z-index:2!important; pointer-events:auto!important;
  opacity:1!important; visibility:visible!important; accent-color:#d80f18!important;
}
html body.site-masterpalm #mpProductOptionModal .mp-option-choice.is-selected{
  border-color:#d80f18!important; box-shadow:inset 0 0 0 2px #d80f18!important;
  background:#202a33!important;
}
html body.site-masterpalm #mpProductOptionModal .mp-option-choice.is-selected strong{color:#fff!important;}

/* Homepage carousel: do not use a full-height left/right control strip.
   Only a compact transparent arrow hit-target is present. */
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-prev,
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-next{
  position:absolute!important;
  top:50%!important; bottom:auto!important;
  width:52px!important; height:52px!important;
  min-width:52px!important; min-height:52px!important;
  margin:0!important; padding:0!important;
  transform:translateY(-50%)!important;
  background:transparent!important; background-color:transparent!important; background-image:none!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
  opacity:1!important; filter:none!important; z-index:20!important;
  color:#fff!important;
}
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-prev{left:10px!important; right:auto!important;}
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-next{right:10px!important; left:auto!important;}
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-prev:hover,
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-prev:focus,
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-prev:active,
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-next:hover,
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-next:focus,
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-next:active{
  background:transparent!important; background-color:transparent!important; background-image:none!important;
  border:0!important; box-shadow:none!important; outline:2px solid transparent!important;
}
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > button > .carousel-control-prev-icon,
html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > button > .carousel-control-next-icon{
  display:block!important; width:34px!important; height:34px!important;
  padding:0!important; margin:auto!important;
  background-color:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  background-size:100% 100%!important; opacity:1!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.95))!important;
}

/* Record/CMS slideshows get the same compact arrow treatment. */
html body.site-masterpalm #site-main :is(.ses-home-hero,.ses-record-hero,.ses-hero) > .carousel-control-prev,
html body.site-masterpalm #site-main :is(.ses-home-hero,.ses-record-hero,.ses-hero) > .carousel-control-next,
html body.site-masterpalm #site-main :is(.ses-home-hero,.ses-record-hero,.ses-hero) .carousel > .carousel-control-prev,
html body.site-masterpalm #site-main :is(.ses-home-hero,.ses-record-hero,.ses-hero) .carousel > .carousel-control-next{
  top:50%!important; bottom:auto!important; width:52px!important; height:52px!important;
  transform:translateY(-50%)!important; background:transparent!important; background-color:transparent!important;
  background-image:none!important; border:0!important; box-shadow:none!important; opacity:1!important;
}

@media(max-width:767.98px){
  html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-prev,
  html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-next{
    width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important;
  }
  html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-prev{left:4px!important;}
  html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > .carousel-control-next{right:4px!important;}
  html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > button > .carousel-control-prev-icon,
  html body.site-masterpalm #site-main .mpb2b-store-home-slideshow #mpStoreHomepageCarousel > button > .carousel-control-next-icon{width:28px!important;height:28px!important;}
}