/* Shared front-end headings, based on Needs a Stronger Shot.
 * Helvetica Bold is native on Apple devices; Arial/sans-serif are fallbacks.
 * Load after each page stylesheet. Scope rules to the plugin, never the host theme.
 */
:is(.sss-app,.sps-browse,.sps-browse-dialog,.sps-squad-page,.sps-shot-main,.sps-teaser,.sps-share-dialog),
body:has(.sps-squad-page) .entry-info .entry-title {
  --sps-heading-font: Helvetica, Arial, sans-serif;
  --sps-heading-green: #174d43;
  --sps-heading-ink: #263d35;
}

:is(.sss-app,.sps-browse,.sps-browse-dialog,.sps-squad-page,.sps-shot-main,.sps-teaser,.sps-share-dialog) :is(h1,h2,h3,h4,h5,h6),
.sss-app :is(.sss-stage,.sps-result-shelter-info,.sps-wheel-inline-share,.sps-recommendations-heading,.sps-profile-wheel-copy,.sps-wheel-browse-invite,.sps-account-card) :is(h1,h2,h3),
.sps-browse .sps-browse-intro h1,
body:has(.sps-squad-page) .entry-info .entry-title,
.sss-app .sss-stage-result .sss-result-detail h3.sss-name,
.sss-app .sss-head .sss-logo,
.sss-app .sss-stage-wheel .sps-wheel-shelter-name,
.sps-browse .sps-browse-brand,
.sps-browse .sps-browse-brand:hover,
.sps-browse .sps-browse-brand:visited,
.sps-browse .sps-browse-shelter,
.sss-app .sps-squad-register-reminder > strong,
.sss-app .sps-recommendation-open strong,
.sss-app .sps-favorite-item > a,
.sss-app .sps-photo-save-heading,
.sps-squad-page .sps-squad-pet-name {
  font-family: var(--sps-heading-font, Helvetica, Arial, sans-serif) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
}

/* The two-tone wordmark and invitation echo the reference heading. */
.sss-app .sss-head .sss-logo,
.sps-browse .sps-browse-brand,
.sss-app .sss-stage-wheel > h2,
.sps-browse .sps-browse-intro > h1,
.sps-shot-main .sps-shot-header h1 {
  color: var(--sps-heading-green) !important;
  letter-spacing: -.045em !important;
}

/* WordPress renders this title outside the Squad shortcode's container. */
body:has(.sps-squad-page) .entry-info .entry-title {
  color: var(--sps-heading-green) !important;
  letter-spacing: -.045em !important;
}

.sss-app .sss-head .sss-logo .sps-brand-ink,
.sps-browse .sps-browse-brand .sps-brand-ink,
.sss-app .sss-stage-wheel .sps-wheel-shelter-name,
.sps-browse .sps-browse-shelter {
  color: var(--sps-heading-ink) !important;
}

.sss-app .sss-stage-wheel .sps-wheel-shelter-name,
.sps-browse .sps-browse-shelter {
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.sss-app .sss-stage-wheel .sps-wheel-shelter-name strong,
.sps-browse .sps-browse-shelter strong {
  font: inherit !important;
  color: inherit !important;
  letter-spacing: inherit !important;
}
