/* Flooring Specialist v0.6.8 — mobile conversion dock */
.fs68-mobile-dock { display: none; }

@media (max-width: 820px) {
  body {
    padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px));
  }

  .fs68-mobile-dock {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99980;
    display: grid;
    grid-template-columns: 1fr 1.16fr;
    min-height: 66px;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: #0d0d0c;
    border-top: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 -14px 38px rgba(0,0,0,.22);
    font-family: var(--sans, "DM Sans", Arial, sans-serif);
    transform: translateZ(0);
  }

  .fs68-mobile-dock a {
    min-width: 0;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 16px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .105em;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    -webkit-tap-highlight-color: transparent;
  }

  .fs68-mobile-dock__call {
    color: #fff;
    background: #0d0d0c;
  }

  .fs68-mobile-dock__estimate {
    color: #11110f;
    background: var(--gold, #c3a56c);
  }

  .fs68-mobile-dock svg {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
  }

  .fs68-mobile-dock__call svg {
    fill: currentColor;
  }

  .fs68-mobile-dock__estimate svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .fs68-mobile-dock a:focus-visible {
    outline: 3px solid #fff;
    outline-offset: -4px;
  }

  /* The off-canvas navigation sits above the dock. Don't leave CTA controls
     floating over the menu while it is open. */
  body.mgi-menu-open .fs68-mobile-dock {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  /* VeroChat / WSM Chat should sit above the mobile CTA dock rather than
     behind it. These selectors are intentionally scoped to likely widget roots. */
  #verochat,
  #vero-chat,
  .verochat-widget,
  .vero-chat-widget,
  [id*="verochat" i],
  [class*="verochat" i],
  iframe[src*="verochat" i],
  iframe[src*="widget.websouthmedia.com" i],
  iframe[src*="websouthmedia.com" i] {
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 390px) {
  .fs68-mobile-dock {
    grid-template-columns: .92fr 1.08fr;
  }
  .fs68-mobile-dock a {
    padding-inline: 10px;
    font-size: 10px;
    letter-spacing: .085em;
  }
}

@media (min-width: 821px) {
  .fs68-mobile-dock { display: none !important; }
}