/* Direct links only. No third-party chat SDK, webfont or persistent state. */
.dd-floating-contact {
  --dd-contact-inset: clamp(16px, 2vw, 28px);
  position: fixed;
  right: max(var(--dd-contact-inset), env(safe-area-inset-right));
  bottom: max(var(--dd-contact-inset), env(safe-area-inset-bottom));
  z-index: 99990;
  margin: 0;
  padding: 0;
  color: #f1f0eb;
  font: 400 14px/1.5 var(--dd-font-text, Helvetica, Arial, sans-serif);
  text-align: left;
}
.dd-floating-contact *, .dd-floating-contact *::before, .dd-floating-contact *::after { box-sizing: border-box; }
.dd-floating-contact .dd-contact-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0;
  border: 1px solid #f1f0eb;
  border-radius: 50%;
  background: #f1f0eb;
  color: #101010;
  list-style: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 5px 24px #0003;
  transition: background-color 180ms ease, color 180ms ease;
}
.dd-contact-trigger::marker { content: ""; }
.dd-contact-trigger::-webkit-details-marker { display: none; }
.dd-contact-trigger > :is(.dd-contact-trigger-chat, .dd-contact-trigger-close) { display: flex; position: absolute; transition: opacity 160ms ease, transform 180ms ease; }
.dd-contact-trigger-close { opacity: 0; transform: rotate(-45deg); }
.dd-contact-icon { display: block; width: 22px; height: 22px; flex: 0 0 auto; }
.dd-contact-trigger .dd-contact-icon { width: 24px; height: 24px; }
.dd-floating-contact[open]:not(.dd-contact-ready) .dd-contact-trigger-chat,
.dd-floating-contact[data-state="open"] .dd-contact-trigger-chat { opacity: 0; transform: scale(.85); }
.dd-floating-contact[open]:not(.dd-contact-ready) .dd-contact-trigger-close,
.dd-floating-contact[data-state="open"] .dd-contact-trigger-close { opacity: 1; transform: rotate(0); }
.dd-floating-contact .dd-contact-panel {
  position: absolute;
  right: 0;
  bottom: 72px;
  width: 350px;
  max-width: calc(100vw - 2 * var(--dd-contact-inset) - env(safe-area-inset-right) - env(safe-area-inset-left));
  max-height: calc(100vh - 208px - env(safe-area-inset-bottom) - env(safe-area-inset-top));
  max-height: calc(100dvh - 208px - env(safe-area-inset-bottom) - env(safe-area-inset-top));
  margin: 0;
  padding: 24px;
  border: 1px solid #494946;
  background: #080808;
  color: #f1f0eb;
  box-shadow: 0 12px 48px #0008;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.dd-contact-ready .dd-contact-panel { opacity: 0; transform: translateY(10px); transition: opacity 180ms ease, transform 220ms cubic-bezier(.2,.7,.3,1); }
.dd-contact-ready[data-state="open"] .dd-contact-panel { opacity: 1; transform: translateY(0); }
.dd-contact-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.dd-contact-heading > div { min-width: 0; }
.dd-contact-brand { display: block; color: #989891; font-size: 10px; letter-spacing: .16em; line-height: 1.5; }
.dd-floating-contact h2 { margin: 7px 0 0; padding: 0; color: inherit; font: 600 23px/1.2 var(--dd-font-text, Helvetica, Arial, sans-serif); letter-spacing: -.025em; }
.dd-floating-contact .dd-contact-dismiss {
  display: flex;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: -10px -12px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #b4b4ae;
  cursor: pointer;
}
.dd-floating-contact .dd-contact-dismiss[hidden] { display: none; }
.dd-floating-contact .dd-contact-intro { margin: 14px 0 22px; padding: 0; color: #a7a7a0; font: inherit; font-size: 13px; line-height: 1.65; }
.dd-contact-options { border-top: 1px solid #333330; }
.dd-floating-contact .dd-contact-option {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  margin: 0;
  padding: 14px 0;
  border-bottom: 1px solid #333330;
  color: #f1f0eb;
  text-decoration: none;
  transition: color 180ms ease;
}
.dd-contact-option-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 40px; }
.dd-contact-option-copy { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: 3px; }
.dd-contact-option-copy strong { color: inherit; font-weight: 400; font-size: 15px; line-height: 1.4; }
.dd-contact-option-copy > span { color: #9f9f98; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.dd-contact-option .dd-arrow-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.dd-contact-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.dd-floating-contact :is(summary, button, a):focus-visible { outline: 1px solid #f1f0eb; outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) {
  .dd-floating-contact .dd-contact-trigger:hover { background: #161616; color: #f1f0eb; }
  .dd-floating-contact .dd-contact-option:hover .dd-contact-option-copy > span,
  .dd-floating-contact .dd-contact-dismiss:hover { color: #f1f0eb; }
}
/* Keep the old top control accessible, aligned above the new contact button. */
html.dd-static body[data-dd-has-contact] .et_pb_scroll_top.et-pb-icon {
  right: calc(max(clamp(16px, 2vw, 28px), env(safe-area-inset-right)) + 6px) !important;
  bottom: calc(max(clamp(16px, 2vw, 28px), env(safe-area-inset-bottom)) + 68px) !important;
  width: 44px;
  height: 44px;
  line-height: 44px !important;
}
body.dd-contact-open .et_pb_scroll_top,
body:has(.dd-floating-contact[open]) .et_pb_scroll_top { visibility: hidden !important; pointer-events: none !important; }
body:is(.dd-menu-open, .dd-menu-closing) .dd-floating-contact,
html:is(.dd-signature-pending, .dd-page-preparing, .dd-page-leaving) .dd-floating-contact { display: none; visibility: hidden; pointer-events: none; }
@media (max-width: 767px) {
  .dd-floating-contact .dd-contact-panel { padding: 20px; }
  .dd-floating-contact h2 { font-size: 22px; }
  .dd-contact-option-icon { flex-basis: 30px; width: 30px; }
  .dd-floating-contact .dd-contact-option { gap: 10px; }
}
/* A short landscape viewport keeps the navigation exposed and all three
   contact methods visible. The panel remains scrollable at extreme heights. */
@media (max-height: 600px) {
  .dd-floating-contact .dd-contact-panel {
    bottom: 64px;
    padding: 12px;
    max-height: calc(100vh - 176px - env(safe-area-inset-bottom) - env(safe-area-inset-top));
    max-height: calc(100dvh - 176px - env(safe-area-inset-bottom) - env(safe-area-inset-top));
  }
  .dd-floating-contact :is(.dd-contact-brand, .dd-contact-intro) { display: none; }
  .dd-floating-contact h2 { margin: 0; font-size: 20px; }
  .dd-floating-contact .dd-contact-dismiss { margin: 0 -4px 0 0; }
  .dd-floating-contact .dd-contact-option { min-height: 48px; padding: 6px 0; }
  .dd-contact-option-copy { gap: 2px; }
  .dd-contact-option-copy strong { font-size: 14px; line-height: 1.25; }
  .dd-contact-option-copy > span { font-size: 11px; line-height: 1.35; }
}
@media (prefers-reduced-motion: reduce) {
  .dd-floating-contact *, .dd-floating-contact *::before, .dd-floating-contact *::after { transition: none !important; }
}
