/* Patch 99 - Mobile dock vertical fix + safer menus */
:root{--a3p99-blue:#1769e8;--a3p99-navy:#082a63;--a3p99-soft:#f4f8ff;--a3p99-line:#d8e5fb;--a3p99-shadow:0 18px 45px rgba(8,42,99,.16)}

/* Keep account menu and all dropdowns above hero/sections */
.dropdown-menu,.qm-user-dropdown,.country-menu,.a3-country-search-panel{
  z-index:2147483640!important;
}
.main-header,.topbar,.a3-app-header,.main-header .container,.main-header-inner,.a3-auth-area{
  overflow:visible!important;
}

/* Desktop keeps dock clean and slightly away from page buttons */
.a3-action-dock{
  position:fixed!important;
  right:24px!important;
  bottom:104px!important;
  z-index:214748260!important;
}
.a3-dock-buttons{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
.a3-dock-add,.a3-dock-chat{
  flex:0 0 auto!important;
  border:0!important;
  box-shadow:0 16px 38px rgba(8,42,99,.18),0 0 0 6px rgba(255,255,255,.84)!important;
}
.a3-dock-add{background:linear-gradient(135deg,#ff9f1a,#ff7a00)!important;color:#fff!important}
.a3-dock-chat{background:linear-gradient(135deg,#1877f2,#0a58ca)!important;color:#fff!important}

/* Mobile: stack add/chat vertically above bottom navigation */
@media(max-width:767.98px){
  body{padding-bottom:86px!important;}
  .a3-action-dock{
    right:14px!important;
    left:auto!important;
    bottom:118px!important;
    width:auto!important;
    max-width:none!important;
  }
  .a3-dock-buttons{
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:12px!important;
  }
  .a3-dock-add{
    width:58px!important;
    height:58px!important;
    border-radius:22px!important;
    font-size:28px!important;
  }
  .a3-dock-chat{
    width:52px!important;
    height:52px!important;
    border-radius:20px!important;
    font-size:22px!important;
  }
  .a3-dock-add span,.a3-dock-chat span{
    display:none!important;
  }
  .a3-dock-panel,.a3-add-panel,.a3-chat-panel{
    right:0!important;
    left:auto!important;
    bottom:136px!important;
    width:min(330px,calc(100vw - 28px))!important;
    max-height:calc(100vh - 210px)!important;
    overflow:auto!important;
    border-radius:24px!important;
    box-shadow:0 24px 70px rgba(8,42,99,.22)!important;
  }
  .a3-ai-box{
    right:14px!important;
    left:auto!important;
    bottom:118px!important;
    width:calc(100vw - 28px)!important;
    max-height:calc(100vh - 155px)!important;
    border-radius:24px!important;
  }
  .a3-mobile-bottom-nav,.a3-mobile-bottom-bar,.a3m-bottom-nav{
    z-index:214748200!important;
  }
}

/* Extra small mobile */
@media(max-width:420px){
  .a3-action-dock{right:10px!important;bottom:112px!important;}
  .a3-dock-add{width:54px!important;height:54px!important;border-radius:20px!important;}
  .a3-dock-chat{width:49px!important;height:49px!important;border-radius:18px!important;}
}