/* ============================================================================ PAGE FAMILY: catalog categories + group-by pages (B9) — SKIN tier — from site-wahooart-V2.0.css, original order Migrated 2026-07-05. Scope: every rule scoped to a *-categories-page or *-groupby-page class (the 4 categories + 4 group-by templates). PHASE-A FIDELITY: verbatim relocation (incl. legacy !important); tokenization is a recorded follow-up. Do not edit without re-running the harness diff. ============================================================================ */ .search_sec.catalog-categories-page .custom_search .artwork-catalog-card, .search_sec.catalog-categories-page .custom_search .article-list-card, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card, .search_sec.artwork-categories-page .custom_search .article-list-card{ background: transparent !important; border: 1px solid var(--wa-line) !important; border-bottom: none !important; /* col border provides bottom line */ border-radius: 0 !important; overflow: visible; /* the global hover panel extends BELOW the card — never clip it (image zoom is clipped by .search_img's own overflow:hidden) */ box-shadow: none !important; transition: background-color 0.18s ease; position: relative; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card:hover, .search_sec.catalog-categories-page .custom_search .article-list-card:hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card:hover, .search_sec.artwork-categories-page .custom_search .article-list-card:hover{ background: #E8E2CD !important; /* = global .search_card:hover / .hover_visible */ }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__media, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__media, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__media, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__media{ padding: 14px 14px 6px; /* small margin so the framed image breathes inside the card */ background: transparent; border: none; overflow: hidden; /* still clips the hover (Ken Burns) zoom */ position: relative; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__body, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__body, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__body, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__body{ padding: 14px 14px 12px; background: transparent; border-top: none; color: var(--wa-ink-soft, #463F35); }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta h2, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta h2{ font-family: var(--font-body) !important; font-size: 0.8rem !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; color: var(--wa-logo-red) !important; margin: 0 0 3px !important; line-height: 1.3 !important; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta h2 a, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta h2 a{ color: var(--wa-logo-red) !important; text-decoration: none !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a:hover, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta h2 a:hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a:hover, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta h2 a:hover{ color: var(--wa-logo-red-d) !important; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta span, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta span{ font-family: var(--font-body) !important; font-size: 0.82rem !important; font-weight: 500 !important; color: var(--wa-ink) !important; opacity: 0.5; letter-spacing: 0 !important; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span a, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta span a, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span a, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta span a{ color: var(--wa-ink) !important; text-decoration: none !important; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span a:hover, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta span a:hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span a:hover, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta span a:hover{ color: var(--wa-bronze, #8A5D2B) !important; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__title, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__title{ margin-top: 5px !important; color: var(--wa-ink) !important; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title a, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__title a, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title a, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__title a{ font-family: var(--font-body) !important; font-style: normal !important; font-weight: 500 !important; font-size: 1rem !important; line-height: 1.25 !important; color: var(--wa-ink) !important; text-decoration: none !important; display: block !important; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title a:hover, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__title a:hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title a:hover, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__title a:hover{ color: var(--wa-bronze, #8A5D2B) !important; } @media (max-width: 575px) {.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__body, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__body, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__body, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__body{ padding: 10px 10px 8px; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__media, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__media, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__media, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__media{ padding: 0; } } .search_sec.catalog-groupby-page #groupby-selector, .search_sec.catalog-groupby-page #fieldSelector, .search_sec.catalog-groupby-page .Showing_text .form-control, .search_sec.artwork-groupby-page #groupby-selector, .search_sec.artwork-groupby-page .Showing_text .form-control, .search_sec.artist-groupby-page #groupby-selector, .search_sec.artist-groupby-page .Showing_text .form-control, .search_sec.museum-groupby-page #groupby-selector, .search_sec.museum-groupby-page #fieldSelector, .search_sec.museum-groupby-page .Showing_text .form-control, .search_sec.article-groupby-page #groupby-selector, .search_sec.article-groupby-page .Showing_text .form-control { background-color: var(--wa-inset) !important; border: 1px solid var(--wa-sand) !important; color: var(--wa-ink) !important; border-radius: 2px; font-family: var(--font-body); font-size: 16px; } .search_sec.catalog-groupby-page .sidebar .sidebar_box, .search_sec.artwork-groupby-page .sidebar .sidebar_box, .search_sec.artist-groupby-page .sidebar .sidebar_box, .search_sec.museum-groupby-page .sidebar .sidebar_box, .search_sec.article-groupby-page .sidebar .sidebar_box { background-color: var(--wa-panel) !important; border: 1px solid var(--wa-sand) !important; color: var(--wa-ink-soft) !important; border-radius: 2px; font-family: var(--font-body); margin-bottom: 10px !important; height: auto !important; padding: 16px !important; transition: none !important; } .search_sec.catalog-groupby-page .sidebar .sidebar_box:hover, .search_sec.artwork-groupby-page .sidebar .sidebar_box:hover, .search_sec.artist-groupby-page .sidebar .sidebar_box:hover, .search_sec.museum-groupby-page .sidebar .sidebar_box:hover, .search_sec.article-groupby-page .sidebar .sidebar_box:hover { background-color: var(--wa-panel) !important; border-color: var(--wa-sand) !important; } .search_sec.catalog-groupby-page .sidebar .sidebar_box.active, .search_sec.artwork-groupby-page .sidebar .sidebar_box.active, .search_sec.artist-groupby-page .sidebar .sidebar_box.active, .search_sec.museum-groupby-page .sidebar .sidebar_box.active, .search_sec.article-groupby-page .sidebar .sidebar_box.active { background-color: var(--wa-inset, #F3EFE6) !important; /* UI Kit: active group — lighter inset tint */ border: 1px solid var(--wa-bronze, #8A5D2B) !important; /* strong bronze border signals active */ border-left: 3px solid var(--wa-bronze, #8A5D2B) !important; /* accent left rail */ } .search_sec.artwork-groupby-page h3.sidebar_box_title, .search_sec.artwork-groupby-page h3.sidebar_box_title a, .search_sec.artwork-groupby-page p.sidebar_box_description, .search_sec.artwork-groupby-page p.sidebar_box_description a, .search_sec.artist-groupby-page h3.sidebar_box_title, .search_sec.artist-groupby-page h3.sidebar_box_title a, .search_sec.artist-groupby-page p.sidebar_box_description, .search_sec.artist-groupby-page p.sidebar_box_description a, .search_sec.museum-groupby-page h3.sidebar_box_title, .search_sec.museum-groupby-page h3.sidebar_box_title a, .search_sec.museum-groupby-page p.sidebar_box_description, .search_sec.museum-groupby-page p.sidebar_box_description a, .search_sec.article-groupby-page h3.sidebar_box_title, .search_sec.article-groupby-page h3.sidebar_box_title a, .search_sec.article-groupby-page p.sidebar_box_description, .search_sec.article-groupby-page p.sidebar_box_description a, .search_sec.catalog-groupby-page h3.sidebar_box_title, .search_sec.catalog-groupby-page h3.sidebar_box_title a, .search_sec.catalog-groupby-page p.sidebar_box_description, .search_sec.catalog-groupby-page p.sidebar_box_description a { color: var(--wa-ink-soft) !important; font-family: var(--font-body); font-size: 16px; line-height: 1.4; font-weight: 400; text-transform: none; letter-spacing: normal; } .search_sec.artwork-groupby-page h3.sidebar_box_title, .search_sec.artwork-groupby-page h3.sidebar_box_title a, .search_sec.artist-groupby-page h3.sidebar_box_title, .search_sec.artist-groupby-page h3.sidebar_box_title a, .search_sec.museum-groupby-page h3.sidebar_box_title, .search_sec.museum-groupby-page h3.sidebar_box_title a, .search_sec.article-groupby-page h3.sidebar_box_title, .search_sec.article-groupby-page h3.sidebar_box_title a, .search_sec.catalog-groupby-page h3.sidebar_box_title, .search_sec.catalog-groupby-page h3.sidebar_box_title a { font-family: var(--font-title); font-size: 21px; font-weight: 500; line-height: 1.35; color: var(--wa-ink) !important; margin-bottom: 15px; } .search_sec.artwork-groupby-page h3.sidebar_box_title a:hover, .search_sec.artist-groupby-page h3.sidebar_box_title a:hover, .search_sec.museum-groupby-page h3.sidebar_box_title a:hover, .search_sec.article-groupby-page h3.sidebar_box_title a:hover, .search_sec.catalog-groupby-page h3.sidebar_box_title a:hover { color: var(--wa-ink) !important; } .search_sec.artwork-groupby-page p.sidebar_box_description, .search_sec.artwork-groupby-page p.sidebar_box_description a, .search_sec.artist-groupby-page p.sidebar_box_description, .search_sec.artist-groupby-page p.sidebar_box_description a, .search_sec.museum-groupby-page p.sidebar_box_description, .search_sec.museum-groupby-page p.sidebar_box_description a, .search_sec.article-groupby-page p.sidebar_box_description, .search_sec.article-groupby-page p.sidebar_box_description a, .search_sec.catalog-groupby-page p.sidebar_box_description, .search_sec.catalog-groupby-page p.sidebar_box_description a { font-size: 14px; line-height: 1.4; color: var(--wa-muted, #6F6555) !important; /* UI Kit: description = muted/tertiary, subtler than title */ } .search_sec.artwork-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.artwork-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a, .search_sec.artist-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.artist-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a, .search_sec.museum-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.museum-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a, .search_sec.article-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.article-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a, .search_sec.catalog-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.catalog-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a { color: var(--wa-ink) !important; font-weight: 600; } .search_sec.catalog-groupby-page .showMainResulsTitle h3, .search_sec.catalog-groupby-page .showMainResulsTitle h3 a, .search_sec.artwork-groupby-page .showMainResulsTitle h3, .search_sec.artwork-groupby-page .showMainResulsTitle h3 a, .search_sec.artist-groupby-page .showMainResulsTitle h3, .search_sec.artist-groupby-page .showMainResulsTitle h3 a, .search_sec.museum-groupby-page .showMainResulsTitle h3, .search_sec.museum-groupby-page .showMainResulsTitle h3 a, .search_sec.article-groupby-page .showMainResulsTitle h3, .search_sec.article-groupby-page .showMainResulsTitle h3 a { font-family: var(--font-title) !important; font-size: 21px !important; font-weight: 500 !important; line-height: 1.35 !important; color: var(--wa-ink) !important; text-transform: none; letter-spacing: normal; } .search_sec.catalog-groupby-page .showMainResulsTitle h3 a:hover, .search_sec.artwork-groupby-page .showMainResulsTitle h3 a:hover, .search_sec.artist-groupby-page .showMainResulsTitle h3 a:hover, .search_sec.museum-groupby-page .showMainResulsTitle h3 a:hover, .search_sec.article-groupby-page .showMainResulsTitle h3 a:hover { color: var(--wa-ink) !important; } .search_sec.catalog-groupby-page .showMainResulsBox, .search_sec.artwork-groupby-page .showMainResulsBox, .search_sec.artist-groupby-page .showMainResulsBox, .search_sec.museum-groupby-page .showMainResulsBox, .search_sec.article-groupby-page .showMainResulsBox { background-color: var(--wa-panel) !important; color: var(--wa-ink-soft) !important; border: none; border-radius: 2px; font-family: var(--font-body); } .search_sec.catalog-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.catalog-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.catalog-groupby-page .showMainResulsBox .showResultsItems .col-md-6, .search_sec.artwork-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.artwork-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.artwork-groupby-page .showMainResulsBox .showResultsItems .col-md-6, .search_sec.artist-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.artist-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.artist-groupby-page .showMainResulsBox .showResultsItems .col-md-6, .search_sec.museum-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.museum-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.museum-groupby-page .showMainResulsBox .showResultsItems .col-md-6, .search_sec.article-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.article-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.article-groupby-page .showMainResulsBox .showResultsItems .col-md-6 { background-color: var(--wa-panel) !important; } .search_sec.catalog-groupby-page .showMainResulsTitle h3 span, .search_sec.artwork-groupby-page .showMainResulsTitle h3 span, .search_sec.artist-groupby-page .showMainResulsTitle h3 span, .search_sec.museum-groupby-page .showMainResulsTitle h3 span, .search_sec.article-groupby-page .showMainResulsTitle h3 span { background-color: var(--wa-panel) !important; color: var(--wa-bronze) !important; font-family: var(--font-body); font-size: 14px; font-weight: 500; line-height: 1.4; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__hover, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__hover, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__hover{ background: #E8E2CD !important; } /* ============================================================================ A1b/c/d RECONCILIATION PINS (2026-07-06, HEAD-ref verified): category grid tiles converted to BEM now match A1 phase-A `.custom_search ...` !important chains that the old alias markup never matched. Values re-assert a git-HEAD reference render (RULE 4). High class-repetition out-specifies the `.custom_search .card.card .hover.hover ...` chains. ========================================================================= */ .article-categories-page .article-list-card.article-list-card.article-list-card { border-top-style: solid !important; border-top-color: rgb(220, 211, 191) !important; } .article-categories-page .catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description { margin-bottom: 15px !important; font-family: "Baskervville SC", Georgia, "Times New Roman", serif !important; font-weight: 500 !important; line-height: normal !important; } .artist-categories-page .artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card { padding: 25px 15px !important; } .artist-categories-page .artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media { padding: 14px 14px 6px !important; } .artist-categories-page .artwork-catalog-card__media-link.artwork-catalog-card__media-link.artwork-catalog-card__media-link.artwork-catalog-card__media-link.artwork-catalog-card__media-link.artwork-catalog-card__media-link { display: flex !important; overflow: visible !important; } .artist-categories-page .artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body { margin-top: 12px !important; } .artist-categories-page .artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover { padding: 0px 18px 30px !important; margin-top: 15px !important; border-top-style: none !important; border-top-color: rgb(33, 37, 41) !important; } .artist-categories-page .artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content { margin-left: auto !important; margin-right: auto !important; } .artist-categories-page .artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer { align-items: center !important; } .artist-categories-page .artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group { display: block !important; align-items: normal !important; } /* -- GROUPBY SEARCH CHROME SWEEP (2026-07-06): bare inner classes of the 4 group_by templates (showResultsItems, showMainResuls*, sortABC, sidebar rail, labels, numeric slider container, custom cols) - verbatim, original order -- */ .showMainResulsImage a img { transition: filter 0.75s ease, transform 2.5s ease; } .showMainResulsImage a:hover img { filter: brightness(1.14) saturate(1.25); transform: scale(1.05) translateY(-3%); }