/* ======================================
   MOBILE CTA + MENU GLASS SYSTEM (FINAL)
   ====================================== */

@media (max-width: 768px){

/* ======================
   MOBILE CTA BAR
   ====================== */

.mobile-cta-bar{
  position: fixed;

  left: 8px;
  right: 8px;
  width: auto;
  margin: 0;

  bottom: 0;
  transform: translate3d(0, calc(-6px - env(safe-area-inset-bottom, 0px)), 0);

  padding: 14px;
  border-radius: 24px;

  background: rgba(255,255,255,0.38);
  backdrop-filter: blur(26px) saturate(150%);
  -webkit-backdrop-filter: blur(26px) saturate(150%);

  border: 1px solid rgba(255,255,255,0.45);
  box-shadow: none;

  display: flex;
  gap: 12px;
  align-items: center;

  z-index: 999999;

  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: paint;
  isolation: isolate;
}

/* Equal columns */
.mobile-cta-bar .elementor-container,
.mobile-cta-bar .elementor-row{
  width: 100%;
}

.mobile-cta-bar .elementor-column{
  width: 50% !important;
}

/* CTA Buttons */
.mobile-cta-bar .cta-btn .elementor-button{
  width: 100%;

  border: 0 !important;
  border-radius: 16px !important;

  padding: 14px 12px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .2px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  -webkit-tap-highlight-color: transparent;

  transition: transform .12s ease, filter .12s ease;
}

/* Tap feedback */
.mobile-cta-bar .cta-btn .elementor-button:active{
  transform: scale(.97);
  filter: brightness(.95);
}

/* Hover */
.mobile-cta-bar .cta-btn .elementor-button:hover{
  filter: brightness(1.05);
}

/* Chat (Red) */
.mobile-cta-bar .cta-chat .elementor-button{
  background: linear-gradient(135deg,#b10000,#ff3b3b) !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(255,59,59,.25);
}

/* Call (Green) */
.mobile-cta-bar .cta-call .elementor-button{
  background: linear-gradient(135deg,#0f9d58,#34c759) !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(52,199,89,.25);
}

/* Prevent overlap */
body{
  padding-bottom:110px;
}


/* ======================
   TOP BAR (HEADER)
   ====================== */

body .malki-topbar{
  background: rgba(255,255,255,0.38) !important;

  backdrop-filter: blur(26px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(150%) !important;

  border-bottom:1px solid rgba(255,255,255,.45) !important;
  box-shadow:none !important;

  contain: paint;
  isolation:isolate;
}

/* Links */
body .malki-topbar a,
body .malki-menu a{
  color:#000 !important;
}

/* Hamburger */
body .malki-topbar .malki-menu-btn{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;

  background:rgba(0,0,0,.06) !important;

  appearance:none !important;
  -webkit-appearance:none !important;

  -webkit-tap-highlight-color:transparent !important;
}

body .malki-topbar .malki-menu-btn:focus,
body .malki-topbar .malki-menu-btn:focus-visible,
body .malki-topbar .malki-menu-btn:active{
  background:rgba(0,0,0,.10) !important;
}


/* ======================
   FULL MOBILE MENU
   ====================== */

body .malki-menu{
  background: rgba(255,255,255,0.70) !important;

  backdrop-filter: blur(28px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%) !important;
}

/* Center items */
body .malki-menu ul > li{
  text-align:center !important;
}

/* Main links */
body .malki-menu a,
body .malki-menu .malki-accordion-btn{
  width:100%;

  justify-content:center !important;
  text-align:center !important;

  padding:18px 16px !important;

  font-size:17px !important;
  font-weight:700 !important;

  color:#000 !important;

  border-color:rgba(0,0,0,.05) !important;

  outline:none !important;
  box-shadow:none !important;
}

/* Remove magenta states */
body .malki-menu a:hover,
body .malki-menu a:focus,
body .malki-menu a:focus-visible,
body .malki-menu a:active,

body .malki-menu .malki-accordion-btn:hover,
body .malki-menu .malki-accordion-btn:focus,
body .malki-menu .malki-accordion-btn:focus-visible,
body .malki-menu .malki-accordion-btn:active{
  background: rgba(255,0,0,.08) !important;
  color:#000 !important;

  outline:none !important;
  box-shadow:none !important;
}

/* Caret Arrow */
body .malki-menu .malki-caret{
  color:#000 !important;
  margin-left:8px !important;
}

body .malki-menu .malki-caret,
body .malki-menu .malki-caret *{
  fill:#000 !important;
  stroke:#000 !important;
}

/* Submenu */
body .malki-sublink{
  color:#111 !important;
}

body .malki-sublink:hover,
body .malki-sublink:focus,
body .malki-sublink:focus-visible{
  background:rgba(255,0,0,.08) !important;
  color:#000 !important;
}

/* Kill pseudo borders */
body .malki-menu .malki-accordion-btn::after{
  color:#000 !important;
  border-color:#000 !important;
}


/* ======================
   GLOBAL BUTTON RESET
   ====================== */

body .malki-topbar button,
body .malki-menu button{
  border-color:transparent !important;
  outline:0 !important;
  box-shadow:none !important;

  -webkit-tap-highlight-color:transparent !important;
}

body .malki-topbar button:focus,
body .malki-topbar button:focus-visible,
body .malki-topbar button:hover,
body .malki-topbar button:active,

body .malki-menu button:focus,
body .malki-menu button:focus-visible,
body .malki-menu button:hover,
body .malki-menu button:active{
  border-color:transparent !important;
  outline:0 !important;
  box-shadow:none !important;
}

}