/* FirstMagency Mobile Menu Widget */
html.fm-mmw-lock, body.fm-mmw-lock{ overflow:hidden !important; }
.fm-mmw, .fm-mmw * { box-sizing: border-box; }
.fm-mmw { position: relative; width: 100%; max-width: 100%; overflow: visible; }
/* Portal layer (moved to by JS) to avoid theme/Elementor stacking contexts */
.fm-mmw-portal{
position: fixed;
inset: 0;
z-index: 2147483000;
pointer-events: none;
}
.fm-mmw-floating .fm-mmw-btn{
position: fixed;
z-index: 2147483002;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 999px;
cursor: pointer;
}
.fm-mmw:not(.fm-mmw-floating) .fm-mmw-btn{
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 999px;
cursor: pointer;
}
.fm-mmw-btn { box-shadow: 0 10px 26px rgba(2,6,23,.10); }
.fm-mmw-btn:focus { outline: none; }
.fm-mmw-btn svg { display:block; }
.fm-mmw-sr{
position:absolute!important;
width:1px;height:1px;
padding:0;margin:-1px;
overflow:hidden;clip:rect(0,0,0,0);
border:0;
}
.fm-mmw-overlay{
position: absolute;
inset: 0;
background: rgba(2,6,23,.45);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
opacity: 0;
visibility: hidden;
transition: opacity .25s ease, visibility .25s ease;
z-index: 1;
pointer-events: auto;
}
.fm-mmw-panel{
position: absolute;
top: 0;
bottom: 0;
width: 320px;
max-width: min(92vw, 420px);
transform: translateX(110%);
transition: transform .28s ease;
z-index: 2;
pointer-events: auto;
background: var(--fm-panel-bg, #ffffff);
color: var(--fm-panel-text, #0f172a);
box-shadow: 0 24px 55px rgba(2,6,23,.22);
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.fm-mmw-side-left .fm-mmw-panel{
left: 0;
right: auto;
transform: translateX(-110%);
}
.fm-mmw-side-right .fm-mmw-panel{
right: 0;
left: auto;
}
.fm-mmw-portal.is-open .fm-mmw-overlay{
opacity: 1;
visibility: visible;
}
.fm-mmw-portal.is-open.fm-mmw-side-right .fm-mmw-panel{ transform: translateX(0); }
.fm-mmw-portal.is-open.fm-mmw-side-left .fm-mmw-panel{ transform: translateX(0); }
.fm-mmw-panel a{ color: inherit; }
.fm-mmw-panel a:visited{ color: inherit; }
.fm-mmw-topbar{
position: sticky;
top: 0;
z-index: 2;
display:flex;
align-items:center;
justify-content: space-between;
gap: 10px;
padding: 16px 16px 14px;
border-bottom: 2px solid rgba(255,138,0,.25);
background: var(--fm-panel-bg, inherit);
backdrop-filter: blur(8px);
}
.fm-mmw-title{
font-weight: 800;
font-size: 16px;
}
.fm-mmw-brand{ display:flex; align-items:center; gap: 10px; min-width: 0; }
.fm-mmw-logo{ display:inline-flex; align-items:center; justify-content:center; width: 36px; height: 36px; border-radius: 12px; overflow:hidden; background: rgba(var(--fm-accent-rgb,255,138,0), .12); flex: 0 0 auto; }
.fm-mmw-logo-img{ width: 100% !important; height: 100% !important; object-fit: contain; display:block; }
.fm-mmw-logo-fallback{ position: relative; }
.fm-mmw-logo-fallback::before{ content:""; width: 10px; height: 10px; border-radius: 999px; background: var(--fm-accent, #ff8a00); display:block; }
.fm-mmw-brand-meta{ display:flex; flex-direction: column; gap: 2px; min-width:0; }
.fm-mmw-brand-name{ font-weight: 800; font-size: 14px; line-height: 1.2; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.fm-mmw-topbar .fm-mmw-title{ font-weight: 700; font-size: 12px; opacity: .8; }
.fm-mmw-cta{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 14px 12px 8px;
}
.fm-mmw-cta-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap: 8px;
padding: 12px 10px;
border-radius: 14px;
text-decoration:none;
font-weight: 800;
font-size: 13px;
box-shadow: 0 12px 28px rgba(2,6,23,.12);
border: 1px solid rgba(var(--fm-accent-rgb,255,138,0), .22);
background: rgba(var(--fm-accent-rgb,255,138,0), .10);
color: var(--fm-panel-text, #0f172a);
}
.fm-mmw-cta-btn:hover{ background: rgba(var(--fm-accent-rgb,255,138,0), .14); }
.fm-mmw-cta-ico{ width: 18px; height: 18px; fill: currentColor; }
@media (max-width: 360px){
.fm-mmw-cta{ grid-template-columns: 1fr; }
}
.fm-mmw-close{
border: 0;
background: transparent;
font-size: 26px;
line-height: 1;
cursor: pointer;
padding: 6px 10px;
}
.fm-mmw-menu, .fm-mmw-submenu{
list-style: none;
padding: 10px 12px 18px;
margin: 0;
}
/* Hard reset for theme ul styles (prevents strange separators/patterns) */
.fm-mmw-menu,
.fm-mmw-submenu{
background: transparent !important;
background-image: none !important;
border: 0 !important;
}
.fm-mmw-menu::before,.fm-mmw-menu::after,
.fm-mmw-submenu::before,.fm-mmw-submenu::after{
content: none !important;
display: none !important;
}
.fm-mmw-item{
position: relative;
margin: 0;
}
.fm-mmw-link{
display:flex;
align-items:center;
gap: 10px;
width:100%;
padding: 12px 10px;
text-decoration:none;
border-radius: 14px;
transition: background .18s ease, color .18s ease;
}
.fm-mmw-link:hover{
background: rgba(var(--fm-accent-rgb,255,138,0), .10); color: var(--fm-panel-text, #0f172a);
}
.fm-mmw-item-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width: 22px;
height: 22px;
border-radius: 8px;
background: rgba(var(--fm-accent-rgb,255,138,0), .12);
font-size: 11px;
}
/* Icon strokes */
.fm-mmw-ico-stroke{
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.fm-mmw-ico-ring{
stroke: rgba(var(--fm-accent-rgb,255,138,0), .55);
stroke-width: 2;
fill: transparent;
}
.fm-mmw-ico-fill{
fill: currentColor;
}
.fm-mmw-has-children > .fm-mmw-subtoggle{
position:absolute;
top: 6px;
left: 8px; /* RTL-friendly; for LTR you can change */
width: 40px;
height: 40px;
border: 0;
background: transparent;
cursor: pointer;
display:flex;
align-items:center;
justify-content:center;
}
.fm-mmw-caret{
width: 10px;
height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform .18s ease;
}
.fm-mmw-has-children.is-expanded > .fm-mmw-subtoggle .fm-mmw-caret{
transform: rotate(-135deg);
}
.fm-mmw-submenu{
display: none;
padding-top: 0;
padding-right: 18px;
}
.fm-mmw-has-children.is-expanded > .fm-mmw-submenu{
display:block;
}
.fm-mmw-empty{
padding: 18px;
font-size: 14px;
opacity: .8;
}
/* Visibility rules */
.fm-mmw-show-mobile{ display:block; }
.fm-mmw-show-tablet-mobile{ display:block; }
.fm-mmw-show-all{ display:block; }
@media (min-width: 768px){
.fm-mmw-show-mobile{ display:none; }
}
@media (min-width: 1025px){
.fm-mmw-show-tablet-mobile{ display:none; }
}
/* Prevent body horizontal scroll when widget exists */
@media (max-width: 767px){
body { overflow-x: hidden; }
}
/* Remove any accidental separators before first item */
.fm-mmw-menu{ border-top: 0 !important; }
/* Social icons row */
.fm-mmw-social{
display:flex;
gap: 10px;
justify-content:center;
align-items:center;
padding: 10px 12px 18px;
margin: 0 12px 14px;
border-top: 1px solid rgba(var(--fm-accent-rgb,255,138,0), .18);
}
.fm-mmw-social-link{
width: 40px;
height: 40px;
border-radius: 999px;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
background: rgba(var(--fm-accent-rgb,255,138,0), .10);
border: 1px solid rgba(var(--fm-accent-rgb,255,138,0), .18);
color: var(--fm-panel-text, #0f172a);
transition: transform .15s ease, background .15s ease;
}
.fm-mmw-social-link:hover{
transform: translateY(-1px);
background: rgba(var(--fm-accent-rgb,255,138,0), .14);
}
.fm-mmw-social-ico{
width: 18px;
height: 18px;
fill: currentColor;
}
/* Slightly smaller item icon for clean corporate look */
.fm-mmw-item-icon{ width: 20px; height: 20px; }
.fm-mmw-item-icon .fm-mmw-ico{ width: 18px; height: 18px; }