/* Loaded after site.css on the booking page only. */

/* DrChrono renders the practice logo above the form, which pushed the
   Available Times calendar and the Submit button below a 1180px frame.
   Measured on staging: the full widget needs ~1900px at 650px wide. */
.embed-scale iframe{height:1900px}

/* Desktop keeps the embed; the button card is hidden. */
.embed-open{display:none}

/* The widget is a fixed 650px wide and does not reflow. Scaling it down to
   fit a phone made the fields and the calendar too small to actually use,
   so below 760px we hand the visitor a full-size scheduler in a new tab. */
@media(max-width:760px){
  .embed-wrap,.embed-note{display:none}
  .embed-open{display:block;background:var(--card);border:1px solid var(--rule-soft);
    border-radius:var(--r);box-shadow:var(--shadow-sm);padding:26px 22px;text-align:center}
  .embed-open h3{font-size:1.15rem;margin-bottom:8px}
  .embed-open p{font-size:.9rem;color:var(--ink-soft);margin-bottom:18px}
  .embed-open .btn{width:100%;padding-block:14px;font-size:.95rem}
  .embed-open small{display:block;margin-top:14px;font-size:.82rem;color:var(--ink-faint)}
  .embed-open small a{font-weight:700;color:var(--navy)}
}