/* ============================================================================
   PAGE FAMILY: artwork not-found page (B18-artwork) — SKIN tier — from site-wahooart-V2.0.css
   Migrated 2026-07-05. Scope: .artwork-not-found-page (artwork_not_found.html).
   PHASE-A FIDELITY: verbatim relocation. Harness-diff before editing.
   ============================================================================ */
.artwork-not-found-page {
  background: var(--wa-parchment, #EDE9DE);
  color: var(--wa-ink-soft, #463F35);
  font-family: var(--font-body, 'Mulish', system-ui, sans-serif);
}

.artwork-not-found-page .breadcrumb-navigation-list {
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  font-family: var(--font-body, 'Mulish', system-ui, sans-serif);
  font-size: 0.84rem;
  color: var(--wa-muted, #6F6555);
}

.artwork-not-found-page .breadcrumb-navigation-list a {
  color: var(--wa-bronze, #8A5D2B);
  text-decoration: none;
  transition: color 0.15s ease;
}

.artwork-not-found-page .breadcrumb-navigation-list a:hover {
  color: var(--wa-bronze-deep, #6F4A20);
  text-decoration: underline;
}

.artwork-not-found-page .breadcrumb-navigation-list .breadcrumb-current-page-item {
  color: var(--wa-muted, #6F6555);
  font-weight: 600;
}

.artwork-not-found-page .e_card_form {
  background: var(--wa-panel, #E8E4D9);
  border: 1px solid var(--wa-gold-leaf, #B08D4E);
  border-radius: 3px;
  padding: 40px 32px;
  box-shadow: 0 1px 0 rgba(47, 42, 35, 0.03), 0 6px 20px rgba(31, 25, 16, 0.08);
}

.artwork-not-found-page .form_heading {
  font-family: var(--font-title, 'Cormorant Garamond', Georgia, serif);
  font-size: clamp(1.75rem, 4vw, 2rem);
  font-weight: 600;
  font-variant: small-caps;
  letter-spacing: 0.02em;
  color: var(--wa-ink, #2F2A23);
  line-height: 1.1;
}

.artwork-not-found-page .form_content {
  font-family: var(--font-body, 'Mulish', system-ui, sans-serif);
  font-size: 1.06rem;
  color: var(--wa-muted, #6F6555);
  line-height: 1.65;
}

.artwork-not-found-page .form_content p {
  margin: 0;
  color: var(--wa-muted, #6F6555);
}

.artwork-not-found-page .btn-primary {
  background: var(--wa-bronze, #8A5D2B) !important;
  color: #ffffff !important;
  border: 1px solid transparent !important;
  border-radius: 2px;
  font-family: var(--font-body, 'Mulish', system-ui, sans-serif);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 13px 26px;
  transition: background 0.15s ease, color 0.15s ease;
}

.artwork-not-found-page .btn-primary:hover,
.artwork-not-found-page .btn-primary:focus {
  background: var(--wa-bronze-deep, #6F4A20) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

.artwork-not-found-page .btn-secondary {
  background: transparent !important;
  color: var(--wa-bronze, #8A5D2B) !important;
  border: 1px solid var(--wa-bronze, #8A5D2B) !important;
  border-radius: 2px;
  font-family: var(--font-body, 'Mulish', system-ui, sans-serif);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 13px 26px;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.artwork-not-found-page .btn-secondary:hover,
.artwork-not-found-page .btn-secondary:focus {
  background: var(--wa-bronze, #8A5D2B) !important;
  color: #ffffff !important;
  border-color: var(--wa-bronze, #8A5D2B) !important;
}