/* ===================================================
   UNA Heading Styles (H-01..H-08)
   - Token-driven via UNA Style Library vNext compiled vars.
   - Each style can be overridden by CSS variables:
       --una-heading-01-size, --una-heading-01-weight,
       --una-heading-01-letter-spacing, --una-heading-01-line-height,
       --una-heading-01-color
   =================================================== */

.una-heading{
  font-family: var(--una-font-headings, var(--typography-font-family-headings, var(--una-font-base)));
  color: var(--una-heading-color, inherit);
}

/* Small helper to keep defaults clean */
.una-heading strong{font-weight:inherit;}

.una-heading-01{
  font-size: var(--una-heading-01-size, 1.05em);
  font-weight: var(--una-heading-01-weight, 900);
  line-height: var(--una-heading-01-line-height, 1.35);
  letter-spacing: var(--una-heading-01-letter-spacing, 0);
  color: var(--una-heading-01-color, var(--una-heading-color, inherit));
  text-transform: uppercase;
}

.una-heading-02{
  font-size: var(--una-heading-02-size, 1.06em);
  font-weight: var(--una-heading-02-weight, 800);
  line-height: var(--una-heading-02-line-height, 1.3);
  letter-spacing: var(--una-heading-02-letter-spacing, 0);
  color: var(--una-heading-02-color, var(--una-heading-color, inherit));
  border-inline-start: 4px solid var(--una-color-primary);
  padding-inline-start: 12px;
}

.una-heading-03{
  font-size: var(--una-heading-03-size, 1.08em);
  font-weight: var(--una-heading-03-weight, 900);
  line-height: var(--una-heading-03-line-height, 1.25);
  letter-spacing: var(--una-heading-03-letter-spacing, 0);
  color: var(--una-heading-03-color, var(--una-heading-color, inherit));
  border-bottom: 2px solid var(--una-color-primary);
  padding-bottom: 8px;
}

.una-heading-04{
  font-size: var(--una-heading-04-size, 1.09em);
  font-weight: var(--una-heading-04-weight, 900);
  line-height: var(--una-heading-04-line-height, 1.25);
  letter-spacing: var(--una-heading-04-letter-spacing, 0);
  color: var(--una-heading-04-color, var(--una-heading-color, inherit));
  text-align: center;
}

.una-heading-05{
  font-size: var(--una-heading-05-size, 1.02em);
  font-weight: var(--una-heading-05-weight, 700);
  line-height: var(--una-heading-05-line-height, 1.3);
  letter-spacing: var(--una-heading-05-letter-spacing, 0);
  color: var(--una-heading-05-color, var(--una-heading-color, inherit));
  background: var(--una-color-primary);
  color: var(--una-color-on-primary);
  display: inline-block;
  padding: 6px 10px;
  border-radius: 10px;
}

.una-heading-06{
  font-size: var(--una-heading-06-size, 1.05em);
  font-weight: var(--una-heading-06-weight, 800);
  line-height: var(--una-heading-06-line-height, 1.25);
  letter-spacing: var(--una-heading-06-letter-spacing, 0);
  color: var(--una-heading-06-color, var(--una-heading-color, inherit));
  position: relative;
  padding-inline-start: 18px;
}
.una-heading-06::before{
  content:'';
  position:absolute;
  inset-inline-start:0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: var(--una-color-primary);
  border-radius: 50%;
}

.una-heading-07{
  font-size: var(--una-heading-07-size, 1.06em);
  font-weight: var(--una-heading-07-weight, 900);
  line-height: var(--una-heading-07-line-height, 1.25);
  letter-spacing: var(--una-heading-07-letter-spacing, 0);
  color: var(--una-heading-07-color, var(--una-heading-color, inherit));
  border: 2px solid var(--una-color-primary);
  padding: 8px 12px;
  border-radius: 12px;
  display: inline-block;
}

.una-heading-08{
  font-size: var(--una-heading-08-size, 1.08em);
  font-weight: var(--una-heading-08-weight, 800);
  line-height: var(--una-heading-08-line-height, 1.25);
  letter-spacing: var(--una-heading-08-letter-spacing, 0);
  color: var(--una-heading-08-color, var(--una-heading-color, inherit));
  opacity: .95;
}

/* ==================================================================
   Hero/Post title helpers (already used across the theme)
   These are separate from H-01..H-08 and stay here for stability.
   ================================================================== */

.una-heading-title-post{
  font-family: var(--una-font-headings, var(--typography-font-family-headings, var(--una-font-base)));
  font-size: var(--una-heading-title-post-size, 2.2rem);
  font-weight: var(--una-heading-title-post-weight, 900);
  line-height: var(--una-heading-title-post-line-height, 1.12);
  letter-spacing: var(--una-heading-title-post-letter-spacing, -0.01em);
  color: var(--una-heading-title-post-color, var(--una-color-text));
  margin: 0;
}

.una-heading-title-tax{
  font-family: var(--una-font-headings, var(--typography-font-family-headings, var(--una-font-base)));
  font-size: var(--una-heading-title-tax-size, 1.8rem);
  font-weight: var(--una-heading-title-tax-weight, 900);
  line-height: var(--una-heading-title-tax-line-height, 1.12);
  letter-spacing: var(--una-heading-title-tax-letter-spacing, -0.01em);
  color: var(--una-heading-title-tax-color, var(--una-color-text));
  margin: 0;
}

.una-heading--centered{
  text-align: center;
}