/* =========================================================
   Clinica Joelle brand layer — the typeface and type treatment from
   clinicajoelle.com, applied over Stockie.

   Objective is the clinic's own webfont, taken from their live theme
   (assets/fonts). Colours live in the generated css/stockie-brand.css;
   this file is type only, so the two can be regenerated independently.
   ========================================================= */

@font-face {
  font-family: "Objective";
  src: url("../fonts/Objective-Regular.woff") format("woff"),
       url("../fonts/Objective-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Objective";
  src: url("../fonts/Objective-Medium.woff") format("woff"),
       url("../fonts/Objective-Medium.ttf") format("truetype");
  /* The clinic's site loads Medium as a separate family and switches by name.
     Declaring it as 500/600 of one family instead means Stockie's existing
     font-weight rules pick it up without touching any of them. */
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}

/* Stockie sets its font stack on a long list of elements and utility classes
   rather than inheriting from body, so the override has to be as broad. */
body,
button,
input,
select,
optgroup,
textarea,
h1, h2, h3, h4, h5, h6,
.btn,
a.btn,
.button,
.wp-block-button__link,
.font-titles,
.font-body,
.menu-link,
.widget-title,
.title {
  font-family: "Objective", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* Headings on clinicajoelle.com are set uppercase and letter-spaced. That is
   the most recognisable part of the look after the gold, so carry it over —
   but leave h1 alone, since the homepage headline is a full sentence and
   uppercasing it costs too much legibility at hero size. */
h2, h3, h4, h5, h6,
.widget-title,
.title {
  text-transform: uppercase;
  letter-spacing: .04em;
}
/* Anything that is prose rather than a heading opts back out. */
.jh-statement-text,
.jh-review-quote,
.entry-content p,
.doc-card-title {
  text-transform: none;
}

/* Buttons: uppercase and tracked, as on the clinic's site. */
.btn,
a.btn,
.button,
input[type="submit"],
.wp-block-button__link {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 500;
}

/* Gold underline accent on links inside body copy, the clinic's own treatment.
   Scoped to the prose blocks the editor produces, NOT to everything in
   .entry-content: the closing sections are appended into the content too, and
   several of them are dark panels where near-black link text disappears. */
.entry-content > :is(p, ul, ol, blockquote, table, figure, dl) a:not(.btn):not(.wp-block-button__link) {
  color: #0b0100;
  box-shadow: inset 0 -1px 0 #e6bc56;
  transition: box-shadow .2s ease, color .2s ease;
}
.entry-content > :is(p, ul, ol, blockquote, table, figure, dl) a:not(.btn):not(.wp-block-button__link):hover {
  color: #a8862c;
  box-shadow: inset 0 -2px 0 #e6bc56;
}