/* === Hero — category / tag ============================================
 *
 * Top-of-page header for default-taxonomy term pages: WP `category` and
 * `post_tag`. Visually mirrors patterns/hero/hero-archive/ but reads from
 * the default taxonomies and replaces the breadcrumb row with a single
 * `~ Category ~` / `~ Tag ~` eyebrow. No sub-tabs, no chips — the
 * recipe-archive filtering UI does not apply to editorial categories.
 *
 * Distinct from:
 *   - patterns/hero/hero-archive/    (recipe CPT archive; has crumbs + axis swap)
 *   - patterns/hero/hero-collection/ (single-collection 2-col Pool-Water hero)
 */
.sb-hero-category {
    padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--lg) var(--wp--preset--spacing--md);
    text-align: center;
}
.sb-hero-category__inner {
    max-width: 760px;
    margin: 0 auto;
}
.sb-hero-category__eyebrow {
    font-family: var(--wp--preset--font-family--manrope);
    font-size: var(--wp--preset--font-size--eyebrow);
    text-transform: uppercase;
    letter-spacing: .3em;
    color: var(--wp--preset--color--saddle);
    font-weight: 600;
    margin: 0 0 calc(var(--wp--preset--spacing--sm-plus) - var(--wp--preset--spacing--xxs));
}
.sb-hero-category__title {
    font-family: var(--wp--preset--font-family--italiana);
    font-size: var(--wp--preset--font-size--hero-title-lg);
    letter-spacing: 0.12em;
    line-height: 1;
    margin: 0 0 calc(var(--wp--preset--spacing--sm-plus) - var(--wp--preset--spacing--xxs));
    color: var(--wp--preset--color--ink);
    font-weight: 400;
    text-wrap: balance;
}
.sb-hero-category__stand {
    font-family: var(--wp--preset--font-family--cormorant);
    font-style: italic;
    font-size: var(--wp--preset--font-size--card-title);
    line-height: 1.5;
    color: var(--wp--preset--color--ink);
    margin: 0 auto var(--wp--preset--spacing--sm);
    max-width: 580px;
    text-wrap: pretty;
    hyphens: auto;
    -webkit-hyphens: auto;
}
.sb-hero-category__count {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-family: var(--wp--preset--font-family--manrope);
    font-size: var(--wp--preset--font-size--meta);
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--wp--preset--color--saddle);
    font-weight: 600;
}
.sb-hero-category__count::before,
.sb-hero-category__count::after {
    content: "";
    height: 1px;
    flex: 0 0 60px;
    background: var(--wp--preset--color--saddle);
    opacity: 0.4;
}

@media (max-width: 800px) {
    .sb-hero-category { padding: calc(var(--wp--preset--spacing--md) + var(--wp--preset--spacing--xs)) var(--wp--preset--spacing--sm) var(--wp--preset--spacing--sm); }
    .sb-hero-category__title { font-size: var(--wp--preset--font-size--display); letter-spacing: 0.1em; }
    .sb-hero-category__stand { font-size: var(--wp--preset--font-size--body); }
}