/* VapeRisk special-page alignment — v1.3.3
 * Global Vape Industry and Vape Museum keep their information architecture,
 * but inherit the same background, smoke, surface, focus and motion language
 * as Home, News, Reviews and Labs.
 */

/* Shared page chrome ------------------------------------------------------- */
body.page-template-page-museum,
body.page-template-page-vape-industry {
  background: var(--bg);
}

.page-template-page-museum .nic-bar,
.page-template-page-vape-industry .nic-bar {
  border-bottom-color: var(--border-l);
  background: rgba(255, 255, 255, .04);
  color: var(--fg3);
  font-size: .7rem;
}

.page-template-page-museum .site-header,
.page-template-page-vape-industry .site-header {
  border-bottom-color: var(--border);
  background: rgba(10, 10, 10, .82);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
}

.page-template-page-museum .main-nav > ul > li > a,
.page-template-page-vape-industry .main-nav > ul > li > a {
  color: var(--fg2);
}

.page-template-page-museum .main-nav > ul > li > a:hover,
.page-template-page-museum .main-nav > ul > li > a.active,
.page-template-page-vape-industry .main-nav > ul > li > a:hover,
.page-template-page-vape-industry .main-nav > ul > li > a.active {
  color: var(--fg);
}

.page-template-page-museum .nav-search,
.page-template-page-vape-industry .nav-search {
  border-color: var(--border);
  background: rgba(255, 255, 255, .05);
  color: var(--fg2);
}

/* Global Vape Industry ---------------------------------------------------- */
.vrm2 {
  --bg: #0a0a0a;
  --paper: var(--bg2);
  --paper-2: var(--bg2);
  --paper-3: var(--bg3);
  --ink: var(--fg);
  --muted: var(--fg2);
  --muted-strong: #c8c8cc;
  --line: var(--border);
  --line-strong: rgba(255, 255, 255, .16);
  --blue: var(--accent);
  --shadow: var(--shadow-lg);
  color: var(--fg);
  background: transparent;
}

.vrm2::before,
.vrm2-smoke {
  display: none !important;
}

.vrm2-atlas-hero::before {
  background:
    radial-gradient(circle at 78% 24%, rgba(59, 158, 255, .10), transparent 31rem),
    linear-gradient(90deg, rgba(10, 10, 10, .97) 0%, rgba(10, 10, 10, .82) 48%, rgba(10, 10, 10, .46) 100%);
}

.vrm2-atlas-hero .vrm2-hero-answer,
.vrm2-section-head p,
.vrm2-atlas-overview p,
.vrm2-museum-gateway-copy p,
.vrm2-library-market-bar p,
.vrm2-card-body p,
.vrm2-matrix-head p,
.vrm2-note {
  color: var(--fg2);
}

.vrm2-section,
.vrm2-museum-gateway,
.vrm2-atlas-overview {
  border-color: var(--border);
}

.vrm2-section {
  background: transparent;
}

.vrm2-museum-gateway,
.vrm2-atlas-overview {
  background: rgba(255, 255, 255, .02);
}

.vrm2-dashboard,
.vrm2-atlas-signal-card,
.vrm2-library-market-bar,
.vrm2-brand-card,
.vrm2-museum-gateway-card,
.vrm2-faq details,
.vrm2-market-brands,
.vrm2-platforms,
.vrm2-country-note,
.vrm2-chart-brief {
  border-color: var(--border);
  background: rgba(17, 17, 17, .94);
  box-shadow: var(--shadow-sm);
}

.vrm2-tools,
.vrm2-card-media,
.vrm2-year-col,
.vrm2-year-col header,
.vrm2-atlas-overview li,
.vrm2-event-summary-chip,
.vrm2-logo-box {
  border-color: var(--border);
  background: var(--bg3);
}

.vrm2-dashboard,
.vrm2-atlas-signal-card,
.vrm2-brand-card,
.vrm2-museum-gateway-card,
.vrm2-atlas-static-visual,
.vrm2-library-market-bar,
.vrm2-market-brands,
.vrm2-platforms,
.vrm2-chart-brief,
.vrm2-faq details {
  border-radius: var(--rl);
}

.vrm2-atlas-static-visual {
  border-color: var(--border);
  background: var(--bg2);
  box-shadow: var(--shadow-md);
}

.vrm2-museum-gateway-card {
  background: var(--bg2);
}

.vrm2-museum-gateway-copy > span,
.vrm2-museum-gateway-copy strong,
.vrm2-atlas-hero .vrm2-hero-hook,
.vrm2-eyebrow,
.vrm2-card-link {
  color: var(--accent);
}

.vrm2-btn {
  min-height: 46px;
  border-color: var(--border);
  border-radius: var(--pill);
  background: rgba(255, 255, 255, .08);
  color: var(--fg);
  box-shadow: none;
  transition: background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);
}

.vrm2-btn-primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.vrm2-chip,
.vrm2-atlas-market-switcher button,
.vrm2-library-market-filter,
.vrm2-load-more {
  min-height: 44px;
  border-color: var(--border);
  border-radius: var(--pill);
  background: rgba(255, 255, 255, .05);
  color: var(--fg2);
  transition: background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);
}

.vrm2-chip.is-active {
  border-color: var(--chip, var(--accent));
  background: color-mix(in srgb, var(--chip, var(--accent)) 16%, var(--bg3));
  color: var(--fg);
}

.vrm2-atlas-market-switcher button.is-active,
.vrm2-library-market-filter.is-active,
.vrm2-library-market-filter[aria-pressed="true"] {
  border-color: rgba(59, 158, 255, .28);
  background: rgba(59, 158, 255, .14);
  color: var(--accent-h);
  box-shadow: inset 0 0 0 1px rgba(59, 158, 255, .08);
}

.vrm2-search {
  min-height: 48px;
  border-color: var(--border);
  border-radius: var(--r);
  background: rgba(0, 0, 0, .4);
  color: var(--fg);
  box-shadow: none;
}

.vrm2-atlas-signal-card > a,
.vrm2-museum-gateway-arrow {
  width: 44px;
  height: 44px;
  border-color: var(--border);
  background: rgba(255, 255, 255, .05);
  color: var(--accent);
}

.vrm2-brand-card,
.vrm2-museum-gateway-card {
  transition: transform .28s var(--ease), border-color .28s var(--ease), box-shadow .28s var(--ease), background .28s var(--ease);
}

.vrm2-museum-gateway-card > figure img,
.vrm2-brand-card .vrm2-logo-box img {
  transition: transform .4s var(--ease), filter .4s var(--ease);
}

.vrm2 :where(a, button, input, [tabindex]):not(.vrm2-event-node):focus-visible,
.vrm2 .vrm2-country-note:focus-visible,
.vrm2 .vrm2-country-notes button:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}

/* Vape Museum ------------------------------------------------------------- */
.vrm {
  --vrm-bg: var(--bg);
  --vrm-surface: var(--bg2);
  --vrm-surface-2: var(--bg3);
  --vrm-text: var(--fg);
  --vrm-muted: var(--fg2);
  --vrm-blue: var(--accent);
  --vrm-blue-hover: var(--accent-h);
  --vrm-border: var(--border);
  --vrm-soft-border: rgba(255, 255, 255, .14);
  --vrm-inspector-surface: rgba(17, 17, 17, .96);
  --vrm-inspector-surface-raised: rgba(26, 26, 26, .96);
  --vrm-inspector-line: var(--border);
  --vrm-inspector-line-strong: rgba(59, 158, 255, .36);
  --vrm-ease-out: var(--ease);
  --vrm-ease-in-out: var(--ease);
  --vrm-ease-drawer: var(--ease);
  --vrm-duration-ui: .2s;
  --vrm-duration-reveal: .45s;
  color: var(--fg);
  background: transparent;
}

.vrm .vrm-atmosphere,
.vrm .vrm-smoke,
.vrm .vrm-stage-smoke {
  display: none !important;
}

.vrm .vrm-documentary-canvas {
  background: rgba(10, 10, 10, .82);
}

.vrm .vrm-chapter-rail,
.vrm .vrm-mobile-era-nav {
  border-color: var(--border);
  background: rgba(17, 17, 17, .96);
}

.vrm .vrm-rail-inner li > a::before {
  background: var(--bg2);
}

.vrm .vrm-rail-inner ol::before {
  background: rgba(255, 255, 255, .22);
}

.vrm .vrm-rail-inner li > a,
.vrm .vrm-rail-inner li small,
.vrm .vrm-rail-archive {
  color: var(--fg2);
}

.vrm .vrm-rail-inner li > a.active,
.vrm .vrm-rail-inner li > a.active small {
  color: var(--fg);
}

.vrm .vrm-rail-archive,
.vrm .vrm-atlas-return,
.vrm-atlas-return {
  border-color: var(--border);
  background: rgba(17, 17, 17, .9);
  color: var(--fg);
  box-shadow: var(--shadow-sm);
}

.vrm .vrm-hero,
.vrm .vrm-hero-media {
  border-color: var(--border);
  background: var(--bg);
}

.vrm .vrm-hero::after {
  background:
    linear-gradient(90deg, rgba(10, 10, 10, .9) 0%, rgba(10, 10, 10, .64) 42%, rgba(10, 10, 10, .18) 74%, rgba(10, 10, 10, .48) 100%),
    linear-gradient(180deg, rgba(10, 10, 10, .08), rgba(10, 10, 10, .66));
}

.vrm .vrm-hero-source,
.vrm .vrm-hero-scope,
.vrm .vrm-player,
.vrm .vrm-library-toolbar {
  border-color: var(--border);
  background: rgba(17, 17, 17, .9);
}

.vrm .vrm-drawer-backdrop {
  background: rgba(0, 0, 0, .68);
}

.vrm :is(.vrm-global, .vrm-library) {
  border-color: var(--border);
  background: rgba(17, 17, 17, .9);
}

.vrm :is(.vrm-brand-wall, .vrm-company-files, .vrm-method) {
  border-color: var(--border);
  background: rgba(10, 10, 10, .9);
}

.vrm :is(.vrm-origin-brief, .vrm-modern-focus, .vrm-artifact-inspector) {
  border-color: var(--border);
  background:
    radial-gradient(circle at 64% 16%, rgba(59, 158, 255, .12), transparent 35%),
    linear-gradient(135deg, rgba(26, 26, 26, .97), rgba(17, 17, 17, .94));
  box-shadow: var(--shadow-md);
}

.vrm :is(
  .vrm-chapter-cast,
  .vrm-cast-card,
  .vrm-market,
  .vrm-company-card,
  .vrm-library-card,
  .vrm-tech-stage,
  .vrm-stage-heading,
  .vrm-stage-screen,
  .vrm-stage-caption,
  .vrm-stage-controls,
  .vrm-stage-broll,
  .vrm-stage-handoff,
  .vrm-history-transcript,
  .vrm-artifact-rail,
  .vrm-inspection-stage,
  .vrm-codex-panel,
  .vrm-codex-tabs,
  .vrm-codex-visual,
  .vrm-inspection-chapters,
  .vrm-story-dossier-deck,
  .vrm-evidence-drawer,
  .vrm-evidence-record,
  .vrm-archive,
  .timeline-event
) {
  border-color: var(--border);
  background: rgba(17, 17, 17, .92);
}

.vrm .vrm-chapter-context article,
.vrm .vrm-story-sequence li > article,
.vrm .vrm-brand-marquee article,
.vrm .vrm-stage-broll button,
.vrm .vrm-method-grid article {
  border-color: var(--border);
  background: rgba(17, 17, 17, .92);
}

.vrm .vrm-cast-card,
.vrm .vrm-brand-marquee article,
.vrm .vrm-library-card,
.vrm .vrm-featured-story {
  border-radius: var(--rl);
  box-shadow: var(--shadow-sm);
  transition: transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
}

.vrm .vrm-button {
  min-height: 46px;
  border-color: var(--border);
  border-radius: var(--pill);
  font-weight: 600;
  transition: background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);
}

.vrm .vrm-button-primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
  box-shadow: none;
}

.vrm .vrm-button-ghost {
  border-color: var(--border);
  background: rgba(255, 255, 255, .08);
  color: var(--fg);
}

.vrm :is(a, button, input, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}

.vrm [data-reveal] {
  transition: opacity .45s var(--ease), transform .45s var(--ease);
}

.vrm :is(
  .vrm-rail-inner li > a,
  .vrm-player button,
  .vrm-stage-actions button,
  .vrm-stage-controls button,
  .vrm-stage-broll button,
  .vrm-library-toolbar button,
  .vrm-evidence-filters button,
  .vrm-story-filter button,
  .vrm-inspection-chapters button,
  .vrm-codex-tabs button,
  summary
) {
  transition-duration: .2s;
  transition-timing-function: var(--ease);
}

.vrm .vrm-library-toolbar label,
.vrm .vrm-archive-filters label,
.vrm .vrm-settings label i {
  border-color: var(--border);
  background: var(--bg3);
  color: var(--fg2);
}

.vrm .vrm-library-toolbar button.active,
.vrm .vrm-library-toolbar button[aria-pressed="true"],
.vrm .vrm-evidence-filters button.active,
.vrm .vrm-evidence-filters button[aria-pressed="true"],
.vrm .vrm-story-filter button.active,
.vrm .vrm-story-filter button[aria-pressed="true"],
.vrm .vrm-inspection-chapters button.active,
.vrm .vrm-inspection-chapters button[aria-selected="true"],
.vrm .vrm-codex-tabs button.active,
.vrm .vrm-codex-tabs button[aria-selected="true"] {
  border-color: rgba(59, 158, 255, .28);
  background: var(--accent-bg);
  color: var(--accent-h);
}

@media (hover: hover) and (pointer: fine) {
  .vrm2-btn:hover {
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .13);
    transform: scale(1.01);
  }

  .vrm2-btn-primary:hover {
    border-color: var(--accent-h);
    background: var(--accent-h);
    box-shadow: 0 4px 20px rgba(59, 158, 255, .35);
    transform: scale(1.02);
  }

  .vrm2-brand-card:hover,
  .vrm2-museum-gateway-card:hover {
    border-color: rgba(59, 158, 255, .25);
    background: var(--bg2);
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
  }

  .vrm2-museum-gateway-card:hover > figure img {
    filter: brightness(1.02) saturate(.98) contrast(1.02);
    transform: scale(1.04);
  }

  .vrm2-chip:not(.is-active):hover,
  .vrm2-atlas-market-switcher button:not(.is-active):hover,
  .vrm2-library-market-filter:not(.is-active):not([aria-pressed="true"]):hover {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .1);
    color: var(--fg);
    transform: none;
  }

  .vrm .vrm-button:hover {
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .13);
    transform: scale(1.01);
  }

  .vrm .vrm-button-primary:hover {
    border-color: var(--accent-h);
    background: var(--accent-h);
    box-shadow: 0 4px 20px rgba(59, 158, 255, .35);
    transform: scale(1.02);
  }

  .vrm :is(.vrm-cast-card, .vrm-brand-marquee article, .vrm-library-card, .vrm-featured-story):hover {
    border-color: rgba(59, 158, 255, .25);
    background: var(--bg2);
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
  }

  .vrm .vrm-rail-inner li > a:hover,
  .page-template-page-museum .main-nav > ul > li > a:hover {
    background: rgba(255, 255, 255, .06);
    color: var(--fg);
  }
}

@media (max-width: 1240px) {
  .page-template-page-museum .main-nav,
  .page-template-page-vape-industry .main-nav {
    top: calc(100% + 1px);
    right: 1.25rem;
    left: 1.25rem;
    padding: .45rem;
    border: 1px solid var(--border);
    border-top: 0;
    border-radius: 0;
    background: rgba(10, 10, 10, .98);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .46);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transform: translateY(-8px);
    transition: opacity .18s var(--ease), transform .18s var(--ease), visibility .18s;
  }

  .page-template-page-museum .main-nav.is-open,
  .page-template-page-vape-industry .main-nav.is-open {
    transform: translateY(0);
  }

  .page-template-page-museum .main-nav > ul > li > a,
  .page-template-page-vape-industry .main-nav > ul > li > a {
    border-radius: 4px;
    color: var(--fg2);
  }

  .page-template-page-museum .nav-menu-toggle,
  .page-template-page-vape-industry .nav-menu-toggle {
    border-color: var(--border);
    background: rgba(255, 255, 255, .05);
    color: var(--fg);
  }
}

@media (max-width: 760px) {
  body.page-template-page-museum .nav-right,
  body.page-template-page-vape-industry .nav-right {
    display: flex;
  }

  body.page-template-page-museum .nav-menu-toggle,
  body.page-template-page-vape-industry .nav-menu-toggle {
    margin-left: 0;
  }

  .page-template-page-museum .site-header,
  .page-template-page-vape-industry .site-header {
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    backdrop-filter: blur(10px) saturate(150%);
  }

  .vrm .vrm-mobile-era-nav,
  .vrm .vrm-stage-caption {
    background: rgba(17, 17, 17, .96);
  }

  .vrm2-brand-card,
  .vrm2-museum-gateway-card,
  .vrm .vrm-button,
  .vrm .vrm-cast-card,
  .vrm .vrm-brand-marquee article,
  .vrm .vrm-library-card,
  .vrm .vrm-featured-story {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vrm2 *,
  .vrm2 *::before,
  .vrm2 *::after,
  .vrm *,
  .vrm *::before,
  .vrm *::after {
    scroll-behavior: auto !important;
  }

  .vrm2-brand-card,
  .vrm2-museum-gateway-card,
  .vrm2-museum-gateway-card > figure img,
  .vrm .vrm-button,
  .vrm .vrm-cast-card,
  .vrm .vrm-brand-marquee article,
  .vrm .vrm-library-card,
  .vrm .vrm-featured-story {
    transition: none !important;
    transform: none !important;
  }
}