@import url("site-polish.css");
/* Floating phone button: a round amber phone icon pinned bottom-right on phones, on every page,
   visible from the first screen down (Terry 10/10: it must show above the fold — never tuck it).
   Markup: <a class="sticky-call" href="tel:..."><svg .rp-icon/><span class="sc-text">…</span><span class="sc-sub">…</span></a>
   The text spans stay in the DOM (visually hidden) so screen readers announce "Call (901) 257-9417". */
:root {
  --cb-navy: #1f2937;
  --cb-amber: #f59e0b;
  --cb-amber-press: #d97706;
}

a.sticky-call[href] .sc-text,
a.sticky-call[href] .sc-sub {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap;
}

@media (min-width: 769px) {
  a.sticky-call[href] { display: none !important; }
}

@media (max-width: 768px) {
  a.sticky-email[href] { display: none !important; }

  a.sticky-call[href] {
    position: fixed;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    left: auto;
    top: auto;
    z-index: 1000;
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background: var(--cb-amber);
    color: var(--cb-navy);
    border: 3px solid #fff;
    box-shadow: 0 6px 18px rgba(17, 24, 39, 0.35);
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none;
    -webkit-tap-highlight-color: transparent;
  }
  a.sticky-call[href]:hover { background: var(--cb-amber); }
  a.sticky-call[href]:active { background: var(--cb-amber-press); }
  a.sticky-call[href]:focus-visible { outline: 3px solid var(--cb-navy); outline-offset: 3px; }

  a.sticky-call[href] > .rp-icon,
  a.sticky-call[href] > .phone-icon { display: inline-flex !important; width: 28px; height: 28px; font-size: 28px; }
  a.sticky-call[href] > .phone-icon .rp-icon { width: 28px; height: 28px; }
  a.sticky-call[href] > .sc-emoji { display: none !important; }
}

@media print {
  a.sticky-call[href] { display: none !important; }
}