/* Clinic branding (hand2shoulderclinic.ai only).
   PostOpRehab is part of hand2shoulderclinic.ai, so there the header shows the Hand2Shoulder Clinic logo
   instead of the "PostOpRehab ..." title block. Everything here is gated on <html data-brand="clinic">,
   which a tiny inline script in each page's <head> sets when the host is hand2shoulderclinic.ai
   (or when localStorage "postoprehab:brand" is "clinic", for testing). Other hosts, such as the
   prratham.com demo, keep the original PostOpRehab header and never see the logo (inline display:none). */

html[data-brand="clinic"] .brand-clinic { display: block !important; flex: 0 1 auto; min-width: 0; line-height: 0; }  /* the markup carries an inline display:none */
/* The logo is 300 x 65. It is drawn at 212 px wide (46 px tall) but may shrink to the space left beside the header buttons
   (the login card is only ~430 px wide), keeping its proportions, so it never runs under the buttons. */
html[data-brand="clinic"] .brand-clinic img { display: block; width: 212px; max-width: 100%; height: auto; }

/* colour logo on the light theme, white logo on the dark theme */
html[data-brand="clinic"] .brand-clinic .is-white { display: none; }
html[data-brand="clinic"][data-theme="dark"] .brand-clinic .is-color { display: none; }
html[data-brand="clinic"][data-theme="dark"] .brand-clinic .is-white { display: block; }

/* the old icon + title + tagline are visually hidden, but stay in the page for screen readers and for
   scripts that read the page name (mobile-pages.js looks for `.brand-text h1 span`) */
html[data-brand="clinic"] .brand-logo { display: none; }
html[data-brand="clinic"] .brand-text {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}

/* Nobody can register a clinic account on hand2shoulderclinic.ai: the clinic creates staff accounts itself and
   patients are added by a clinician. The sign-up link and form are hidden here, and api/register-clinician.php
   refuses requests on this host, so the link being hidden is a courtesy and not the protection. */
html[data-brand="clinic"] #signup-toggle,
html[data-brand="clinic"] #signup-form { display: none !important; }

@media (max-width: 720px) {
  html[data-brand="clinic"] .brand-clinic img { width: 175px; }
  html[data-brand="clinic"] .login-page .brand-clinic img { width: 222px; }
}