/* CITY PIXELS STEP 163E-3
   Theme-aware City Bookshelf sponsorship surfaces. */

body.city-bookshelf-page
.bookshelf-sponsor-strip.panel{
  border-color:rgba(var(--cp-secondary-rgb),.58)!important;
  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(var(--cp-secondary-rgb),.19),
      transparent 38%
    ),
    radial-gradient(
      circle at 88% 78%,
      rgba(var(--cp-primary-rgb),.10),
      transparent 34%
    ),
    linear-gradient(
      100deg,
      rgba(var(--cp-secondary-rgb),.12),
      var(--cp-neutral-surface-strong) 48%,
      rgba(var(--cp-primary-rgb),.07)
    )!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.28),
    0 0 22px rgba(var(--cp-secondary-rgb),.10)!important;
}

body.city-bookshelf-page
.bookshelf-sponsor-kicker{
  color:var(--yellow)!important;
}

body.city-bookshelf-page
#bookshelf-sponsor-status{
  color:var(--ink)!important;
}

body.city-bookshelf-page
#bookshelf-sponsor-copy{
  color:var(--muted)!important;
}

body.city-bookshelf-page
:is(
  .bookshelf-sponsor-action,
  #bookshelf-sponsor-action,
  .bookshelf-claim-story-link
){
  border-color:rgba(var(--cp-secondary-rgb),.62)!important;
  background:rgba(var(--cp-secondary-rgb),.11)!important;
  color:var(--yellow)!important;
}

body.city-bookshelf-page
:is(
  .bookshelf-sponsor-action,
  #bookshelf-sponsor-action,
  .bookshelf-claim-story-link
):is(:hover,:focus-visible){
  border-color:var(--yellow)!important;
  background:rgba(var(--cp-secondary-rgb),.19)!important;
  color:var(--ink)!important;
  box-shadow:0 0 20px rgba(var(--cp-secondary-rgb),.18)!important;
}

/* Sponsored entries in the City Bookshelf directory use the same active
   palette instead of the original fixed cyan/blue sponsor treatment. */
body.city-bookshelf-hub-page
.bookshelf-discovery-card:has(.bookshelf-status-sponsored){
  border-color:rgba(var(--cp-secondary-rgb),.48)!important;
  background:
    linear-gradient(
      90deg,
      var(--cyan),
      var(--yellow)
    ) top left / 100% 3px no-repeat,
    radial-gradient(
      circle at 92% 7%,
      rgba(var(--cp-secondary-rgb),.18),
      transparent 34%
    ),
    var(--cp-card-background)!important;
}

body.city-bookshelf-hub-page
.bookshelf-status-sponsored{
  border-color:rgba(var(--cp-secondary-rgb),.50)!important;
  background:rgba(var(--cp-secondary-rgb),.11)!important;
  color:var(--yellow)!important;
}

body.city-bookshelf-hub-page
.bookshelf-sponsor-line{
  color:var(--yellow)!important;
}