/**
 * Archive intro two-column layout (wide screens)
 * Applies to tag, category, and brand archive intros so precursor text uses horizontal space efficiently.
 * Intro panel colors (background #faf4df, border #e9d08e, text #2f2a1d) and two-column concept are
 * aligned with Category Wall Signs (landscape PDFs) for consistent department/archive styling.
 */

/* Two-column layout for archive intro content on wide screens */
@media (min-width: 64em) {
    /* Genesis/theme archive description (e.g. tag archive intro) */
    .archive-description,
    .archive .archive-description {
        column-count: 2;
        column-gap: 2rem;
        column-fill: balance;
    }

    .archive-description p,
    .archive-description ul,
    .archive-description ol,
    .archive-description h2,
    .archive-description h3 {
        break-inside: avoid;
    }

    /* WooCommerce term description when used */
    .term-description {
        column-count: 2;
        column-gap: 2rem;
        column-fill: balance;
    }

    .term-description p,
    .term-description ul,
    .term-description ol,
    .term-description h2,
    .term-description h3 {
        break-inside: avoid;
    }

    /* SSF category intro content (inside .ssf-archive-intro-slot) */
    .ssf-archive-intro .ssf-archive-intro__content,
    .ssf-archive-intro-slot .ssf-archive-intro__content {
        column-count: 2;
        column-gap: 2rem;
        column-fill: balance;
    }

    .ssf-archive-intro__content p,
    .ssf-archive-intro__content ul,
    .ssf-archive-intro__content ol,
    .ssf-archive-intro__content h2,
    .ssf-archive-intro__content h3,
    .ssf-archive-intro__content .eg-swapmap {
        break-inside: avoid;
    }

    /* When content contains a swapmap, disable parent columns so the swapmap
       can use its own grid layout without being split. */
    .ssf-archive-intro .ssf-archive-intro__content:has(.eg-swapmap),
    .ssf-archive-intro-slot .ssf-archive-intro__content:has(.eg-swapmap) {
        column-count: 1;
        column-gap: 0;
    }

    /* Fallback for browsers without :has() support — force swapmap to span all columns */
    .ssf-archive-intro__content .eg-swapmap {
        column-span: all;
    }

    /* Brand archive intro (Why we carry [Brand]) */
    .eg-brand-archive-intro .archive-intro-collapsible__content {
        column-count: 2;
        column-gap: 2rem;
        column-fill: balance;
    }

    .eg-brand-archive-intro .archive-intro-collapsible__content p,
    .eg-brand-archive-intro .archive-intro-collapsible__content ul,
    .eg-brand-archive-intro .archive-intro-collapsible__content ol,
    .eg-brand-archive-intro .archive-intro-collapsible__content h2,
    .eg-brand-archive-intro .archive-intro-collapsible__content h3 {
        break-inside: avoid;
    }

    /* Avoid splitting brand thumbnail from first paragraph when image is present */
    .eg-brand-archive-intro .archive-intro-collapsible__content .brand-thumbnail {
        break-inside: avoid;
    }
}