/*
 * BLACK X Blog — Radiant Ambient Background V1
 * Isolated visual layer. No layout, scroll, wheel, or card transform ownership.
 */

.blackx-discover-page[data-bx-radiant-background="v1"] {
  --bx-radiant-ink: #06070a;
  --bx-radiant-gold: 198, 167, 94;
  --bx-radiant-gold-bright: 236, 211, 147;
  --bx-radiant-silver: 193, 200, 207;
  --bx-radiant-silver-bright: 239, 242, 244;
  position: relative;
  isolation: isolate;
  background: linear-gradient(180deg, #06070a 0%, #090a0e 46%, #06070a 100%);
}

.bx-radiant-ambient {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  contain: strict;
  background:
    radial-gradient(circle at 50% 50%, rgba(198, 167, 94, 0.035), transparent 28%),
    linear-gradient(180deg, rgba(5, 6, 8, 0.18), rgba(5, 6, 8, 0.34));
}

.bx-radiant-ambient__canvas,
.bx-radiant-ambient__veil,
.bx-radiant-ambient__grain {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.bx-radiant-ambient__canvas {
  display: block;
  opacity: 0.92;
  filter: blur(0.35px) saturate(1.03);
}

.bx-radiant-ambient__veil {
  background:
    radial-gradient(ellipse at 50% 50%, transparent 0%, rgba(4, 5, 7, 0.03) 40%, rgba(4, 5, 7, 0.30) 100%),
    linear-gradient(90deg, rgba(4, 5, 7, 0.20), transparent 20%, transparent 80%, rgba(4, 5, 7, 0.20));
}

.bx-radiant-ambient__grain {
  opacity: 0.075;
  background-image:
    repeating-linear-gradient(115deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(25deg, rgba(198,167,94,0.012) 0 1px, transparent 1px 11px);
  mix-blend-mode: soft-light;
}

/* Keep the established hero as its own visual authority. */
.blackx-discover-page[data-bx-radiant-background="v1"] .bx-world-hero {
  z-index: 3;
}

.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-filter-shell,
.blackx-discover-page[data-bx-radiant-background="v1"] .bx-blog-page-actions,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-residences-offers-story,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-vertical-feed-story {
  position: relative;
  z-index: 2;
}

/* Glass material only: no dimensions, transforms, display modes, or rail behavior are changed. */
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-filter-form,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-offers-panel__shell,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-offers-scroll-shell,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-feed-card,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-company-card__face,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-empty-inline,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-empty-state {
  border-color: rgba(var(--bx-radiant-gold), 0.25);
  background:
    linear-gradient(145deg, rgba(22, 24, 29, 0.70), rgba(7, 8, 11, 0.74)),
    radial-gradient(circle at 14% 0%, rgba(var(--bx-radiant-silver-bright), 0.055), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(var(--bx-radiant-gold), 0.07), transparent 38%);
  box-shadow:
    0 26px 74px rgba(0, 0, 0, 0.30),
    0 0 0 1px rgba(var(--bx-radiant-silver), 0.035) inset,
    0 1px 0 rgba(var(--bx-radiant-silver-bright), 0.07) inset,
    0 0 26px rgba(var(--bx-radiant-gold), 0.025);
  -webkit-backdrop-filter: blur(16px) saturate(118%);
  backdrop-filter: blur(16px) saturate(118%);
}

.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-offers-panel__shell,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-offers-scroll-shell {
  border-color: rgba(var(--bx-radiant-gold), 0.30);
  box-shadow:
    0 30px 92px rgba(0, 0, 0, 0.34),
    -1px 0 0 rgba(var(--bx-radiant-silver-bright), 0.055) inset,
    1px 0 0 rgba(var(--bx-radiant-gold-bright), 0.045) inset,
    0 0 34px rgba(var(--bx-radiant-gold), 0.025);
}

.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-feed-card:hover,
.blackx-discover-page[data-bx-radiant-background="v1"] .blackx-company-card:hover .blackx-company-card__face {
  border-color: rgba(var(--bx-radiant-gold-bright), 0.40);
  box-shadow:
    0 28px 76px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(var(--bx-radiant-silver-bright), 0.055) inset,
    0 0 24px rgba(var(--bx-radiant-gold), 0.055);
}

@media (max-width: 767px) {
  .bx-radiant-ambient__canvas {
    opacity: 0.78;
    filter: none;
  }

  .blackx-discover-page[data-bx-radiant-background="v1"] .blackx-filter-form,
  .blackx-discover-page[data-bx-radiant-background="v1"] .blackx-offers-panel__shell,
  .blackx-discover-page[data-bx-radiant-background="v1"] .blackx-offers-scroll-shell,
  .blackx-discover-page[data-bx-radiant-background="v1"] .blackx-feed-card,
  .blackx-discover-page[data-bx-radiant-background="v1"] .blackx-company-card__face {
    -webkit-backdrop-filter: blur(11px) saturate(112%);
    backdrop-filter: blur(11px) saturate(112%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bx-radiant-ambient__canvas {
    opacity: 0.60;
  }
}