/* Opt-in decoration. Native Elementor controls own all content, typography, colors, padding and borders. */
.fx-menu-card-yes .elementor-button{position:relative;text-align:left;filter:drop-shadow(0 3px var(--fx-card-blur,14px) var(--fx-card-glow,#009edb33));transition:color var(--fx-card-duration,260ms),background-color var(--fx-card-duration,260ms),border-color var(--fx-card-duration,260ms),filter var(--fx-card-duration,260ms)}
.fx-menu-card-yes .elementor-button:is(:hover,:focus-visible){filter:drop-shadow(0 3px var(--fx-card-blur,14px) var(--fx-card-glow-hover,#00cfff80))}
.fx-menu-card-yes .elementor-button-content-wrapper{display:grid;grid-template-columns:var(--fx-card-icon-size,44px) minmax(0,1fr);gap:var(--fx-card-gap,22px);align-items:center;padding-inline-end:var(--fx-card-arrow-gap,22px)}
.fx-menu-card-yes .elementor-button-icon{width:var(--fx-card-icon-size,44px);height:var(--fx-card-icon-size,44px);font-size:var(--fx-card-icon-size,44px);margin:0;order:0;color:var(--fx-card-icon-color,#00d9f8);transition:color var(--fx-card-duration,260ms);filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 25%,transparent))}
.fx-menu-card-yes .elementor-button:is(:hover,:focus-visible) .elementor-button-icon{color:var(--fx-card-icon-hover,#4cebff)}
.fx-menu-card-yes .elementor-button-text{min-width:0;text-align:left;white-space:normal;overflow-wrap:normal}
.fx-menu-card-yes .elementor-button::before{content:"";position:absolute;pointer-events:none;left:0;top:50%;transform:translateY(-50%);width:var(--fx-card-line-width,2px);height:var(--fx-card-line-height,66%);border-radius:50%;background:linear-gradient(0deg,transparent,var(--fx-card-light,#00cfff) 30%,#e7fbff 50%,var(--fx-card-light,#00cfff) 70%,transparent);box-shadow:0 0 7px 1px var(--fx-card-light,#00cfff),0 0 19px var(--fx-card-light,#00cfff);transition:box-shadow var(--fx-card-duration,260ms)}
.fx-menu-card-yes .elementor-button:is(:hover,:focus-visible)::before{box-shadow:0 0 9px 2px var(--fx-card-light-hover,#5cefff),0 0 23px var(--fx-card-light-hover,#5cefff)}
.fx-menu-card-yes .elementor-button::after{content:"";position:absolute;pointer-events:none;right:18px;top:50%;width:var(--fx-card-arrow-size,15px);height:var(--fx-card-arrow-size,15px);transform:translateY(-50%);background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24'%3E%3Cpath d='m4 4 8 8-8 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
[class*="fx-reference-"] .elementor-button-icon::before,[class*="fx-reference-"] .elementor-icon::before{content:"";display:block;width:1em;height:1em;mask:var(--fx-reference-mask) center/contain no-repeat;background:currentColor}
[class*="fx-reference-"] .elementor-button-icon>svg,[class*="fx-reference-"] .elementor-button-icon>i,[class*="fx-reference-"] .elementor-icon>svg,[class*="fx-reference-"] .elementor-icon>i{display:none}
/* Empty/native selection generates no prefix class, so native icons are untouched. */
.fx-mega-skin-yes .e-n-menu-title-text{position:relative}
.fx-mega-skin-yes .e-n-menu-title-text::after{content:"";position:absolute;left:0;bottom:calc(0px - var(--fx-mm-offset,13px));width:100%;height:var(--fx-mm-line,2px);border-radius:99px;background:currentColor;box-shadow:0 0 4px currentColor,0 0 var(--fx-mm-blur,14px) currentColor;opacity:0;transform:scaleX(0);transform-origin:var(--fx-mm-origin,50%) 50%;transition:transform var(--fx-mm-duration,320ms),opacity var(--fx-mm-duration,320ms)}
.fx-mega-skin-yes .e-n-menu-title:is(:hover,:focus-within,.e-current,:has([aria-expanded=true])) .e-n-menu-title-text::after{opacity:1;transform:scaleX(1)}
.fx-mega-skin-yes .e-n-menu-title:has([aria-expanded=true]) .e-n-menu-title-text{color:var(--n-menu-title-color-active)}
.fx-mega-skin-yes .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content{align-items:center}
.fx-mega-skin-yes .e-n-menu-content>.e-con{min-width:0}
.fx-mega-skin-yes :is(a,button):focus-visible,.fx-menu-card-yes a:focus-visible{outline:2px solid #9aeaff;outline-offset:4px}
.fx-surface-panel,.fx-surface-cta{filter:drop-shadow(0 4px var(--fx-surface-blur,17px) var(--fx-surface-glow,#00bdff66))}
.fx-mega-skin-yes .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper{background:var(--fx-mm-mobile-bg,#041a32);max-height:calc(100dvh - var(--fx-mm-compact-top,130px) - 16px);overscroll-behavior:contain;scrollbar-width:thin}
.fx-mega-skin-yes .e-n-menu[data-layout=dropdown] .e-n-menu-heading{flex-direction:column;flex-wrap:nowrap}
.fx-mega-skin-yes .e-n-menu[data-layout=dropdown] .e-n-menu-item{width:100%}
.fx-mega-skin-yes .e-n-menu[data-layout=dropdown] .e-n-menu-content{width:100%;padding:14px}
.fx-mega-skin-yes .e-n-menu[data-layout=dropdown] .e-n-menu-title::before{display:none}
.fx-mega-skin-yes .e-n-menu[data-layout=dropdown] .e-n-menu-title{justify-content:space-between}
.fx-mega-skin-yes .e-n-menu[data-layout=dropdown] .e-n-menu-dropdown-icon{min-width:44px;min-height:44px}
.fx-mega-skin-yes .e-n-menu[data-layout=dropdown] .e-n-menu-title-text::after{bottom:-6px}
@media(prefers-reduced-motion:reduce){.fx-mega-skin-yes *,.fx-mega-skin-yes *::after,.fx-menu-card-yes *,.fx-menu-card-yes *::before{transition-duration:0s;animation-duration:0s}}

.fx-mega-skin-yes .e-n-menu:not([data-layout=dropdown]) .e-n-menu-title:has([aria-expanded=true])::before{content:"";position:absolute;pointer-events:none;width:var(--fx-mm-tip-size,15px);height:var(--fx-mm-tip-size,15px);top:calc(100% + var(--n-menu-title-distance-from-content,0px) - var(--fx-mm-tip-size,15px) / 2);left:calc(50% - var(--fx-mm-tip-size,15px) / 2);background:var(--fx-mm-tip-background,#031b35);border-top:1px solid var(--fx-mm-tip-color,#00d5ff);border-left:1px solid var(--fx-mm-tip-color,#00d5ff);transform:rotate(45deg);filter:drop-shadow(-2px -2px 4px var(--fx-mm-tip-color,#00d5ff));z-index:2147483621}

/* V98: the current title anchors its own indicator. Native Pro keeps interaction. */
.fx-mega-skin-yes .e-n-menu-title{position:relative}
/* Editor canvas is narrower than the public viewport; constrain panel overflow only,
   never force all dropdowns open or override native active-state selection. */
.elementor-editor-active .fx-mega-skin-yes .e-n-menu-content>.e-con{max-width:100%;overflow:visible}
.elementor-editor-active .fx-mega-skin-yes .fx-surface-panel{max-width:100%}
.elementor-editor-active .fx-mega-skin-yes .e-n-menu-content{isolation:isolate}
/* Clone-safe responsive default. Native grid controls have higher specificity. */
@media(max-width:767px){:where(.fx-mega-skin-yes .fx-surface-cta .elementor-widget-button){grid-column:1/-1}}
