/* Premium footer & floating WhatsApp — site-wide */



:root {

  --hp-navy: #0c2340;

  --hp-teal: #1a6b7a;

  --hp-teal-light: #2d8f9e;

}



.hp-footer {

  background: linear-gradient(180deg, #0a1c32 0%, #0c2340 100%);

  color: rgba(255, 255, 255, 0.85);

  padding: 3.5rem 0 0;

}

.hp-footer__brand img {

  max-width: 160px;

  margin-bottom: 1rem;

  filter: brightness(0) invert(1);

}

.hp-footer__brand p {

  font-family: 'Inter', sans-serif;

  font-size: 0.875rem;

  line-height: 1.6;

  color: rgba(255, 255, 255, 0.7);

  margin-bottom: 1rem;

}

.hp-footer__trust-line {

  font-family: 'Inter', sans-serif;

  font-size: 0.8rem;

  font-weight: 600;

  color: var(--hp-teal-light);

  margin-top: 0.5rem;

}

.hp-footer h5 {

  font-family: 'Outfit', 'Poppins', sans-serif;

  font-size: 0.95rem;

  font-weight: 700;

  color: #fff;

  margin-bottom: 1rem;

}

.hp-footer ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.hp-footer ul li {

  margin-bottom: 0.5rem;

  font-family: 'Inter', sans-serif;

  font-size: 0.875rem;

  color: rgba(255, 255, 255, 0.75);

  text-decoration: none;

  transition: color 0.2s ease;

}

.hp-footer ul a, .hp-footer h5 a {

  font-family: 'Inter', sans-serif;

  font-size: 0.875rem;

  color: rgba(255, 255, 255, 0.75);

  text-decoration: none;

  transition: color 0.2s ease;

}

.hp-footer ul a:hover {

  color: #fff;

}

.hp-footer__social a {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 36px;

  margin-right: 0.5rem;

  color: #fff;

  background: rgba(255, 255, 255, 0.1);

  border-radius: 8px;

  transition: background 0.25s ease;

  text-decoration: none;

}

.hp-footer__social a:hover {

  background: var(--hp-teal);

}

.hp-footer__newsletter input {

  padding: 0.65rem 1rem;

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 10px 0 0 10px;

  background: rgba(255, 255, 255, 0.08);

  color: #fff;

  font-size: 0.875rem;

}

.hp-footer__newsletter input::placeholder {

  color: rgba(255, 255, 255, 0.5);

}

.hp-footer__newsletter button {

  padding: 0.65rem 1.1rem;

  font-weight: 700;

  font-size: 0.8rem;

  color: #fff;

  background: linear-gradient(135deg, var(--hp-teal-light) 0%, var(--hp-teal) 100%);

  border: none;

  border-radius: 0 10px 10px 0;

}

.hp-footer__cta-mini {

  display: inline-block;

  margin-top: 0.75rem;

  padding: 0.6rem 1.2rem;

  font-size: 0.8125rem;

  font-weight: 700;

  color: var(--hp-navy) !important;

  background: #fff;

  border-radius: 8px;

  text-decoration: none;

}

.hp-footer__bottom {

  margin-top: 2.5rem;

  padding: 1.25rem 0;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  text-align: center;

  font-family: 'Inter', sans-serif;

  font-size: 0.8rem;

  color: rgba(255, 255, 255, 0.55);

}



.floating-whatsapp-widget-wrapper {

  position: fixed;

  bottom: 24px;

  right: 20px;

  z-index: 1035;

  display: flex;

  align-items: center;

}

.floating-whatsapp-widget-wrapper a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 58px;

  height: 58px;

  border-radius: 50%;

  background: #25d366;

  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.45);

  animation: hpWaPulse 2.5s ease-in-out infinite;

  position: relative;

}

.floating-whatsapp-widget-wrapper a::before {

  content: '';

  position: absolute;

  inset: -4px;

  border-radius: 50%;

  border: 2px solid rgba(37, 211, 102, 0.5);

  animation: hpWaRing 2.5s ease-out infinite;

}

.hp-wa-tooltip {

  position: absolute;

  right: calc(100% + 10px);

  top: 50%;

  transform: translateY(-50%);

  white-space: nowrap;

  padding: 0.4rem 0.75rem;

  font-family: 'Inter', sans-serif;

  font-size: 0.75rem;

  font-weight: 600;

  color: var(--hp-navy);

  background: #fff;

  border-radius: 8px;

  box-shadow: 0 4px 16px rgba(12, 35, 64, 0.15);

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.25s ease;

}

.floating-whatsapp-widget-wrapper:hover .hp-wa-tooltip {

  opacity: 1;

}

@keyframes hpWaPulse {

  0%, 100% { transform: scale(1); }

  50% { transform: scale(1.05); }

}

@keyframes hpWaRing {

  0% { transform: scale(1); opacity: 0.6; }

  100% { transform: scale(1.4); opacity: 0; }

}

body.home-premium .floating-whatsapp-widget-wrapper {

  bottom: 90px;

}

@media (max-width: 991.98px) {

  body.home-premium .floating-whatsapp-widget-wrapper {

    bottom: 82px;

  }

}