/* 7px.pl / Wystawy — fotograficzne hero, dodatek do istniejącego user-profile.css.
   Bez modyfikacji wspólnych plików profilu, menu i nagłówka. */
html.user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer {
  height: calc(100svh + clamp(120px, 9vw, 200px)) !important;
  min-height: 680px;
  background: #0b0d11 url('/assets/exhibitions-hero-dark.webp') center 34% / cover no-repeat;
  pointer-events: none;
}
html.user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: 67% 38% !important;
}
html.user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer::after {
  background:
    linear-gradient(90deg,rgba(7,9,13,.23) 0%,rgba(7,9,13,.10) 42%,rgba(7,9,13,0) 76%),
    linear-gradient(to bottom,rgba(7,9,13,0) 0%,rgba(7,9,13,.05) 35%,rgba(7,9,13,.27) 64%,rgba(7,9,13,.67) 86%,var(--brand-bg,#0b0d11) 100%) !important;
}
/* Gdy JS układający warstwę profilu nie wykona się, fallback w hero nadal działa.
   Klasa fallback jest nadawana TYLKO, gdy nie ma dozwolonej okładki wystawy. */
.ex-shell.ex-shell--fallback-cover .ex-hero {
  background-image:
     linear-gradient(90deg,rgba(7,9,13,.20),transparent 70%),
     linear-gradient(to bottom,transparent 40%,rgba(9,11,16,.22) 72%,#0b0d11 100%),
     url('/assets/exhibitions-hero-dark.webp');
  background-size:cover;
  background-position:center 40%;
}
html.user-profile-cover-shell .ex-shell.ex-shell--fallback-cover .ex-hero {
  background-image:none; /* zdjęcie w istniejącej warstwie profilu, nie podwójnie */
}
@media(max-width:720px) {
  html.user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer {
    height:calc(100svh + 145px) !important;
    min-height:630px;
    background-position:68% center;
  }
  html.user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer > img {
    object-position:68% center !important;
  }
  html.user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer::after {
    background:linear-gradient(to bottom,rgba(7,9,13,.13) 0%,rgba(7,9,13,.25) 35%,rgba(7,9,13,.55) 72%,var(--brand-bg,#0b0d11) 100%) !important;
  }
}


/* ===== v16/v17: Wystawy - osobna fotografia dla Light i Dark =====
   Atrybut data-theme ustawia istniejący przełącznik 7px.pl (w tym Auto).
   Nie zmieniamy globalnych stylów profilu ani nie blokujemy motywu. */
html[data-theme="light"].user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer {
  background-color:#f8f7f5 !important;
  background-image:url('/assets/exhibitions-hero-light.webp') !important;
  background-size:cover !important;
  background-position:67% 36% !important;
}
html[data-theme="dark"].user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer {
  background-color:#0b0d11 !important;
  background-image:url('/assets/exhibitions-hero-dark.webp') !important;
}
/* Przy rzeczywistej okładce wystawy obraz w <img> pozostaje bez zmian. */
html[data-theme="light"].user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer::after {
  background:
    linear-gradient(90deg,rgba(248,247,245,.62) 0%,rgba(248,247,245,.28) 39%,rgba(248,247,245,0) 76%),
    linear-gradient(to bottom,rgba(248,247,245,.02) 0%,rgba(248,247,245,.04) 42%,rgba(248,247,245,.65) 78%,var(--brand-bg,#fff) 100%) !important;
}
html[data-theme="light"].user-profile-cover-shell .ex-shell.ex-shell--fallback-cover .ex-hero {
  background-image:none !important;
}
html[data-theme="light"].user-profile-cover-shell .ex-shell .ex-hero,
html[data-theme="light"].user-profile-cover-shell .ex-shell .ex-hero h1 {
  color:#17191c !important;
}
html[data-theme="light"].user-profile-cover-shell .ex-shell .ex-hero__lead,
html[data-theme="light"].user-profile-cover-shell .ex-shell .ex-hero__meta,
html[data-theme="light"].user-profile-cover-shell .ex-shell .ex-hero__overline,
html[data-theme="light"].user-profile-cover-shell .ex-shell .ex-hero__overline a {
  color:#30343b !important;
}
html[data-theme="light"].user-profile-cover-shell .ex-shell .ex-hero__pending {
  color:#30343b;
  background:rgba(255,255,255,.75);
  border-color:rgba(33,37,41,.12);
}
@media (max-width:720px) {
  html[data-theme="light"].user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer {
    background-position:70% 28% !important;
  }
  html[data-theme="light"].user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer::after {
    background:linear-gradient(to bottom,rgba(248,247,245,.46) 0%,rgba(248,247,245,.42) 43%,rgba(248,247,245,.82) 76%,var(--brand-bg,#fff) 100%) !important;
  }
}

/* v17 — Dark: miękka tonacja portretu i stabilny fade w obu orientacjach.
   Nie ingeruje w Light ani w okładki indywidualnych wystaw. */
html[data-theme="dark"].user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer {
  background-color:#090b10 !important;
  background-image:url('/assets/exhibitions-hero-dark.webp') !important;
}
html[data-theme="dark"].user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer::after {
  background:
    linear-gradient(90deg,rgba(7,9,13,.20) 0%,rgba(7,9,13,.09) 40%,transparent 75%),
    linear-gradient(to bottom,transparent 0%,rgba(7,9,13,.05) 36%,rgba(7,9,13,.26) 64%,rgba(7,9,13,.66) 86%,var(--brand-bg,#0b0d11) 100%) !important;
}
@media (max-width:720px) {
  html[data-theme="dark"].user-profile-cover-shell .wo-board > .user-profile-cover-layer.ex-exhibition-cover-layer::after {
    background:linear-gradient(to bottom,rgba(7,9,13,.12) 0%,rgba(7,9,13,.23) 34%,rgba(7,9,13,.55) 73%,var(--brand-bg,#0b0d11) 100%) !important;
  }
}