/* Simply Bake v1.2.107 - interactive typography and breadcrumb consistency.
   Loaded last, after the existing page-specific and recipe styles. */

/* A single accent and transition for linked content/recipe titles across
   homepage, About, Blog, index/archive/search, sidebar and related cards. */
:is(
  .recipe-grid .recipe,
  .favourite-grid .favourite,
  .reader-grid .reader-card,
  .discover-grid .discover-card,
  .blog-grid .blog-card,
  .index-grid .index-card,
  .results-grid .browse-card,
  .browse-grid .browse-card,
  .sidebar-posts .sidebar-post
) :is(h2,h3,span):not(.eyebrow):not(.recipe-arrow) {
  transition: color .2s ease;
}

/* Preserve existing non-title labels (dates, category names, CTAs). */
:is(.recipe-grid .recipe, .favourite-grid .favourite,
    .reader-grid .reader-card, .discover-grid .discover-card,
    .blog-grid .blog-card, .index-grid .index-card,
    .results-grid .browse-card, .browse-grid .browse-card) h3,
.sidebar-posts .sidebar-post > span {
  text-decoration: none;
  text-decoration-line: none;
  transition: color .2s ease;
}

:is(.recipe-grid .recipe, .favourite-grid .favourite,
    .reader-grid .reader-card, .discover-grid .discover-card,
    .blog-grid .blog-card, .index-grid .index-card,
    .results-grid .browse-card, .browse-grid .browse-card):is(:hover,:focus-visible,:focus-within) h3,
.sidebar-posts .sidebar-post:is(:hover,:focus-visible,:focus-within) > span {
  color: var(--apricot-dark, #A94F2B);
  text-decoration: none;
  text-decoration-line: none;
}

/* Recipe-page breadcrumbs match the understated charcoal breadcrumb links
   elsewhere in the site. No changes to their placement or spacing. */
body.single-post main.wrap > nav.page-crumb {
  color: var(--ink, #343831);
  font-family: 'DM Sans', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  text-transform: none;
}
body.single-post main.wrap > nav.page-crumb a {
  color: var(--ink, #343831);
  font: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .2s ease;
}
body.single-post main.wrap > nav.page-crumb a:is(:hover,:focus-visible) {
  color: var(--teal, #276C63);
}
body.single-post main.wrap > nav.page-crumb a:focus-visible {
  outline: 2px solid var(--teal, #276C63);
  outline-offset: 3px;
}

/* Non-recipe breadcrumb links continue with their established look, but
   now receive the same predictable hover/focus timing. */
:is(.breadcrumbs, .blog-crumb, .contact-breadcrumb, .page-crumb) a {
  transition: color .2s ease;
}

@media (prefers-reduced-motion: reduce) {
  :is(.recipe-grid .recipe, .favourite-grid .favourite,
      .reader-grid .reader-card, .discover-grid .discover-card,
      .blog-grid .blog-card, .index-grid .index-card,
      .results-grid .browse-card, .browse-grid .browse-card) h3,
  .sidebar-posts .sidebar-post > span,
  body.single-post main.wrap > nav.page-crumb a,
  :is(.breadcrumbs, .blog-crumb, .contact-breadcrumb, .page-crumb) a {
    transition: none !important;
  }
}