/* ============================================================
   Financial Safeguard Consulting — shared.css
   Shared extras for all pages: logo mark, floating WhatsApp, social icons
   ============================================================ */

.wa-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 56px;
  padding: 0 16px;
  border-radius: 999px;
  background: #25D366;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.wa-float:hover { transform: translateY(-3px); box-shadow: 0 14px 36px rgba(37,211,102,0.35); }
.wa-float:focus-visible { outline: 3px solid #E2C97E; outline-offset: 3px; }
.wa-float svg { width: 26px; height: 26px; fill: currentColor; flex-shrink: 0; }

@media (max-width: 600px) {
  .wa-float { right: 16px; bottom: 16px; width: 56px; padding: 0; justify-content: center; }
  .wa-float-label { display: none; }
}

/* Footer social icons */
.social-btn svg { width: 16px; height: 16px; fill: currentColor; }

/* Logo mark beside the brand name (navbar + footer) */
.brand-mark {
  display: inline-block;
  width: auto;
  height: 36px;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.footer-brand-name .brand-mark, .footer-brand .brand-mark { height: 30px; }
@media (max-width: 380px) {
  .nav-brand { font-size: 16px; }
  .nav-brand .brand-mark { height: 28px; margin-right: 8px; }
}

/* Mid-size screens: keep the menu on one line next to the logo */
@media (min-width: 961px) and (max-width: 1240px) {
  .navbar .nav-links { gap: 18px; }
  .navbar .nav-links a { white-space: nowrap; font-size: 13px; }
  .navbar .nav-brand { font-size: 17px; }
  .navbar .nav-cta { white-space: nowrap; padding: 9px 16px; }
}