/* BrandMover — brand-specific styles
 * Lazy-loaded only on /brandmover/ and sub-pages.
 * Brand accent: #085041 (deep forest)
 * Gold accent: #B8923A
 * Updated: 2026-05-22 — prompts section + design tokens alignment
 */

/* ── TOKENS ─────────────────────────────────────────────────────────────── */
.vw-page-brandmover,
.vw-bm-prompts-section {
  --bm-green: #085041;
  --bm-green-dark: #053328;
  --bm-green-mid: #0D6B55;
  --bm-gold: #B8923A;
  --bm-gold-light: #D4A84E;
  --bm-cream: #FDFAF5;
  --bm-ink: #1A1612;
  --bm-radius: var(--vw-radius-xl, 16px);
}

/* ── FOUNDATION: fix font (Cormorant → Outfit) and bento layout ─────────── */
.vw-section .vw-bento-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--vw-space-6, 1.5rem);
  align-items: stretch;
}
@media (max-width: 900px) {
  .vw-section .vw-bento-grid {
    grid-template-columns: 1fr;
  }
}

/* ── PROMPTS SECTION ────────────────────────────────────────────────────── */
.vw-bm-prompts-section {
  background: var(--bm-ink);
  padding-block: var(--vw-space-20, 5rem);
}

.vw-bm-prompts-header {
  text-align: center;
  margin-bottom: var(--vw-space-12, 3rem);
}
.vw-bm-prompts-header .vw-eyebrow {
  color: var(--bm-gold);
}
.vw-bm-prompts-header .vw-section-title {
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  color: var(--bm-cream);
  margin-block: var(--vw-space-4, 1rem);
}
.vw-bm-prompts-header .vw-lede {
  color: rgba(253, 250, 245, 0.7);
  font-size: var(--vw-text-base, 1rem);
  line-height: 1.7;
  max-width: 640px;
  margin-inline: auto;
}

/* Tab bar */
.vw-bm-prompt-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: var(--vw-space-8, 2rem);
}
.vw-bm-prompt-tab {
  font-family: var(--vw-font-body);
  font-size: var(--vw-text-sm, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 0.6rem 1.5rem;
  border-radius: var(--vw-radius-full, 9999px);
  border: 1px solid rgba(184,146,58,0.3);
  background: transparent;
  color: rgba(253, 250, 245, 0.55);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.vw-bm-prompt-tab:hover {
  color: var(--bm-cream);
  border-color: rgba(184,146,58,0.6);
}
.vw-bm-prompt-tab.is-active {
  background: var(--bm-gold);
  color: var(--bm-ink);
  border-color: var(--bm-gold);
}

/* Panel + Grid */
.vw-bm-prompt-panels {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: var(--vw-space-6, 1.5rem);
}
.vw-bm-prompt-panel {
  display: none;
}
.vw-bm-prompt-panel.is-active {
  display: block;
  animation: vwFadeUp 0.25s ease forwards;
}
@keyframes vwFadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.vw-bm-prompt-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--vw-space-4, 1rem);
}
@media (max-width: 900px) {
  .vw-bm-prompt-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .vw-bm-prompt-grid { grid-template-columns: 1fr; }
}

/* Prompt Card */
.vw-bm-prompt-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--bm-radius);
  padding: var(--vw-space-6, 1.5rem);
  position: relative;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.vw-bm-prompt-card:hover {
  background: rgba(184,146,58,0.08);
  border-color: rgba(184,146,58,0.25);
  transform: translateY(-2px);
}
.vw-bm-prompt-num {
  font-family: var(--vw-font-heading);
  font-size: 2rem;
  font-weight: 800;
  color: rgba(184,146,58,0.2);
  line-height: 1;
  display: block;
  margin-bottom: var(--vw-space-3, 0.75rem);
  letter-spacing: -0.04em;
}
.vw-bm-prompt-title {
  font-family: var(--vw-font-heading);
  font-size: var(--vw-text-base, 1rem) !important;
  font-weight: 700 !important;
  color: var(--bm-cream) !important;
  margin: 0 0 var(--vw-space-2, 0.5rem) !important;
  line-height: 1.3 !important;
}
.vw-bm-prompt-obj {
  font-size: var(--vw-text-sm, 0.875rem);
  color: rgba(253, 250, 245, 0.5);
  line-height: 1.6;
  margin: 0;
}

/* Footer CTA */
.vw-bm-prompts-footer {
  text-align: center;
  margin-top: var(--vw-space-12, 3rem);
  padding-top: var(--vw-space-8, 2rem);
  border-top: 1px solid rgba(255,255,255,0.08);
}
.vw-bm-prompts-footer__body {
  color: rgba(253, 250, 245, 0.6);
  font-size: var(--vw-text-base, 1rem);
  max-width: 580px;
  margin-inline: auto;
  margin-bottom: var(--vw-space-6, 1.5rem) !important;
}
.vw-bm-prompts-footer .wp-block-button__link {
  background: var(--bm-gold) !important;
  color: var(--bm-ink) !important;
  font-weight: 700;
  padding: 0.875rem 2.5rem;
  transition: background 0.2s ease;
}
.vw-bm-prompts-footer .wp-block-button__link:hover {
  background: var(--bm-gold-light) !important;
}

/* ── HERO: responsive fix ───────────────────────────────────────────────── */
@media (max-width: 768px) {
  .vw-hero-brandmover .vw-container {
    padding-left: var(--vw-space-6, 1.5rem) !important;
    padding-right: var(--vw-space-6, 1.5rem) !important;
  }
}