/* UmkaPro: единый компактный виджет связи — финальный override v4 */
html body .umka-messenger{
  right:24px!important;
  bottom:24px!important;
  z-index:10000!important;
  font-family:inherit!important;
}
html body .umka-messenger__details{position:relative!important}
html body .umka-messenger__details>summary{list-style:none!important}
html body .umka-messenger__details>summary::-webkit-details-marker{display:none!important}

html body .umka-messenger__button,
html body .umka-messenger summary.umka-messenger__button,
html body details.umka-messenger__details>summary.umka-messenger__button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  width:178px!important;
  min-width:178px!important;
  max-width:178px!important;
  min-height:54px!important;
  height:54px!important;
  padding:8px 14px 8px 10px!important;
  gap:10px!important;
  border-radius:18px!important;
  border:1px solid rgba(244,218,154,.68)!important;
  background:#d9a943!important;
  background-image:linear-gradient(135deg,#e3b75a 0%,#d7a544 54%,#c99537 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  filter:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
html body .umka-messenger__button::before,
html body .umka-messenger__button::after{display:none!important;content:none!important}
html body .umka-messenger__button:hover,
html body .umka-messenger summary.umka-messenger__button:hover,
html body details.umka-messenger__details>summary.umka-messenger__button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.025)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.31),inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
html body .umka-messenger__button:focus-visible{
  outline:2px solid rgba(238,198,105,.78)!important;
  outline-offset:3px!important;
}
html body .umka-messenger__icon{
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:50%!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(75,50,5,.05))!important;
  color:#17130d!important;
  box-shadow:inset 0 0 0 1px rgba(120,89,28,.16)!important;
}
html body .umka-messenger__icon svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
}
html body .umka-messenger__text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  line-height:1!important;
}
html body .umka-messenger__title{
  display:block!important;
  margin:0!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
  color:#fff!important;
  opacity:1!important;
}
html body .umka-messenger__subtitle{display:none!important}

html body .umka-messenger__menu{
  right:0!important;
  bottom:calc(100% + 9px)!important;
  min-width:210px!important;
  padding:8px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,rgba(20,24,29,.98),rgba(15,18,22,.98))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.43)!important;
}
html body .umka-messenger__menu a{
  min-height:48px!important;
  padding:7px 10px!important;
  gap:10px!important;
  border-radius:12px!important;
  color:#fff!important;
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}
html body .umka-messenger__menu a:hover{
  background:rgba(215,165,68,.11)!important;
  border-color:rgba(215,165,68,.19)!important;
}
html body .umka-messenger__menu .umka-menu-icon{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
}
html body .umka-messenger__menu .umka-menu-icon svg{
  width:18px!important;
  height:18px!important;
}

@media(max-width:760px){
  html body{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  html body .umka-messenger{
    left:12px!important;
    right:12px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
  html body .umka-messenger__button,
  html body .umka-messenger summary.umka-messenger__button,
  html body details.umka-messenger__details>summary.umka-messenger__button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    padding:8px 14px 8px 10px!important;
    gap:10px!important;
    border-radius:18px!important;
  }
  html body .umka-messenger__icon{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
  html body .umka-messenger__title{font-size:15px!important}
  html body .umka-messenger__menu{left:0!important;right:0!important;min-width:0!important}
}
