/**
 * eyebrows.css — Hide decorative eyebrows site-wide
 *
 * An "eyebrow" here is the small label that sits directly above a heading.
 * Labels that sit above data instead (calculator results, scores, card
 * rows, "Type your outs", etc.) are NOT matched and stay visible.
 *
 * Markup is untouched; this file only hides. !important is deliberate so
 * page-specific CSS that sets display on eyebrows can't bring them back.
 *
 * Revert: remove the 'btf-eyebrows' enqueue in functions.php, or restore
 * from _backup-eyebrows-global-20261019/.
 */

/* Any *-eyebrow class (or a section label) directly followed by a heading */
:is([class$="eyebrow"], [class*="eyebrow "], .section-label, .btf-section-label, .strategy-big-tag):has(+ :is(h1, h2, h3, h4, h5, h6, [class*="title"], [class*="heading"], [class*="headline"])) {
  display: none !important;
}

/* Header rows: label + link/badge on one line, heading below the row */
.section-header-row > .section-label {
  display: none !important;
}

.section-header-row > .section-label + * {
  margin-left: auto;
}

/* Eyebrows marked up as real headings: hide visually, keep for screen readers */
h2.section-label-light {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}