/* Revision 10: final polish (treatments). Loaded after revision-5.css. */

/* ------------------------------------------------------------------
   Emergencies: the hero leads with the call. The template prints the
   call as a button above the booking one (.ihero--urgent), so the
   phone pill below would repeat the number and is hidden here.
   ------------------------------------------------------------------ */
.single-elite_treatment.premium-inner .ihero--urgent .ihero__copy > div:has(> .stack) { width: auto !important; margin-top: 0.5rem; }
.single-elite_treatment.premium-inner .ihero--urgent .stack { max-width: none !important; }
.single-elite_treatment.premium-inner .ihero--urgent .btn--call,
.single-elite_treatment.premium-inner .ihero--urgent .hero-book .btn--stacked { width: 21.5rem; max-width: 100%; min-height: 66px; }
.single-elite_treatment.premium-inner .ihero--urgent .btn--call { display: inline-flex; align-items: center; justify-content: flex-start; gap: 0.75rem; padding: 0.8rem 1.5rem; border-radius: var(--r-card, 1rem); font-size: 1.05rem; }
.single-elite_treatment.premium-inner .ihero--urgent .btn--call::before {
  content: "";
  flex: none;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 21a13.5 13.5 0 0 1-12.5-12.5A2.5 2.5 0 0 1 5.5 6h2a1 1 0 0 1 1 .8l.8 3.2a1 1 0 0 1-.5 1.1l-1.4.8a11 11 0 0 0 4.7 4.7l.8-1.4a1 1 0 0 1 1.1-.5l3.2.8a1 1 0 0 1 .8 1v2a2.5 2.5 0 0 1-2.5 2.5z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 21a13.5 13.5 0 0 1-12.5-12.5A2.5 2.5 0 0 1 5.5 6h2a1 1 0 0 1 1 .8l.8 3.2a1 1 0 0 1-.5 1.1l-1.4.8a11 11 0 0 0 4.7 4.7l.8-1.4a1 1 0 0 1 1.1-.5l3.2.8a1 1 0 0 1 .8 1v2a2.5 2.5 0 0 1-2.5 2.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* The booking button steps back to an outline beside the call. */
.single-elite_treatment.premium-inner .ihero--urgent .hero-book { margin-top: -0.4rem; }
.single-elite_treatment.premium-inner .ihero--urgent .hero-book .btn--stacked { background: #fff; border: 1px solid var(--line, #dcd6e4); color: var(--ink, #1a1236); box-shadow: none; }
.single-elite_treatment.premium-inner .ihero--urgent .hero-book .btn--stacked svg { color: var(--ped, #0b6f7d); }
.single-elite_treatment.premium-inner .ihero--urgent .hero-book .btn--stacked .btn__slot { color: var(--muted, #5d566b); }
.single-elite_treatment.premium-inner .ihero--urgent .hero-book .btn--stacked:hover { background: var(--ped-tint, #e3f4f6); border-color: var(--ped, #0b6f7d); color: var(--ink, #1a1236); }
.single-elite_treatment.premium-inner .ihero--urgent .hero-contact a[href^="tel:"] { display: none; }
@media (max-width: 47.99rem) {
  .single-elite_treatment.premium-inner .ihero--urgent .ihero__copy > div:has(> .stack) { width: 100% !important; }
  .single-elite_treatment.premium-inner .ihero--urgent .btn--call,
  .single-elite_treatment.premium-inner .ihero--urgent .hero-book .btn--stacked { width: 100%; min-height: 62px; }
  .single-elite_treatment.premium-inner .ihero--urgent .btn--call { padding: 0.7rem 1.1rem; font-size: 0.98rem; }
  /* The phone header already carries Visit; the two buttons keep the photo in the first view. */
  .single-elite_treatment.premium-inner .ihero--urgent .hero-contact { display: none; }
}

/* The facts cell that states the practice number calls it (inner-redesign.js links it). */
.single-elite_treatment.premium-inner .facts > .fact:has(.fact__tel) { position: relative; }
.single-elite_treatment.premium-inner .fact__tel { color: inherit; text-decoration: none; }
.single-elite_treatment.premium-inner .fact__tel::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.single-elite_treatment.premium-inner .fact__tel:hover,
.single-elite_treatment.premium-inner .fact__tel:focus-visible { color: var(--lane, var(--ped, #0b6f7d)); text-decoration: underline; text-underline-offset: 3px; }

/* ------------------------------------------------------------------
   Pediatric pages stay in the pediatric lane: the tinted bands take a
   pale teal instead of the orthodontic lilac grey.
   ------------------------------------------------------------------ */
body[data-lane="ped"].single-elite_treatment.premium-inner .section--mist { background: #f1f8f9; border-block-color: #e0eeef; }

/* The overview's call button carries the same phone mark as the hero's. */
.single-elite_treatment.premium-inner .tr-cta--call .btn { display: inline-flex; align-items: center; gap: 0.65rem; }
.single-elite_treatment.premium-inner .tr-cta--call .btn::before {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 21a13.5 13.5 0 0 1-12.5-12.5A2.5 2.5 0 0 1 5.5 6h2a1 1 0 0 1 1 .8l.8 3.2a1 1 0 0 1-.5 1.1l-1.4.8a11 11 0 0 0 4.7 4.7l.8-1.4a1 1 0 0 1 1.1-.5l3.2.8a1 1 0 0 1 .8 1v2a2.5 2.5 0 0 1-2.5 2.5z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 21a13.5 13.5 0 0 1-12.5-12.5A2.5 2.5 0 0 1 5.5 6h2a1 1 0 0 1 1 .8l.8 3.2a1 1 0 0 1-.5 1.1l-1.4.8a11 11 0 0 0 4.7 4.7l.8-1.4a1 1 0 0 1 1.1-.5l3.2.8a1 1 0 0 1 .8 1v2a2.5 2.5 0 0 1-2.5 2.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/*
 * The section bar marks the last section whose top has passed a line 12px
 * under the bar. A section reached from the bar landed about 14px below that
 * line, so the link before it stayed marked. Each section now lands just
 * under the bar: html's scroll-padding clears the header, this clears the bar.
 */
.single-elite_treatment.premium-inner :is(#quick, #suits, #visit, #specialists, #alternatives, #questions) { scroll-margin-top: calc(var(--subnav-h, 3.3rem) - 0.5rem); }
/* The overview sits right under the bar's resting place: land a little deeper so the bar is already stuck to the header. */
.single-elite_treatment.premium-inner #quick { scroll-margin-top: calc(var(--subnav-h, 3.3rem) - 0.85rem); }

/* ------------------------------------------------ Final QA (revision 10) */
/* G2: on phones the doctor card shows the short bio, as the specialty pages do. */
@media (max-width: 47.99rem) {
  .spx__bio { display: block; margin-top: 0.35rem; font-size: 0.92rem; line-height: 1.55; }
  .spx__creds { display: none; }
}