body {
margin: 0;
padding: 0;
padding-bottom: env(safe-area-inset-bottom, 0); }
html, body {
overflow-x: hidden;
}
.elementor-widget-emm_mobile_menu {
--menu-text-color: #fff;
--menu-item-spacing: 1rem;
--icon-size: 24px;
--icon-color: #444;
--toggle-size: 70px;
--toggle-color: #e24585;
--toggle-icon-size: 26px;
--dock-bg: #fff;
}
.elementor-widget-emm_mobile_menu {
width: 100vw !important;
max-width: 100vw !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
display: block !important;
}
.emm-menu-wrapper.design-2 {
width: 100vw;
max-width: 100vw;
margin: 0 auto;
z-index: 10000;
position: fixed;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
background: transparent;
background-color: var(--dock-bg);
}
.emm-closed-state {
width: 100%;
display: flex;
justify-content: center;
pointer-events: none;
margin: 0;
}
.emm-dock-bar {
background: var(--dock-bg);
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
border-radius: 0;
max-width: 480px;
width: 100%;
padding: 1.5rem 1.5rem 1rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
pointer-events: auto;
gap: 2rem;
margin: 0;
}
.emm-toggle-button {
position: absolute;
top: calc(var(--toggle-size) * -0.5);
left: 50%;
transform: translateX(-50%);
width: var(--toggle-size);
height: var(--toggle-size);
border-radius: 50%;
background: var(--toggle-color);
color: #fff;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 12px rgba(0,0,0,0.25);
z-index: 2;
font-size: var(--toggle-icon-size);
}
.emm-icon-strip {
display: flex;
justify-content: space-between;
gap: 2rem;
width: 100%;
max-width: 440px;
}
.emm-icon-link {
color: var(--icon-color);
font-size: var(--icon-size);
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
.emm-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: none;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.4);
z-index: 9999;
padding: 3rem 1rem;
overflow-y: auto;
}
.emm-overlay.active {
display: block;
}
.emm-menu {
max-width: 600px;
margin: 0 auto;
padding: 2rem;
background: transparent;
}
.emm-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.emm-menu li {
margin-bottom: var(--menu-item-spacing);
}
.emm-menu a {
color: var(--menu-text-color);
font-size: 18px;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
}
.emm-submenu {
margin-top: 0.5rem;
padding-left: 1.5rem;
}
.emm-submenu li a {
font-size: 16px;
opacity: 0.85;
}