/**
 * Artist Single Page Styles
 *
 * Minimal styles for single artist pages.
 * Artist hero block has its own styles in blocks/artist-hero/style.scss
 *
 * 100% design token coverage
 *
 * @package ARTBID
 */

/* ============================================
   Biography Section
   ============================================ */

/* Artist pages use standard 1600px container like rest of site */

/* The bio's paragraph and heading margins (p margin-bottom + line-height,
   h2/h3 margins) were removed 2026-11-08: written for the pre-block artist
   page, they added space on top of every block's spacing setting on artist
   pages only, so the same setting gave different gaps there (Yael, Artist
   single card: "spacing needs to match between blocks"). Blocks own their
   spacing, as on every other page. */

/* ============================================
   Selected Works Section
   ============================================ */

/* Uses standard container-wide (1600px) */

/* Gallery placeholder styling */
.single-artbid-artist .wp-block-gallery {
    margin-top: var(--spacing-scale-8);
}

/* Empty state for when no artworks added yet */
.single-artbid-artist .wp-block-gallery:empty::after {
    content: "Add gallery images or await Airtable API integration";
    display: block;
    text-align: center;
    color: var(--color-gray-500);
    padding: var(--spacing-scale-12);
    background: var(--color-gray-100);
    border-radius: var(--radius-brand);
    font-size: var(--text-sm);
}

/* Artwork-grid section heading ("NAME'S ARTWORK ARCHIVES") — softened
   2026-08-19 (Chuck: too harsh). Keeps the sans + uppercase LABEL character
   but drops the size (xl → base) and weight (→ light) so it reads as a quiet
   section label, not a heading. Scoped to the generated archives heading via
   its unique class combo (has-sans-font-family is used nowhere else on the
   artist page). Reaches existing pages; the generator emits the same for new
   ones. */
.single-artbid-artist .artist-archives-heading {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-light);
    font-family: var(--font-family-sans);
    text-align: center;
    text-transform: uppercase;
}