/* Shared dismissal control for the panel, storefront and app.
 * Load before page styles: important declarations in this first layer protect
 * the control from legacy primary/delete button rules. Visibility and close
 * handlers remain owned by each dialog. Never target generic Cancel or Remove. */
@layer mfb-close-controls {
  :is(.mfb-close-button,.modal-header>.close,.modal-header>.close-model,.ui-dialog-titlebar-close,span.close-viewoder,span.closereview,.mfb-half-half-close,.mfb-basket-close,.fancybox-close,#cboxClose,.leaflet-popup-close-button) {
    box-sizing:border-box!important;
    width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
    flex:0 0 44px!important;padding:0!important;margin:0!important;
    border:1px solid #d6c9c0!important;border-radius:10px!important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2329262a' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M4 4l16 16M20 4 4 20'/%3E%3C/svg%3E") no-repeat center/24px 24px!important;
    color:#29262a!important;font-size:0!important;line-height:0!important;
    text-indent:0!important;text-shadow:none!important;text-decoration:none!important;
    box-shadow:none!important;filter:none!important;opacity:1!important;
    vertical-align:middle!important;cursor:pointer;touch-action:manipulation;
  }
  .mfb-close-button {display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .mfb-close-button[hidden] {display:none!important}
  :is(.mfb-close-button,.modal-header>.close,.modal-header>.close-model,.ui-dialog-titlebar-close,span.close-viewoder,span.closereview,.mfb-half-half-close,.mfb-basket-close,.fancybox-close,#cboxClose,.leaflet-popup-close-button)>* {
    opacity:0!important;pointer-events:none!important;
  }
  :is(.mfb-close-button,.modal-header>.close,.modal-header>.close-model,.ui-dialog-titlebar-close,span.close-viewoder,span.closereview,.mfb-half-half-close,.mfb-basket-close,.fancybox-close,#cboxClose,.leaflet-popup-close-button)::before,
  :is(.mfb-close-button,.modal-header>.close,.modal-header>.close-model,.ui-dialog-titlebar-close,span.close-viewoder,span.closereview,.mfb-half-half-close,.mfb-basket-close,.fancybox-close,#cboxClose,.leaflet-popup-close-button)::after {content:none!important}
  :is(.mfb-close-button,.modal-header>.close,.modal-header>.close-model,.ui-dialog-titlebar-close,span.close-viewoder,span.closereview,.mfb-half-half-close,.mfb-basket-close,.fancybox-close,#cboxClose,.leaflet-popup-close-button):hover:not(:disabled):not([aria-disabled=true]) {
    background-color:#f7f5f2!important;border-color:#a79b92!important;
  }
  :is(.mfb-close-button,.modal-header>.close,.modal-header>.close-model,.ui-dialog-titlebar-close,span.close-viewoder,span.closereview,.mfb-half-half-close,.mfb-basket-close,.fancybox-close,#cboxClose,.leaflet-popup-close-button):focus-visible {
    outline:3px solid #d87718!important;outline-offset:3px!important;
  }
  :is(.mfb-close-button,.modal-header>.close,.modal-header>.close-model,.ui-dialog-titlebar-close,span.close-viewoder,span.closereview,.mfb-half-half-close,.mfb-basket-close,.fancybox-close,#cboxClose,.leaflet-popup-close-button):is(:disabled,[aria-disabled=true]) {opacity:.5!important;cursor:not-allowed!important}
  /* These vendor buttons are absolutely positioned. Keep the larger target
   * inside its popup instead of inheriting negative offsets for tiny sprites. */
  :is(.fancybox-close,#cboxClose,.ui-dialog-titlebar-close,.leaflet-popup-close-button) {top:8px!important;right:8px!important;bottom:auto!important}
  .ui-dialog-titlebar {min-height:60px;padding-right:60px!important}
  .leaflet-popup-content {margin-right:60px!important}
  @media (forced-colors:active) {
    :is(.mfb-close-button,.modal-header>.close,.modal-header>.close-model,.ui-dialog-titlebar-close,span.close-viewoder,span.closereview,.mfb-half-half-close,.mfb-basket-close,.fancybox-close,#cboxClose,.leaflet-popup-close-button) {forced-color-adjust:none!important}
  }
}
