.kcc-schedule-cta:focus-visible,
.kcc-shortcode-button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

/* The shortcode creates its own button; header CTAs use the site's existing
   desktop/mobile button styles, rather than modifying the announcement bar. */
.kcc-shortcode-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

.kcc-shortcode-button:hover { transform: translateY(-1px); }
.kcc-shortcode-button:active { transform: scale(0.97); }

/* Between mobile navigation and wide desktop, the theme duplicates the phone
   link in both top and main bars. Keep the top-bar phone and make room for the
   existing Schedule Service button instead of causing horizontal overflow. */
@media (min-width: 1025px) and (max-width: 1400px) {
  .kphs-hdr__cta-phone { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .kcc-shortcode-button { transition: none; }
}