/*
  Conversion trust components (mu-plugins/hales-conversion-trust.php).
  Loaded asynchronously: the strip renders below the fold, and the desktop pill
  stays [hidden] until this sheet has made it position:fixed. The
  /schedule-service/ NAP card is NOT here: it can sit inside the first desktop
  viewport, so its rules ship inline with page-schedule-service.php.
  Colours use the refresh tokens (site-refresh.css) with literal fallbacks.
*/

/* ── Trust strip (city×service leaves, non-v6 core services, problem pages) ── */
.hales-trust-strip {
  padding: 18px 0;
  background: var(--hales-surface, #eef6fb);
  border-top: 1px solid var(--hales-line, #cfe0ea);
  border-bottom: 1px solid var(--hales-line, #cfe0ea);
  color: var(--hales-ink, #10294a);
}

.hales-trust-strip__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 24px;
}

.hales-trust-strip__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hales-trust-strip__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--hales-ink, #10294a);
}

.hales-trust-strip__item::before {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--hales-gold, #e8622a);
}

.hales-trust-strip .hales-trust-strip__item a,
.hales-trust-strip a.hales-trust-strip__guarantee {
  color: var(--hales-link, #2c6a8f);
  -webkit-text-fill-color: currentcolor;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.hales-trust-strip a.hales-trust-strip__guarantee {
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .hales-trust-strip__list {
    justify-content: flex-start;
    gap: 8px 16px;
  }

  .hales-trust-strip__inner {
    justify-content: flex-start;
  }

  .hales-trust-strip__item,
  .hales-trust-strip a.hales-trust-strip__guarantee {
    font-size: 14px;
  }
}

/* ── Desktop sticky Call/Book pill (mobile keeps .hales-sticky-cta-bar) ── */
.hales-desktop-cta {
  display: none;
}

@media (min-width: 1025px) {
  .hales-desktop-cta {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 2400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px;
    background: var(--hales-ink, #10294a);
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(1, 22, 53, 0.28);
    animation: hales-desktop-cta-in 180ms ease-out;
  }

  .hales-desktop-cta[hidden] {
    display: none;
  }

  .hales-desktop-cta a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
  }

  .hales-desktop-cta a.hales-desktop-cta__call {
    color: #fff;
    -webkit-text-fill-color: #fff;
  }

  .hales-desktop-cta a.hales-desktop-cta__call:hover {
    background: rgba(255, 255, 255, 0.12);
  }

  .hales-desktop-cta a.hales-desktop-cta__book {
    color: var(--hales-ink, #10294a);
    -webkit-text-fill-color: var(--hales-ink, #10294a);
    background: var(--hales-gold, #e8622a);
  }

  .hales-desktop-cta a.hales-desktop-cta__book:hover {
    background: var(--hales-orange-hover, #f27a45);
  }

  .hales-desktop-cta a:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
  }
}

@keyframes hales-desktop-cta-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .hales-desktop-cta {
    animation: none;
  }
}