/* Offline brand preview overrides. Keep API-owned content and generated articles intact. */

:root {
  --brand-page-ink: #120d08;
}

.page-header__overlay {
  background:
    linear-gradient(to top, rgba(18,12,6,0.96) 0%, rgba(18,12,6,0.62) 58%, rgba(18,12,6,0.28) 100%) !important;
}

.page-about .page-header__bg {
  background-image: url("images/brand-preview/universe-mining-collage.svg") !important;
  background-position: center 48% !important;
}

.page-blog .page-header__bg {
  background-image: url("images/brand-preview/universe-mining-collage.svg") !important;
  background-position: center 54% !important;
}

.page-videos .page-header__bg {
  background-image: url("images/brand-preview/ehp-banner-background.jpg") !important;
  background-position: center 42% !important;
}

.page-store .page-header__bg {
  background-image: url("images/brand-preview/universe-mining-collage.svg") !important;
  background-position: center !important;
}

.page-contact .page-header__bg {
  background-image: url("images/brand-preview/ehp-banner-background.jpg") !important;
  background-position: center 42% !important;
}

.page-legal .page-header__bg,
.page-login .page-header__bg,
.page-account .page-header__bg,
.page-admin .page-header__bg {
  background-image: url("images/brand-preview/ehp-social-card-background.jpg") !important;
  background-position: center !important;
}

.page-vera .page-header__bg {
  background-image: linear-gradient(135deg, #18120a 0%, #0d0905 100%) !important;
}

.page-article .page-header__overlay {
  background:
    linear-gradient(to top, rgba(18,12,6,0.97) 0%, rgba(18,12,6,0.7) 56%, rgba(18,12,6,0.35) 100%) !important;
}

.category-filter {
  align-items: stretch;
}

.filter-btn {
  min-height: 38px;
}

.page-videos .filter-btn,
.page-blog .filter-btn {
  background: rgba(240,227,196,0.04);
}

.page-videos .filter-btn.active,
.page-blog .filter-btn.active {
  background: var(--ink);
}

.footer__links a[href*="cat="] {
  line-height: 1.35;
}

.page-videos .channel-banner {
  background:
    linear-gradient(90deg, rgba(18,13,8,0.94), rgba(38,28,15,0.9)),
    url("images/brand-preview/universe-mining-collage.svg");
  background-size: cover;
  background-position: center;
  border-color: rgba(196,154,30,0.28);
}

.page-videos .channel-banner__sub {
  max-width: 620px;
  line-height: 1.45;
}

.page-videos .playlist-section {
  border: 1px solid rgba(196,154,30,0.16);
  padding: clamp(20px, 3vw, 32px);
  background: rgba(18,12,6,0.34);
}

@media (max-width: 768px) {
  .page-header {
    min-height: 330px;
  }

  .page-header__title {
    overflow-wrap: anywhere;
  }
}