
/* ELIFLI CAKERY V20.14.73 — premium header action buttons */
.mhome-top-actions{
  gap:14px!important;
}
.mhome-tool-btn{
  position:relative!important;
  width:82px!important;
  height:82px!important;
  border-radius:50%!important;
  border:1px solid rgba(198,154,111,.42)!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.95),rgba(255,250,247,.92) 55%,rgba(249,240,236,.92))!important;
  box-shadow:
    0 10px 26px rgba(90,56,46,.10),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -10px 24px rgba(205,174,157,.08)!important;
  color:#7d5145!important;
  overflow:visible!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.mhome-tool-btn:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(186,132,84,.56)!important;
  box-shadow:
    0 16px 34px rgba(90,56,46,.15),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.mhome-tool-btn span,
.mhome-tool-btn svg{
  position:relative!important;
  z-index:2!important;
}
.mhome-tool-btn::after{
  content:attr(data-label)!important;
  position:absolute!important;
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:72px!important;
  color:#68443b!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.mhome-tool-btn::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:22px!important;
  width:34px!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,#c99c74,transparent)!important;
  opacity:.78!important;
}
.mhome-tool-btn .badge,
.mhome-tool-btn [data-count]{
  position:absolute!important;
  top:-5px!important;
  right:-4px!important;
  min-width:28px!important;
  height:28px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid #fffaf8!important;
  background:linear-gradient(135deg,#d88993,#c97883)!important;
  box-shadow:0 5px 12px rgba(156,80,93,.18)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}
.mhome-tool-btn svg{
  width:28px!important;
  height:28px!important;
  stroke-width:1.8!important;
}
.mhome-tool-btn{
  padding-bottom:18px!important;
}

/* individual tones, matching the approved mockup */
.mhome-tool-btn[data-kind="favorites"]{
  border-color:rgba(200,157,130,.42)!important;
}
.mhome-tool-btn[data-kind="cart"]{
  border-color:rgba(205,151,124,.46)!important;
}
.mhome-tool-btn[data-kind="account"]{
  border-color:rgba(190,155,114,.46)!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.98),rgba(255,250,242,.94) 58%,rgba(248,239,226,.92))!important;
}

/* Mobile: keep the premium language, but scale it down. */
@media(max-width:900px){
  .mhome-top-actions{gap:7px!important}
  .mhome-tool-btn{
    width:50px!important;
    height:50px!important;
    padding-bottom:11px!important;
  }
  .mhome-tool-btn::after{
    display:none!important;
  }
  .mhome-tool-btn::before{
    display:none!important;
  }
  .mhome-tool-btn svg{
    width:21px!important;
    height:21px!important;
  }
  .mhome-tool-btn .badge,
  .mhome-tool-btn [data-count]{
    top:-4px!important;
    right:-4px!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    font-size:9px!important;
  }
}
