/* ------------------------------------------------------------------
   Floating contact — the theme's restyle of the authored block
   (public/blocks/floating-contact). Shared by the inner pages, where the
   block runtime mounts it, and the home page, which mounts the same block
   itself — so the site has one widget, not two.

   Selectors carry an `html` prefix so they outrank the block's own
   stylesheet whichever loads last: on inner pages the block CSS arrives
   lazily, after this file. Colour variables fall back to the theme values
   for a document that defines none.
   ------------------------------------------------------------------ */
html .floating-contact { right: 18px; bottom: 18px; z-index: 250; }
html .floating-contact .floating-contact-toggle {
  width: 56px; height: 56px;
  background: linear-gradient(135deg, var(--pink, #C13556), var(--pink2, #E85D8A)) !important;
  box-shadow: 0 14px 32px rgba(193,53,86,.4) !important;
  transition: transform .4s var(--spring, cubic-bezier(.34,1.56,.64,1)), box-shadow .3s;
}
html .floating-contact .floating-contact-toggle:hover { transform: translateY(-3px) scale(1.05); }
html .floating-contact.active .floating-contact-toggle { transform: rotate(45deg); }
html .floating-contact .floating-contact-options { bottom: 72px; gap: 10px; }
/* white pill, tinted icon disc */
html .floating-contact .fc-option {
  background: #fff; border: 1px solid var(--line, #F0E2DE); border-radius: 99px; padding: 8px;
  box-shadow: 0 12px 30px rgba(29,36,51,.18); gap: 10px;
  transition: transform .3s var(--spring, cubic-bezier(.34,1.56,.64,1)), box-shadow .3s;
}
html .floating-contact .fc-option:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(29,36,51,.24); }
html .floating-contact .fc-label {
  background: transparent; color: var(--ink, #1D2433); font: 700 .8rem Quicksand, sans-serif; letter-spacing: 0;
  padding: 0 0 0 8px; border-radius: 0; box-shadow: none; margin: 0; order: -1;
}
html .floating-contact .fc-icon-circle {
  width: 44px; height: 44px; box-shadow: none; border-radius: 50%;
  transition: transform .3s var(--spring, cubic-bezier(.34,1.56,.64,1));
}
html .floating-contact .fc-option:hover .fc-icon-circle { transform: scale(1.06); }
html .floating-contact .fc-whatsapp .fc-icon-circle { background: #E7F8EE; }
html .floating-contact .fc-call .fc-icon-circle { background: var(--teal-soft, #E4F4EF); }
html .floating-contact .fc-mail .fc-icon-circle { background: var(--pink-soft, #FBE7ED); }
html .floating-contact .fc-icon-circle img { width: 22px; height: 22px; filter: none; }