/**
 * Effra Font Specific Overrides
 * These styles only apply when Effra font is selected
 * Adjusts sizes and weights to maintain visual hierarchy with Effra
 * 
 * Note: This file is only loaded when Effra is selected in theme settings
 */

/* Base heading adjustments - Effra appears larger, so reduce sizes slightly */
body.font-effra-active h1 {
  font-size: clamp(2rem, 3vw, 2.75rem) !important; /* Reduced from text-6xl */
  font-weight: 700 !important; /* Bold for emphasis */
}

body.font-effra-active h2 {
  font-size: clamp(1.625rem, 2.25vw, 2rem) !important; /* Reduced from text-4xl */
  font-weight: 700 !important; /* Bold for emphasis */
}

body.font-effra-active h3 {
  font-size: clamp(1.25rem, 1.75vw, 1.625rem) !important; /* Reduced from text-3xl */
  font-weight: 700; /* Bold for emphasis */
}

body.font-effra-active h4 {
  font-size: clamp(1rem, 1.2vw, 1.125rem) !important; /* Reduced for card titles */
  font-weight: 700; /* Bold for card titles */
}

/* Component-specific adjustments */

/* Team Card Names - Reduce size and adjust weight */
body.font-effra-active .team-card__name {
  font-size: clamp(0.875rem, 1vw, 1rem) !important; /* Reduced from text-lg to text-base */
  font-weight: 500 !important; /* Medium instead of 600 */
  line-height: 1.4;
}

/* Publication Item Titles */
body.font-effra-active .pub-item__title {
  font-size: clamp(0.875rem, 1vw, 1rem) !important; /* Reduced from text-lg to text-base */
  font-weight: 500 !important; /* Medium instead of 600 */
  line-height: 1.4;
}

/* Other Pillar Card Titles */
body.font-effra-active .other-pillar-card__title {
  font-size: clamp(0.875rem, 1vw, 1rem) !important; /* Reduced from text-lg to text-base */
  font-weight: 500 !important; /* Medium instead of 600 */
}

/* Publication Card Titles */
body.font-effra-active .publication-card__title {
  font-size: clamp(0.875rem, 1vw, 1rem) !important; /* Reduced from text-lg to text-base */
  font-weight: 700 !important; /* Bold for emphasis */
  line-height: 1.4;
}

/* Publications Feed Grid - already text-base, but ensure consistency */
body.font-effra-active .publications-feed__grid .publication-card__title {
  font-weight: 700 !important;
}

/* Pillar Card Titles */
body.font-effra-active .pillar-card__title {
  font-size: clamp(1rem, 1.1vw, 1.125rem) !important; /* Reduced from text-xl */
  font-weight: 500 !important; /* Medium instead of 600 */
}

/* Pub Card Titles (in sliders/grids) */
body.font-effra-active .pub-card__title {
  font-size: clamp(0.875rem, 1vw, 1rem) !important; /* Reduced from text-lg */
  font-weight: 700 !important;
}

/* Card Titles - All card types should be bold */
body.font-effra-active .podcast-card__title,
body.font-effra-active .article-card__title,
body.font-effra-active .video-card__title,
body.font-effra-active .speech-card__title,
body.font-effra-active .event-card__title,
body.font-effra-active .gallery-card__title {
  font-size: clamp(0.875rem, 1vw, 1rem) !important;
  font-weight: 700 !important;
}

/* Section Headers - adjust if needed */
body.font-effra-active .section-header__title {
  font-weight: 700 !important; /* Bold for emphasis */
}

body.font-effra-active .page-header__title {
  font-weight: 700 !important; /* Bold for page titles */
}

/* Display text adjustments */
body.font-effra-active .display-text {
  font-size: clamp(3rem, 6vw, 5rem) !important; /* Reduced from text-7xl */
  font-weight: 300 !important;
}

/* Hero titles and large headings */
body.font-effra-active .hero__title {
  font-size: clamp(2.5rem, 5vw, 4rem) !important; /* Larger for hero statement */
  font-weight: 400 !important; /* Lighter weight to contrast with emphasized text */
  line-height: 1.1;
  letter-spacing: -0.02em;
}

body.font-effra-active .hero__title em {
  font-weight: 900 !important; /* Maximum weight for emphasis */
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important; /* Subtle shadow for depth */
}

body.font-effra-active .hero__description {
  font-size: clamp(1.125rem, 1.5vw, 1.375rem) !important; /* Larger for hero */
}

body.font-effra-active .hero__link {
  font-size: clamp(1rem, 1.2vw, 1.125rem) !important; /* Larger for hero */
}

/* Ensure secondary button is white and bold when Effra is active */
body.font-effra-active .hero__link--secondary,
body.font-effra-active .hero__link--secondary * {
  color: #ffffff !important;
  font-weight: 700 !important;
}


/* Pillar Hero Title */
body.font-effra-active .pillar-hero__title {
  font-size: clamp(2.25rem, 4vw, 3.5rem) !important; /* Reduced from text-6xl/7xl */
  font-weight: 700 !important;
}

/* Article Single Title */
body.font-effra-active .article-single__title {
  font-weight: 700 !important;
}

/* General heading weight adjustments for Effra */
body.font-effra-active h1,
body.font-effra-active h2 {
  letter-spacing: -0.01em; /* Slightly tighter letter spacing for Effra */
}

/* Body and Paragraph Text - Increase size for better readability with Effra */
/* Effra works best at 16-18px for body text (optimal readability) */
body.font-effra-active {
  font-size: clamp(1rem, 1.1vw, 1.125rem) !important; /* 16px to 18px instead of 14.4px to 16px */
  line-height: 1.7 !important; /* Slightly increased line height for better readability */
}

body.font-effra-active p,
body.font-effra-active article p,
body.font-effra-active main p {
  font-size: clamp(1rem, 1.1vw, 1.125rem) !important; /* 16px to 18px */
  line-height: 1.7 !important;
}

/* Article content paragraphs - ensure they're readable */
body.font-effra-active .article-single__content p,
body.font-effra-active article.article-single .article-single__content p,
body.font-effra-active .article-single__body .article-single__content p {
  font-size: clamp(1rem, 1.1vw, 1.125rem) !important; /* 16px to 18px */
  line-height: 1.75 !important; /* Generous line height for long-form reading */
}

/* Event description paragraphs */
body.font-effra-active .event-description p {
  font-size: clamp(1rem, 1.1vw, 1.125rem) !important;
  line-height: 1.75 !important;
}

/* General content areas */
body.font-effra-active .content p,
body.font-effra-active main p,
body.font-effra-active article p {
  font-size: clamp(1rem, 1.1vw, 1.125rem) !important;
  line-height: 1.7 !important;
}