/**
 * Brand Bridge B2 — Artist hub
 * Layout chrome mirrors movie hub; circular avatar per stitch artist mocks.
 * Shared unscoped .kp-movie__* rules come from brand-bridge-movie.css (enqueued).
 */

body.single-artist.kp-bb-artist {
  --bb-bg: #f8fcff;
  --bb-bg-glow: rgba(227, 6, 19, 0.04);
  --bb-surface: #ffffff;
  --bb-surface-2: #eef6ff;
  --bb-text: #0f172a;
  --bb-muted: #64748b;
  --bb-border: #d4e5f7;
  --bb-accent: #e30613;
  --bb-accent-hover: #b8050f;
  --bb-link: #0059a8;
  --bb-radius: 0.75rem;
  --bb-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  background:
    radial-gradient(1200px 420px at 12% -8%, var(--bb-bg-glow), transparent 55%),
    linear-gradient(180deg, #f8fcff 0%, #f3f7fb 100%) !important;
  color: var(--bb-text);
  font-family: var(--bb-font);
}

html[data-theme="dark"] body.single-artist.kp-bb-artist {
  --bb-bg: #0b1220;
  --bb-bg-glow: rgba(227, 6, 19, 0.12);
  --bb-surface: #151d2e;
  --bb-surface-2: #1e293b;
  --bb-text: #f8fafc;
  --bb-muted: #94a3b8;
  --bb-border: #2a364a;
  --bb-accent: #ff4d4d;
  --bb-accent-hover: #e30613;
  --bb-link: #93c5fd;
  background:
    radial-gradient(900px 380px at 10% -10%, var(--bb-bg-glow), transparent 50%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 100%) !important;
}

body.single-artist.kp-bb-artist,
body.single-artist.kp-bb-artist #page,
body.single-artist.kp-bb-artist .site,
body.single-artist.kp-bb-artist .site-content,
body.single-artist.kp-bb-artist #content,
body.single-artist.kp-bb-artist .content-area,
body.single-artist.kp-bb-artist .inside-article,
body.single-artist.kp-bb-artist .one-container .site-content,
body.single-artist.kp-bb-artist .separate-containers .inside-article {
  background: transparent !important;
  color: var(--bb-text);
}

body.single-artist.kp-bb-artist #page,
body.single-artist.kp-bb-artist .site {
  background: inherit !important;
}

body.single-artist.kp-bb-artist .inside-article {
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0.85rem 1.25rem 2.5rem !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.single-artist.kp-bb-artist .entry-meta,
body.single-artist.kp-bb-artist .posted-on,
body.single-artist.kp-bb-artist .page-header,
body.single-artist.kp-bb-artist #right-sidebar,
body.single-artist.kp-bb-artist .generate-columns-container > .sidebar,
body.single-artist.kp-bb-artist .kp-cpt-hero,
body.single-artist.kp-bb-artist .kp-cpt-hero__overlay,
body.single-artist.kp-bb-artist .kp-cpt-hero__stats,
body.single-artist.kp-bb-artist .kp-cpt-hero__actions {
  display: none !important;
}

body.single-artist.kp-bb-artist .kp-movie__header {
  margin-bottom: 1.25rem !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}

body.single-artist.kp-bb-artist .kp-movie__header .rank-math-breadcrumb,
body.single-artist.kp-bb-artist .kp-movie__header .yoast-breadcrumb,
body.single-artist.kp-bb-artist .kp-movie__header nav[aria-label="breadcrumb"],
body.single-artist.kp-bb-artist .inside-article > .rank-math-breadcrumb,
body.single-artist.kp-bb-artist .entry-header .rank-math-breadcrumb {
  margin: 0 0 1rem !important;
  font-family: var(--bb-font);
  font-size: 0.85rem;
  color: var(--bb-muted) !important;
}

body.single-artist.kp-bb-artist .rank-math-breadcrumb a,
body.single-artist.kp-bb-artist .yoast-breadcrumb a {
  color: var(--bb-muted) !important;
  text-decoration: none !important;
}

body.single-artist.kp-bb-artist .rank-math-breadcrumb a:hover {
  color: var(--bb-accent) !important;
}

body.single-artist.kp-bb-artist .kp-movie__title,
body.single-artist.kp-bb-artist h1.entry-title {
  font-family: var(--bb-font) !important;
  font-size: clamp(1.55rem, 3.1vw, 2.2rem) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em;
  color: var(--bb-text) !important;
  margin: 0 !important;
  text-align: left !important;
  width: 100%;
}

body.single-artist.kp-bb-artist .kp-movie-intro-wrap .kp-bb-intro__more {
  color: var(--bb-accent) !important;
  font-family: var(--bb-font);
  font-size: 0.9rem;
}

body.single-artist.kp-bb-artist .kp-movie-intro-wrap .kp-bb-intro__more:hover {
  color: var(--bb-accent-hover) !important;
}

html[data-theme="dark"] body.single-artist.kp-bb-artist .kp-movie__hero--cta {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--bb-accent) 14%, var(--bb-surface)) 0%, var(--bb-surface) 48%, #0f172a 100%);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] body.single-artist.kp-bb-artist .kp-movie__chip {
  background: color-mix(in srgb, var(--bb-surface-2) 88%, var(--bb-accent) 12%) !important;
  border-color: var(--bb-border) !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] body.single-artist.kp-bb-artist .kp-movie-song__diff--beginner {
  background: #0c4a6e;
  color: #bae6fd !important;
  border-color: #0369a1;
}

html[data-theme="dark"] body.single-artist.kp-bb-artist .kp-movie-song__diff--easy {
  background: #14532d;
  color: #bbf7d0 !important;
  border-color: #166534;
}

html[data-theme="dark"] body.single-artist.kp-bb-artist .kp-movie-song__diff--med {
  background: #7c2d12;
  color: #fed7aa !important;
  border-color: #9a3412;
}

html[data-theme="dark"] body.single-artist.kp-bb-artist .kp-movie-song__diff--hard {
  background: #7f1d1d;
  color: #fecaca !important;
  border-color: #991b1b;
}

/* Circular portrait */
body.single-artist.kp-bb-artist .kp-artist__media--circle,
body.single-artist.kp-bb-artist .kp-bb-row__media--circle {
  border-radius: 999px !important;
}

body.single-artist.kp-bb-artist .kp-artist__media--circle img,
body.single-artist.kp-bb-artist .kp-bb-row__media--circle img {
  border-radius: 999px;
}