/* MX Action Designer frontend — alpha25be72.
 * Fully MX-scoped. No WoodMart CAD selectors or Elementor dependency.
 */
.mx-ad-root{--mx-ad-scope:1;position:static!important;z-index:var(--mx-ad-z,9998);pointer-events:none}
.mx-ad-root,.mx-ad-root *{box-sizing:border-box}
.mx-ad-root .mx-ad-device-desktop,.mx-ad-root .mx-ad-device-tablet,.mx-ad-root .mx-ad-device-mobile{display:none!important}

@media(min-width:1025px){
  .mx-ad-root .mx-ad-device-desktop.mx-ad-floating{display:flex!important}
  .mx-ad-root .mx-ad-device-desktop.mx-ad-bottom{display:grid!important}
}
@media(min-width:768px) and (max-width:1024px){
  .mx-ad-root .mx-ad-device-tablet.mx-ad-floating{display:flex!important}
  .mx-ad-root .mx-ad-device-tablet.mx-ad-bottom{display:grid!important}
}
@media(max-width:767px){
  .mx-ad-root .mx-ad-device-mobile.mx-ad-floating{display:flex!important}
  .mx-ad-root .mx-ad-device-mobile.mx-ad-bottom{display:grid!important}
}

/* Bottom/sticky bar: viewport-fixed, never participates in page flow. */
.mx-ad-root .mx-ad-bottom{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
  z-index:var(--mx-ad-z,9998)!important;
  grid-template-columns:var(--mx-ad-grid,repeat(2,minmax(0,1fr)));
  width:auto!important;max-width:none!important;margin:0!important;
  padding:var(--mx-ad-bottom-py,0) var(--mx-ad-bottom-px,0) max(var(--mx-ad-bottom-py,0),env(safe-area-inset-bottom))!important;
  gap:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  pointer-events:none!important;transform:none!important;
}
.mx-ad-root .mx-ad-bottom>.mx-ad-button{pointer-events:auto!important;width:100%;max-width:none;min-width:0;border-radius:var(--mx-ad-bottom-radius,var(--mx-ad-radius,0))!important}
.mx-ad-root .mx-ad-bottom.mx-ad-layout-fixed>.mx-ad-bottom-slot{grid-column:var(--mx-ad-slot)!important}

/* Floating stacks: viewport-fixed on left/right. */
.mx-ad-root .mx-ad-floating{
  position:fixed!important;z-index:var(--mx-ad-z,9998)!important;
  bottom:var(--mx-ad-fbottom,90px)!important;top:auto!important;transform:none!important;
  flex-direction:column!important;gap:var(--mx-ad-fgap,10px)!important;
  margin:0!important;padding:0!important;width:auto!important;height:auto!important;
  pointer-events:none!important;
}
.mx-ad-root .mx-ad-floating>.mx-ad-button{pointer-events:auto!important}
.mx-ad-root .mx-ad-side-left{left:var(--mx-ad-side,13px)!important;right:auto!important;align-items:flex-start!important}
.mx-ad-root .mx-ad-side-right{right:var(--mx-ad-side,13px)!important;left:auto!important;align-items:flex-end!important}

.mx-ad-root .mx-ad-button{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center;
  overflow:hidden;
  min-width:var(--mx-ad-h,58px);height:var(--mx-ad-h,58px);max-height:var(--mx-ad-h,58px);
  margin:0!important;padding:0 var(--mx-ad-pad,8px)!important;gap:var(--mx-ad-gap,6px)!important;
  background:var(--mx-ad-bg,#2271b1)!important;color:var(--mx-ad-color,#fff)!important;
  border:var(--mx-ad-bw,0) solid var(--mx-ad-border,transparent)!important;border-radius:var(--mx-ad-radius,0);
  box-shadow:none;font-family:inherit!important;font-size:var(--mx-ad-font,14px)!important;font-weight:var(--mx-ad-weight,600)!important;
  font-style:normal!important;line-height:1.15!important;text-align:center!important;white-space:nowrap!important;
  text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;
  vertical-align:middle!important;cursor:pointer;
  transition:width .28s ease,max-width .28s ease,border-radius .28s ease,filter .18s ease,transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease!important;
}
.mx-ad-root .mx-ad-button:hover,.mx-ad-root .mx-ad-button:focus,.mx-ad-root .mx-ad-button:active{color:var(--mx-ad-color,#fff)!important;text-decoration:none!important}
.mx-ad-root .mx-ad-button:hover{filter:brightness(.95)}
.mx-ad-root .mx-ad-button:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}

.mx-ad-root .mx-ad-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:var(--mx-ad-icon,24px)!important;height:var(--mx-ad-icon,24px)!important;min-width:var(--mx-ad-icon,24px)!important;flex:0 0 var(--mx-ad-icon,24px)!important;color:inherit!important;line-height:1!important}
.mx-ad-root .mx-ad-icon .mx-icon-svg{display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;color:currentColor!important;fill:currentColor!important;stroke:currentColor!important}
.mx-ad-root .mx-ad-label{display:block;min-width:0;color:inherit!important;font:inherit!important;line-height:inherit!important;white-space:nowrap!important}
.mx-ad-root .mx-ad-inner-left{justify-content:flex-start!important}.mx-ad-root .mx-ad-inner-center{justify-content:center!important}.mx-ad-root .mx-ad-inner-right{justify-content:flex-end!important}
.mx-ad-root .mx-ad-appearance-icon_top{flex-direction:column!important}
.mx-ad-root .mx-ad-appearance-icon_only .mx-ad-label{display:none!important}
.mx-ad-root .mx-ad-appearance-text_only .mx-ad-icon{display:none!important}

/* Floating closed state is a real round/compact button. */
.mx-ad-root .mx-ad-style-floating{
  width:var(--mx-ad-h,58px)!important;min-width:var(--mx-ad-h,58px)!important;max-width:var(--mx-ad-h,58px);
  height:var(--mx-ad-h,58px)!important;min-height:var(--mx-ad-h,58px)!important;
  padding:0!important;gap:0!important;justify-content:flex-start!important;
  border-radius:var(--mx-ad-radius,999px)!important;box-shadow:0 4px 18px rgba(0,0,0,.18)!important;
}
.mx-ad-root .mx-ad-style-floating .mx-ad-icon{width:var(--mx-ad-h,58px)!important;height:var(--mx-ad-h,58px)!important;min-width:var(--mx-ad-h,58px)!important;flex:0 0 var(--mx-ad-h,58px)!important;padding:calc((var(--mx-ad-h,58px) - var(--mx-ad-icon,24px))/2)!important}
.mx-ad-root .mx-ad-style-floating .mx-ad-icon .mx-icon-svg{width:var(--mx-ad-icon,24px)!important;height:var(--mx-ad-icon,24px)!important;min-width:var(--mx-ad-icon,24px)!important}
.mx-ad-root .mx-ad-style-floating .mx-ad-label{display:block;max-width:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;transition:max-width .28s ease,opacity .18s ease,padding .28s ease}

/* On the right, the icon stays pinned to the viewport edge and expansion grows left. */
.mx-ad-root .mx-ad-side-right .mx-ad-style-floating{flex-direction:row-reverse!important}
.mx-ad-root .mx-ad-side-left .mx-ad-style-floating{flex-direction:row!important}

.mx-ad-root .mx-ad-style-floating.mx-ad-behavior-icon_only,.mx-ad-root .mx-ad-style-floating.mx-ad-behavior-icon_only:hover{
  width:var(--mx-ad-h,58px)!important;min-width:var(--mx-ad-h,58px)!important;max-width:var(--mx-ad-h,58px)!important;
  height:var(--mx-ad-h,58px)!important;border-radius:var(--mx-ad-radius,999px)!important;padding:0!important;gap:0!important;transform:none!important
}
.mx-ad-root .mx-ad-style-floating.mx-ad-behavior-icon_only .mx-ad-label{display:none!important;max-width:0!important;opacity:0!important;padding:0!important}

.mx-ad-root .mx-ad-style-floating.mx-ad-behavior-always_expanded,.mx-ad-root .mx-ad-style-floating.mx-ad-behavior-tap_expand.mx-ad-expanded{
  width:max-content!important;max-width:280px!important;border-radius:min(var(--mx-ad-radius,999px),calc(var(--mx-ad-h,58px)/2))!important
}
.mx-ad-root .mx-ad-style-floating.mx-ad-behavior-always_expanded .mx-ad-label,.mx-ad-root .mx-ad-style-floating.mx-ad-behavior-tap_expand.mx-ad-expanded .mx-ad-label{max-width:190px;opacity:1;padding-inline:0 var(--mx-ad-pad,8px)}
.mx-ad-root .mx-ad-side-right .mx-ad-style-floating.mx-ad-behavior-always_expanded .mx-ad-label,.mx-ad-root .mx-ad-side-right .mx-ad-style-floating.mx-ad-behavior-tap_expand.mx-ad-expanded .mx-ad-label{padding-inline:var(--mx-ad-pad,8px) 0}

@media(hover:hover) and (pointer:fine){
  .mx-ad-root .mx-ad-style-floating.mx-ad-behavior-hover_expand:hover,.mx-ad-root .mx-ad-style-floating.mx-ad-behavior-hover_expand:focus-visible{width:max-content!important;max-width:280px!important;border-radius:min(var(--mx-ad-radius,999px),calc(var(--mx-ad-h,58px)/2))!important}
  .mx-ad-root .mx-ad-style-floating.mx-ad-behavior-hover_expand:hover .mx-ad-label,.mx-ad-root .mx-ad-style-floating.mx-ad-behavior-hover_expand:focus-visible .mx-ad-label{max-width:190px;opacity:1;padding-inline:0 var(--mx-ad-pad,8px)}
  .mx-ad-root .mx-ad-side-right .mx-ad-style-floating.mx-ad-behavior-hover_expand:hover .mx-ad-label,.mx-ad-root .mx-ad-side-right .mx-ad-style-floating.mx-ad-behavior-hover_expand:focus-visible .mx-ad-label{padding-inline:var(--mx-ad-pad,8px) 0}
}

/* Bottom buttons are always normal buttons; floating expand behavior never leaks here. */
.mx-ad-root .mx-ad-style-bottom{width:100%;max-width:none;overflow:visible}
.mx-ad-root .mx-ad-style-bottom .mx-ad-label{max-width:none!important;opacity:1!important;overflow:visible!important}
.mx-ad-root .mx-ad-style-bottom.mx-ad-appearance-icon_only{padding-left:0!important;padding-right:0!important}