/* One phone dock: contact bar, cart strip, then chat. Nothing scrolls away. */

:root {
  --fyds-contact-h: 0px;
  --fyds-cart-h: 0px;
  --fyds-stick-h: 0px;
  --fyds-dock-floor: 0px;
  --fyds-dock-stack: 0px;
}

@media (max-width: 899px) {
  body.fyds-dock-on {
    padding-bottom: calc(var(--fyds-dock-stack, 0px) + 16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #fy-mobile-contact-bar,
  [id*="mobile-contact"],
  .fyds-dock-contact {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 10040 !important;
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    padding-left: env(safe-area-inset-left, 0px) !important;
    padding-right: env(safe-area-inset-right, 0px) !important;
    transform: none !important;
    filter: none !important;
  }

  body.fyds-has-contact .fyds-minicart,
  body.fyds-dock-on .fyds-minicart {
    left: 0;
    right: 0;
    bottom: var(--fyds-dock-floor, 72px);
    max-width: none;
    justify-content: space-between;
    border-radius: 0;
    box-shadow: none;
    padding: 8px 12px;
  }

  #chat-widget-container,
  chat-widget,
  .fyds-dock-chat,
  .fyds-dock-chat--phone-hide {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.fyds-has-contact .fyds-stick {
    bottom: var(--fyds-contact-h, 64px);
    padding-bottom: 12px;
  }

  body.fyds-has-contact.fyds-has-minicart .fyds-stick {
    bottom: calc(var(--fyds-contact-h, 64px) + var(--fyds-cart-h, 48px));
  }

  body.woocommerce-cart.fyds-has-minicart .fyds-stick {
    display: none !important;
  }
}

@media (min-width: 900px) {
  .fyds-dock-chat,
  #chat-widget-container,
  chat-widget {
    position: fixed !important;
    right: 20px !important;
    left: auto !important;
    top: auto !important;
    bottom: 20px !important;
    transform: none !important;
  }

  body.fyds-has-minicart .fyds-dock-chat,
  body.fyds-has-minicart #chat-widget-container,
  body.fyds-has-minicart chat-widget {
    bottom: calc(var(--fyds-cart-h, 52px) + 28px) !important;
  }
}

body.fyds-welcome-on .fyds-dock-chat,
body.fyds-welcome-on #chat-widget-container,
body.fyds-welcome-on chat-widget,
body.fyds-mobile-open .fyds-dock-chat,
body.fyds-mobile-open #chat-widget-container,
body.fyds-mobile-open chat-widget,
body.fyds-welcome-on .fyds-dock-contact,
body.fyds-mobile-open .fyds-dock-contact {
  visibility: hidden !important;
  pointer-events: none !important;
}

html.fyds-lite-effects .fyds-dock-contact,
html.fyds-lite-effects .fyds-dock-chat {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 899px) {
  .fyd-filters-wrap,
  .fyx-bar-wrap,
  .fyds-fleet-anchor,
  #miami-yacht-fleet {
    min-width: 0;
  }

  .fyd-filters-wrap,
  .fyx-bar-wrap,
  #miami-yacht-fleet form,
  .fyds-fleet-anchor form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: stretch;
  }

  .fyd-filters-wrap select,
  .fyx-bar-wrap select,
  #miami-yacht-fleet select,
  .fyds-fleet-anchor select,
  .fyd-filters-wrap [class*="select"],
  .fyx-bar-wrap [class*="select"] {
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 calc(50% - 8px);
  }

  .fyds-dock-contact a,
  .fyds-dock-contact button {
    font-size: 14px !important;
    white-space: nowrap;
  }
}