/**
 * Custom Typography Styles - MLPT Child Theme
 * 
 * Additional typography styles not covered by theme.json
 * Including body variants, overlines, and special text treatments
 * 
 * @package HS_Helix_Child
 */

/* ==========================================================================
   Body Text Variants
   ========================================================================== */

/**
 * body1 - Primary body copy (16px / 400 / 150%)
 * This is the default body style, included for consistency
 */
.has-body-1-font-size,
body,
p {
  font-family: var(--wp--preset--font-family--outfit);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
}

/**
 * body2 - Secondary body copy (14px / 500 / 150%)
 * For smaller content blocks, sidebar text, metadata
 */
.has-body-2-font-size {
  font-family: var(--wp--preset--font-family--outfit);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3125rem;
  letter-spacing: normal;
}

/* ==========================================================================
   Caption Styles
   ========================================================================== */

/**
 * caption1 - Small caption text (12px / 600 / 125%)
 * Uses Outfit font family
 */
.has-caption-1-font-size,
figcaption,
.wp-element-caption,
.wp-block-image figcaption {
  font-family: var(--wp--preset--font-family--outfit);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.9375rem;
  letter-spacing: normal;
}

/* ==========================================================================
   Overline Styles
   ========================================================================== */

/**
 * Overline Medium - Section labels (16px / 500 / 130%)
 * With increased letter-spacing and italic style
 */
.overline-medium {
  font-family: var(--wp--preset--font-family--rem);
  font-size: 1rem;
  font-weight: 500;
  font-style: italic;
  line-height: 1.3rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

/**
 * Overline Small - Micro-copy labels (14px / 500 / 130%)
 * With increased letter-spacing and italic style
 */
.overline-small {
  font-family: var(--wp--preset--font-family--rem);
  font-size: 0.875rem;
  font-weight: 500;
  font-style: italic;
  line-height: 1.1375rem;
  letter-spacing: 0.0875rem;
  text-transform: uppercase;
}

/* ==========================================================================
   Link Styles
   ========================================================================== */

/**
 * Inline text links
 * Applied to links within content (a tags in p, li, etc.)
 */
.wp-block-post-content a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  font-family: var(--wp--preset--font-family--rem);
  font-weight: 500;
  color:#072435;
  transition: color 0.2s ease;
  text-decoration: none;
}

.wp-block-post-content a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--secondary);
  text-decoration: none;
}

/**
 * Larger inline links (18px variant)
 */
.has-large-font-size a:not(.wp-block-button__link) {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

/* ==========================================================================
   Button Text Override
   ========================================================================== */

/**
 * Ensure all buttons use Outfit font family
 * Size and weight defined in theme.json
 */
.wp-block-button__link,
.wp-element-button {
  font-family: var(--wp--preset--font-family--outfit);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

/**
 * Font family utilities
 * For quick font family switching without custom CSS
 */
.font-barlow {
  font-family: var(--wp--preset--font-family--barlow);
}

.font-outfit {
  font-family: var(--wp--preset--font-family--outfit);
}

.font-rem {
  font-family: var(--wp--preset--font-family--rem);
}

/**
 * Text transform utilities
 */
.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

/**
 * Font style utilities
 */
.text-italic {
  font-style: italic;
}

.text-normal {
  font-style: normal;
}