/* Online booking entry points (Book online), added with the Next.js site.
   They reuse the existing button styles; only size and breakpoints live here.

   Masthead: Book online shows on every desktop width (1025px and up), the site's main action.
   Where the row is short of space, Sign in becomes just its icon and the menu and buttons
   tighten (below), so nothing is hidden and the menu stays on one line. Phones and tablets
   (1024px and below) get Book online in the menu drawer instead. */
.mast-book{
  flex:none;
  padding-inline:20px;
  /* sit close to Get help today, as a pair */
  margin-right:calc(10px - clamp(18px,3vw,44px));
}

/* Patient sign in (the portal): a quiet link with a person icon ahead of the two buttons, so the
   row reads as one action plus two calls to action rather than three pills. Shown from 1240px,
   where it fits without pushing the menu onto two lines; narrower screens have it in the menu
   drawer and the footer. */
.mast-signin{
  flex:none;
  display:inline-flex;align-items:center;gap:9px;
  min-height:48px;padding-inline:4px;
  font-size:15.5px;font-weight:600;color:var(--blue);
  margin-right:calc(16px - clamp(18px,3vw,44px));
}
.mast-signin-ico{
  display:grid;place-items:center;
  width:36px;height:36px;border-radius:999px;
  background:var(--blue-tint);color:var(--blue);
  transition:background-color .18s var(--ease),color .18s var(--ease);
}
.mast-signin:hover{color:var(--blue-2);}
.mast-signin:hover .mast-signin-ico{background:var(--blue);color:var(--white);}
.mast-signin:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:999px;}
/* Laptops (1025-1439px): make room for Book online rather than hiding it. Sign in keeps its
   icon (its words are still read aloud), and the menu and the two buttons tighten. */
@media (max-width:1439px){
  .mast-signin .account-link-label{
    position:absolute;width:1px;height:1px;margin:-1px;padding:0;
    overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
  }
  .mast-signin{gap:0;padding-inline:0;}
  .masthead .mast-book,.masthead .mast-cta.btn-accent{padding-inline:16px;}
}
@media (max-width:1280px){
  .masthead .nav-link{font-size:15.5px;padding-inline:9px;}
}
@media (max-width:1180px){
  .masthead .nav-link{font-size:15px;padding-inline:7px;}
  .masthead .wrap{gap:14px;}
  .mast-book,.mast-signin{margin-right:-4px;}
}
@media (max-width:1100px){
  .masthead .nav-link{font-size:14.5px;padding-inline:5px;}
  .masthead .nav-link .chev{display:none;}
  .masthead .mast-book,.masthead .mast-cta.btn-accent{padding-inline:12px;font-size:14.5px;}
}
/* Phones and tablets: Sign in lives in the menu drawer and the footer. Book online keeps a
   compact Book button beside the menu, so booking is one tap away on every page. The button
   looks compact; its tap area reaches 48px tall around it. */
.mast-book-sm{display:none;}
@media (max-width:1024px){
  .mast-signin{display:none;}
  .mast-book-sm{
    position:relative;flex:none;margin-left:auto;
    display:inline-flex;align-items:center;gap:6px;
    height:40px;padding-inline:14px;border-radius:10px;
    background:var(--blue);color:#fff;font-size:15px;font-weight:700;line-height:1;
    box-shadow:0 8px 18px -10px rgba(1,95,156,.75);
  }
  .mast-book-sm::after{content:"";position:absolute;inset:-4px -3px;}
  .mast-book-sm:hover{background:var(--blue-2);}
  .mast-book-sm:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}
  .mast-book-sm + .burger{margin-left:0;}
}