/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Healey Packaging
Author URI: https://healeypackaging.co.uk/
Template: astra
Version: 1.0.0
*/

/* Add your custom CSS below */
.hp-floating-cta{
  position: fixed;
  top: 70%;
  left: 28px;
  transform: translateY(-50%);
  z-index: 999999;
}

.hp-float-btn{
  position:relative;
  display:flex;
  align-items:center;
  gap:6px;
  padding:14px 16px;
  font-size:14px;
  font-weight:600;
  color:#fff;
  text-decoration:none;
  border-radius:0 10px 10px 0;
  transform:rotate(-90deg);
  transform-origin:left center;
  margin-bottom:72px;
  white-space:nowrap;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}

.hp-whatsapp{ background:#25d366; }
.hp-quote{ background:#0078c1; }

.hp-floating-cta svg{
  width:20px;
  height:20px;
}

/* ================= MOBILE ================= */
@media(max-width:768px){

  .hp-floating-cta{
    left:auto;
    right:16px;
    bottom:110px;
    top:auto;
    transform:none;
  }

  .hp-float-btn{
    transform:none;
    width:56px;
    height:56px;
    padding:0;
    border-radius:50%;
    justify-content:center;
    margin-bottom:12px;
  }

  .hp-text{ display:none; }

  .hp-floating-cta svg{
    width:26px;
    height:26px;
  }
}