/*
 * Pioneer Rheumatology brand layer (2026-09-29)
 * Loaded LAST, after the Augusta/AHG stylesheets. Source: PRHM-2026-07-Brand-One-Pager-FINAL.pdf
 * (palette + type) and Pioneer_Home_Page.png (how the palette is applied; colours sampled from it).
 * Delete this file's enqueue to revert the recolour.
 */
:root {
  /* Brand palette */
  --prhm-chestnut:    #945E46;
  --prhm-glacier:     #0074A7;
  --prhm-snow:        #F1F2F2;
  --prhm-evergreen:   #13322B;
  --prhm-alpine-rose: #EAA09C;
  --prhm-hero:        #1B3832;  /* sampled from the mockup hero */
  --prhm-sage:        #5A776F;  /* sampled: light end of the testimonial + footer gradients */

  /* Typography: Faculty Glyphic headlines, Outfit everything else */
  --ff-rufina:    'Faculty Glyphic', Georgia, serif;
  --ff-mulish:    'Outfit', system-ui, sans-serif;
  --ff-lato:      'Outfit', system-ui, sans-serif;
  --ff-questrial: 'Outfit', system-ui, sans-serif;

  /* The theme's own variables, remapped */
  --color-green:       var(--prhm-evergreen);
  --color-lite-green:  var(--prhm-chestnut);
  --color-pale-green:  var(--prhm-snow);
  --color-dark-green:  var(--prhm-evergreen);
  --color-default:     var(--prhm-evergreen);
  --color-blackgreen:  var(--prhm-evergreen);
  --color-yellow:      var(--prhm-chestnut);
  --color-grad-yellow: linear-gradient(to right, var(--prhm-chestnut), var(--prhm-chestnut));
  --color-grad-green:  linear-gradient(to right, var(--prhm-snow), var(--prhm-snow));
  --color-grad-darkgreen: linear-gradient(to bottom, var(--prhm-evergreen), var(--prhm-sage));
  --footer-accent:     linear-gradient(to bottom, var(--prhm-evergreen), var(--prhm-sage));
}

body { font-family: var(--ff-mulish); color: var(--prhm-evergreen); }

/* Headlines: Faculty Glyphic ships one weight (400) — no faux bold */
.section-title, .copy h2, .ftrd-title h2, .footer-top h2, .section--testimonials .section-header h2,
.copy .animated-text__item, .condition-card h2, .section-provider_strip .section-title, h1, h2 {
  font-family: var(--ff-rufina); font-weight: 400;
}

/* Buttons: Chestnut pills, white text */
.button--green { --btn-bg-color: var(--prhm-chestnut); --btn-text-color: #fff; }
.button--green:hover, .button--green:focus-visible { --btn-bg-color: var(--prhm-evergreen); --btn-text-color: #fff; }
.button--owhite:hover { --btn-bg-color: #fff; --btn-text-color: var(--prhm-evergreen); border-color: #fff; }
.button-yellow { background: var(--prhm-chestnut) !important; color: #fff !important; border-color: var(--prhm-chestnut) !important; }

/* Header */
header nav a { color: var(--prhm-evergreen); }
header .logo img { height: 44px; width: auto; }

/* Hero: no Augusta photo/video — solid brand evergreen */
.section--homebanner { background-color: var(--prhm-hero); }
.section--homebanner .section-title { text-shadow: none; }

/* Featured cards band */
.section--ftrdblocks { background-color: var(--prhm-snow); }
.ftrd-title span { color: var(--prhm-evergreen); }
.ftrd-title h2 { color: var(--prhm-evergreen); }
.ftrd-btn a { color: var(--prhm-evergreen); }

/* "Get care today for …" + intro */
.copy h2 { color: var(--prhm-evergreen); }
.copy .animated-text__item { color: var(--prhm-chestnut); }
.copy a:not(.button) { color: var(--prhm-glacier); }

/* Testimonials band: evergreen -> sage, white cards, evergreen stars */
.section--testimonials { background-image: linear-gradient(to bottom, #15342D, var(--prhm-sage)); }
.review-item .review-author { color: var(--prhm-evergreen); }
.section--testimonials .button--green { --btn-bg-color: var(--prhm-chestnut); }

/* Proven treatments panel */
.section--contentthumb .thumb { background-color: var(--prhm-snow); }

/* Footer: sage -> evergreen */
footer { background-image: linear-gradient(to bottom, var(--prhm-sage), var(--prhm-evergreen)); }
.footer-main .social-media a { color: #fff; }
.footer-main .logo img { height: 44px; width: auto; }

/* Contact page */
.section-getintouch .copy address { color: var(--prhm-evergreen); }

/* Conditions: cards carry the full paragraph now */
.condition-card__content { background-color: var(--prhm-evergreen); }
.condition-card__link { color: var(--prhm-alpine-rose); }

/* Content column: the theme's .container runs full width at 1440; the mockup keeps a centred column */
.container { max-width: 1152px; }

/* Placeholder while no team members are published */
.prvdr-empty { text-align: center; color: #6B7274; padding: 40px 0; }

/* Header "Get In Touch" pill */
.link-btn--green { --btn-bg-color: var(--prhm-chestnut); --btn-text-color: #fff; }
.link-btn--green a:hover, .link-btn--green a:focus-visible { background-color: var(--prhm-evergreen); }

/* Leftover Augusta colours found by qa/legacy-colours.py (hardcoded, not variables) */
.main ul, .team-badge__title, .team-badge__desc, .shdrt__menu a { color: var(--prhm-evergreen); }
p, li, strong { color: inherit; }
.main p, .main ul, .main li, .main strong { color: var(--prhm-evergreen); }
.main .prvdr-empty, .prvdr-empty { color: #6B7274; }
.patientreview__inner, .patientreview__inner:not(:has(.reviewsbxd-cardlists)) { border-top-color: var(--prhm-snow); }
.condition-card h2 { color: #fff; }
.condition-card__content p { color: var(--prhm-snow); }
.spstrip h2 { color: #fff; }
.section-provider_strip { background-image: linear-gradient(to right, var(--prhm-evergreen), var(--prhm-sage)); }
.obg::before { background: var(--prhm-snow); }
html body .twco_row::before { background-color: var(--prhm-chestnut); } /* beats the section template's inline <style> */
.section-getintouch::before { background-color: var(--prhm-snow); }
.gform_button:hover { --btn-bg-color: var(--prhm-snow); border-color: var(--prhm-evergreen); color: var(--prhm-evergreen); }
.teams .slick-prev { border-right-color: rgba(19, 50, 43, .35); }
.teams .slick-next { border-left-color: rgba(19, 50, 43, .35); }
.chrcldp-item.active { background-color: rgba(19, 50, 43, .6); }

/* Testimonial slider arrows sat 20px outside the column and caused sideways scroll on phones
   (also on the Augusta live site). Keep them inside below 576px. */
@media (max-width: 575.98px) {
  .testimonials--slider .slick-prev { left: -8px; }
  .testimonials--slider .slick-next { right: -8px; }
}

/* Faculty Glyphic sets wider than the old Rufina: long single words ("Compassionate", "Appointment",
   "Spondylitis") overflowed 320–414px phones at the theme's 50–60px heading sizes. */
h1, h2, .section-title { overflow-wrap: break-word; }
@media (max-width: 575.98px) {
  .copy h2, .copy .animated-text__item { font-size: clamp(28px, 8.4vw, 40px); }
  .section-title, .section-simple_content .section-title { font-size: clamp(30px, 9vw, 44px); }
  .footer-top h2 { font-size: clamp(28px, 8.4vw, 36px); }
}
@media (max-width: 575.98px) {
  /* Testimonial buttons: let labels wrap as in the mockup instead of pushing past the screen edge */
  .section--testimonials .section-footer .btnbxd { gap: 12px !important; }
  .section--testimonials .section-footer .button { white-space: normal; flex: 1 1 0; min-width: 0; }
  /* Testimonials page review grid had two fixed 346px columns (pre-existing, also on the Augusta site) */
  .reviewsbxd-cardlists { grid-template-columns: minmax(0, 1fr); }
  .reviewsbxd-cardlists .review-item { min-width: 0; margin-inline: 0; }
  .reviewsbxd-cardlists .review-item img { max-width: 100%; height: auto; }
}
/* Mobile menu: the theme zeroes the pill padding; give the Chestnut pill room */
.mobile-menu .link-btn a { padding: 8px 24px; }