/* PATCH 019 - Mobil Hemen Ara / WhatsApp buton renkleri */

.mobile-fixed-actions{
  position:fixed !important;
  left:12px !important;
  right:12px !important;
  bottom:12px !important;
  z-index:10000 !important;
  display:none !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  pointer-events:auto !important;
}

.mobile-fixed-actions a{
  height:58px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 16px 38px rgba(0,0,0,.28) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.mobile-fixed-actions a span{
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-size:17px !important;
}

.mobile-fixed-actions .call-now{
  background:linear-gradient(135deg,#e21b1b,#b40000) !important;
}

.mobile-fixed-actions .whatsapp-now{
  background:linear-gradient(135deg,#25d366,#128c3b) !important;
}

.mobile-fixed-actions .call-now:hover{
  background:linear-gradient(135deg,#ff2a2a,#c40000) !important;
}

.mobile-fixed-actions .whatsapp-now:hover{
  background:linear-gradient(135deg,#35e476,#0f9b41) !important;
}

@media(max-width:768px){
  .mobile-fixed-actions{
    display:grid !important;
  }

  .floating-whatsapp{
    display:none !important;
  }

  body{
    padding-bottom:82px !important;
  }
}

@media(min-width:769px){
  .mobile-fixed-actions{
    display:none !important;
  }
}