.bbd-social-float {
  position: fixed !important;
  z-index: 2147483000 !important;
  top: 50%;
  right: 18px;
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(-50%);
}

.bbd-social-float__link {
  display: flex !important;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bbd-social-float__link svg {
  width: 23px;
  height: 23px;
}

.bbd-social-float__link--instagram {
  background: radial-gradient(circle at 30% 105%, #fdf497 0 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.bbd-social-float__link--facebook {
  background: #1877f2;
}

.bbd-social-float__link--pinterest {
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
}

.bbd-social-float__link--pinterest svg {
  width: 32px;
  height: 20px;
}

.bbd-social-float__link:hover,
.bbd-social-float__link:focus {
  outline: none;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.28);
  transform: scale(1.08);
}

.bbd-social-float__link:focus-visible {
  outline: 3px solid #f1dfc3;
  outline-offset: 3px;
}

@media (max-width: 991px) {
  .bbd-social-float {
    top: auto !important;
    right: auto !important;
    bottom: 88px !important;
    left: 12px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .bbd-social-float__link {
    display: flex !important;
    width: 42px;
    height: 42px;
  }

  .bbd-social-float__link svg {
    width: 21px;
    height: 21px;
  }

  .bbd-social-float__link--pinterest svg {
    width: 30px;
    height: 19px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bbd-social-float__link {
    transition: none;
  }
}

/* BB Design 2026-10-18: keep social links on the left, separate from the chat.
   The home layout may reparent the rail into the footer: fixed positioning
   and these scoped selectors keep the same placement on every allowed page. */
body nav.bbd-social-float,
body.bbda-chat-open nav.bbd-social-float,
body#index nav.bbd-social-float {
  position: fixed !important;
  inset: auto !important;
  top: 50% !important;
  left: 18px !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  z-index: 9998 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body nav.bbd-social-float .bbd-social-float__link,
body#index nav.bbd-social-float .bbd-social-float__link {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
}
@media (max-width: 991px) {
  body nav.bbd-social-float,
  body.bbda-chat-open nav.bbd-social-float,
  body#index nav.bbd-social-float {
    top: auto !important;
    bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    left: 12px !important;
    transform: none !important;
    flex-direction: row !important;
    gap: 8px !important;
  }
  body nav.bbd-social-float .bbd-social-float__link,
  body#index nav.bbd-social-float .bbd-social-float__link {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
}
@media (max-width: 600px) {
  body.bbda-chat-open nav.bbd-social-float,
  body#index.bbda-chat-open nav.bbd-social-float {
    display: none !important;
  }
}

/* The home layout reparents the rail inside footer navigation. Isolate the
   buttons from footer link padding, backgrounds and SVG sizing. */
body nav.bbd-social-float .bbd-social-float__link,
body#index nav.bbd-social-float .bbd-social-float__link {
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #fff !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  text-decoration: none !important;
  box-shadow: 0 5px 16px rgba(0,0,0,.22) !important;
}
body nav.bbd-social-float .bbd-social-float__link--instagram,
body#index nav.bbd-social-float .bbd-social-float__link--instagram {
  background: radial-gradient(circle at 30% 105%,#fdf497 0 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) !important;
}
body nav.bbd-social-float .bbd-social-float__link--facebook,
body#index nav.bbd-social-float .bbd-social-float__link--facebook {
  background: #1877f2 !important;
}
body nav.bbd-social-float .bbd-social-float__link--pinterest,
body#index nav.bbd-social-float .bbd-social-float__link--pinterest {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
}
body nav.bbd-social-float .bbd-social-float__link svg,
body#index nav.bbd-social-float .bbd-social-float__link svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  flex: 0 0 auto !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body nav.bbd-social-float .bbd-social-float__link--pinterest svg,
body#index nav.bbd-social-float .bbd-social-float__link--pinterest svg {
  width: 32px !important;
  min-width: 32px !important;
  height: 20px !important;
}

/* Pinterest brand mark: red disc with white P, sized to the existing round button. */
body nav.bbd-social-float .bbd-social-float__link--pinterest,
body#index nav.bbd-social-float .bbd-social-float__link--pinterest {
  background: #fff !important;
  border: 0 !important;
}
body nav.bbd-social-float .bbd-social-float__link--pinterest svg,
body#index nav.bbd-social-float .bbd-social-float__link--pinterest svg {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  color: #e60023 !important;
  fill: #e60023 !important;
}