/* KUGUART GOLD — 02 Typography
 * Utility classes used from Elementor → Advanced → CSS Classes.
 */

/* ==========================================================================
   03. KUGUART TYPOGRAPHY UTILITIES
   Klasy nadajesz w Elementor → Advanced → CSS Classes.
   ========================================================================== */

.kg-hero-title,
.hero-title {
  font-family: var(--kg-font-display);
  font-size: var(--kg-fs-display-xl);
  font-weight: var(--kg-fw-medium);
  line-height: var(--kg-lh-display);
  letter-spacing: -.02em;
  text-wrap: balance;
}


.kg-section-title,
.section-title {
  font-family: var(--kg-font-display);
  font-size: var(--kg-fs-h2);
  font-weight: var(--kg-fw-medium);
  line-height: var(--kg-lh-h2);
  letter-spacing: -.012em;
  text-wrap: balance;
}

.kg-subtitle {
  font-family: var(--kg-font-display);
  font-size: var(--kg-fs-h3);
  font-weight: var(--kg-fw-medium);
  line-height: var(--kg-lh-h3);
  letter-spacing: -.008em;
}

.kg-section-label,
.section-label {
  font-family: var(--kg-font-body);
  font-size: var(--kg-fs-label);
  font-weight: var(--kg-fw-semibold);
  line-height: 1.3;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--kg-color-muted);
}

.kg-lead,
.lead-text {
  font-family: var(--kg-font-body);
  font-size: var(--kg-fs-lead);
  font-weight: var(--kg-fw-regular);
  line-height: var(--kg-lh-lead);
  letter-spacing: 0;
}

.kg-body {
  font-family: var(--kg-font-body);
  font-size: var(--kg-fs-body);
  font-weight: var(--kg-fw-regular);
  line-height: var(--kg-lh-body);
}

.kg-small {
  font-family: var(--kg-font-body);
  font-size: var(--kg-fs-small);
  line-height: 1.7;
}

.kg-caption {
  font-family: var(--kg-font-body);
  font-size: var(--kg-fs-caption);
  font-weight: var(--kg-fw-medium);
  line-height: 1.5;
  letter-spacing: .025em;
  color: var(--kg-color-muted);
}

.kg-quote,
.quote-text {
  font-family: var(--kg-font-display);
  font-size: var(--kg-fs-quote);
  font-style: italic;
  font-weight: var(--kg-fw-regular);
  line-height: 1.15;
  letter-spacing: -.01em;
  text-wrap: balance;
}

.kg-product-card-title,
.product-card-title {
  font-family: var(--kg-font-display);
  font-size: var(--kg-fs-product-card);
  font-weight: var(--kg-fw-medium);
  line-height: 1.1;
  letter-spacing: -.008em;
}

.kg-product-title,
.product-title {
  font-family: var(--kg-font-display);
  font-size: var(--kg-fs-product-title);
  font-weight: var(--kg-fw-medium);
  line-height: 1;
  letter-spacing: -.012em;
}

.kg-price {
  font-family: var(--kg-font-body);
  font-size: 1.0625rem;
  font-weight: var(--kg-fw-medium);
  line-height: 1.3;
}

.kg-meta {
  font-family: var(--kg-font-body);
  font-size: .6875rem;
  font-weight: var(--kg-fw-semibold);
  line-height: 1.4;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--kg-color-muted);
}