/*
 * Eatwell101 legacy readability baseline
 * Loaded BEFORE the 2026 brand styles.
 * Purpose: keep essential text readable when older browsers ignore
 * custom properties, :is(), :has(), Grid-dependent rules, etc.
 */

html,
body,
.custom {
  color: #242521;
  background-color: #ffffff;
}

/* Core editorial text. Keep selectors deliberately old/simple. */
.custom h1,
.custom h2,
.custom h3,
.custom h4,
.custom h5,
.custom h6,
.custom p,
.custom li,
.custom dt,
.custom dd,
.custom blockquote,
.custom figcaption,
.custom label,
.custom legend,
.custom .headline_area,
.custom .headline_area h1,
.custom .headline_area h2,
.custom .entry-title,
.custom .post_box,
.custom .post_box .format_text,
.custom .post_box .pf-content,
.custom .post_box .wrap,
.custom .saveurteaser,
.custom .saveurteaser p,
.custom .ew-recipe-hero-v2,
.custom .ew-recipe-hero-v2 h1,
.custom .ew-recipe-hero-v2 .entry-title {
  color: #242521;
}

/* Recipe/article links need to remain distinguishable without relying on vars. */
.custom .post_box a,
.custom .post_box .format_text a,
.custom .post_box .pf-content a {
  color: #183a2a;
}

/* Header and navigation readability. */
#ew-header-v2,
#ew-header-v2 a,
#ew-header-v2 button,
#ew-header-v2 input,
#ew-header-v2 label,
#ew-header-v2 span,
#ew-header-v2 strong,
#ew-header-v2 .ewh-nav__inner > a,
#ew-header-v2 .ewh-nav-dropdown > button,
#ew-header-v2 .ewh-nav-dropdown__menu a,
#ew-header-v2 .ewh-drawer__nav a,
#ew-header-v2 .ewh-drawer__section a {
  color: #242521;
}

#ew-header-v2 .ewh-newsletter,
#ew-header-v2 .ewh-drawer__eyebrow,
#ew-header-v2 .ewh-drawer__label {
  color: #183a2a;
}

/* Homepage V23 text baseline. */
.ew23-hero,
.ew23-hero h1,
.ew23-hero h2,
.ew23-hero h3,
.ew23-hero p,
.ew23-hero a,
.ew23-hero span,
.ew23-feature,
.ew23-feature h1,
.ew23-feature h2,
.ew23-feature h3,
.ew23-feature p,
.ew23-feature a,
.ew23-feature span {
  color: #242521;
}

.ew23-hero__eyebrow,
.ew23-feature__label {
  color: #183a2a;
}

.ew23-hero__primary {
  color: #ffffff;
  background-color: #183a2a;
}

/* Discover's server-rendered fallback must be useful even if modern JS/CSS is skipped. */
#ew-discover-feed-v2 .ew-discover-legacy,
#ew-discover-feed-v2 .ew-discover-legacy h2,
#ew-discover-feed-v2 .ew-discover-legacy p,
#ew-discover-feed-v2 .ew-discover-legacy a,
#ew-discover-feed-v2 .ew-discover-legacy span,
#ew-discover-feed-v2 .ew-discover-legacy__card,
#ew-discover-feed-v2 .ew-discover-legacy__card span {
  color: #242521;
}

#ew-discover-feed-v2 .ew-discover-legacy__card {
  text-decoration: none;
}

/* Form controls can inherit white text from legacy theme rules on old WebKit. */
.custom input,
.custom textarea,
.custom select,
.custom button {
  color: #242521;
}
