/* ================================================================
   PMF LA — SEO Page Color Inversion
   Flips the default SEO page palette: light body/cards with dark text,
   hero stays dark with particle network overlay.
   Load this AFTER all other SEO page stylesheets.
   ================================================================ */

/* ===== BODY: Light cream background with dark text ===== */
body.pmf-seo-light {
  background: #f6f8fa !important;
  color: #1f2d36 !important;
}

/* Neutralize the dark-overlay pseudo-elements on body */
body.pmf-seo-light .seo-shell::before,
body.pmf-seo-light .seo-shell::after,
body.pmf-seo-light::before,
body.pmf-seo-light::after {
  display: none !important;
}

/* ===== HERO: Keep dark, replace video/overlay with solid + particles ===== */
body.pmf-seo-light .page-hero {
  background: linear-gradient(135deg, #2B3A42 0%, #1e3a5f 60%, #2B3A42 100%) !important;
  position: relative;
  overflow: hidden;
}

/* Hide the video background (replaced by particle network) */
body.pmf-seo-light .page-hero video,
body.pmf-seo-light .marketing-hero-video,
body.pmf-seo-light .local-hero-video,
body.pmf-seo-light .national-hero-video,
body.pmf-seo-light .enterprise-hero-video {
  display: none !important;
}

/* Hide video overlay layers (replaced by particles) */
body.pmf-seo-light .marketing-video-overlay,
body.pmf-seo-light .local-video-overlay,
body.pmf-seo-light .national-video-overlay,
body.pmf-seo-light .enterprise-video-overlay {
  display: none !important;
}

/* Hero text — light text on dark */
body.pmf-seo-light .page-hero h1,
body.pmf-seo-light .page-hero p,
body.pmf-seo-light .marketing-video-hero h1,
body.pmf-seo-light .marketing-video-hero p,
body.pmf-seo-light .page-hero.marketing-video-hero h1,
body.pmf-seo-light .page-hero.marketing-video-hero p,
body.pmf-seo-light .local-video-hero h1,
body.pmf-seo-light .local-video-hero p,
body.pmf-seo-light .national-video-hero h1,
body.pmf-seo-light .national-video-hero p,
body.pmf-seo-light .enterprise-video-hero h1,
body.pmf-seo-light .enterprise-video-hero p {
  color: #fff !important;
}
body.pmf-seo-light .page-hero p,
body.pmf-seo-light .marketing-video-hero p,
body.pmf-seo-light .page-hero.marketing-video-hero p,
body.pmf-seo-light .local-video-hero p,
body.pmf-seo-light .national-video-hero p,
body.pmf-seo-light .enterprise-video-hero p {
  color: rgba(255,255,255,0.85) !important;
}

/* Hero CTA button — keep lime but make sure it's above particles */
body.pmf-seo-light .page-hero .hero-cta-row {
  position: relative;
  z-index: 10;
}

/* ===== MAIN CONTENT: Light with dark text ===== */
body.pmf-seo-light .seo-page {
  background: #f6f8fa !important;
}

/* Package cards — white with dark text and subtle shadow */
body.pmf-seo-light .package-card,
body.pmf-seo-light .pkg-card,
body.pmf-seo-light .seo-panel,
body.pmf-seo-light .split-overview .panel {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #1f2d36 !important;
  box-shadow: 0 4px 20px -4px rgba(43, 58, 66, 0.08) !important;
  backdrop-filter: none !important;
}

body.pmf-seo-light .package-card:hover,
body.pmf-seo-light .pkg-card:hover {
  border-color: #2B3A42 !important;
  box-shadow: 0 12px 30px -8px rgba(43, 58, 66, 0.18) !important;
}

/* All headings & text in sections */
body.pmf-seo-light .package-card h2,
body.pmf-seo-light .package-card h3,
body.pmf-seo-light .package-card h4,
body.pmf-seo-light .package-card .pkg-title,
body.pmf-seo-light .package-card .pkg-headline,
body.pmf-seo-light .package-card .package-title,
body.pmf-seo-light .package-card .package-label,
body.pmf-seo-light .pkg-card h2,
body.pmf-seo-light .pkg-card h3,
body.pmf-seo-light .seo-panel h2,
body.pmf-seo-light .seo-panel h3,
body.pmf-seo-light .split-overview .panel h2,
body.pmf-seo-light .split-overview .panel h3,
body.pmf-seo-light section h2,
body.pmf-seo-light section h3 {
  color: #1f2d36 !important;
}

body.pmf-seo-light .package-card p,
body.pmf-seo-light .package-card li,
body.pmf-seo-light .package-card .pkg-description,
body.pmf-seo-light .package-card .pkg-desc,
body.pmf-seo-light .package-card .package-intro,
body.pmf-seo-light .pkg-card p,
body.pmf-seo-light .pkg-card li,
body.pmf-seo-light .seo-panel p,
body.pmf-seo-light .seo-panel li,
body.pmf-seo-light .split-overview .panel p,
body.pmf-seo-light .split-overview .panel li {
  color: #4a5568 !important;
}

/* Price / tier labels */
body.pmf-seo-light .pkg-price,
body.pmf-seo-light .package-card .pkg-tier-label {
  color: #1f2d36 !important;
}

/* Chip / badge / tag */
body.pmf-seo-light .package-card .pkg-tag,
body.pmf-seo-light .package-card .pkg-eyebrow,
body.pmf-seo-light .package-card .tag,
body.pmf-seo-light .package-card .chip,
body.pmf-seo-light .pkg-card .chip {
  background: #f0f4f8 !important;
  color: #2B3A42 !important;
  border: 1px solid #e2e8f0 !important;
}

/* "POPULAR" badge - keep lime */
body.pmf-seo-light .package-card .popular-badge,
body.pmf-seo-light .package-card .badge-popular,
body.pmf-seo-light .badge {
  background: #D4E233 !important;
  color: #1f2d36 !important;
  border: none !important;
}

/* List items - check marks */
body.pmf-seo-light .package-card .check-item,
body.pmf-seo-light .package-card .feature-item,
body.pmf-seo-light .pkg-card .check-item {
  color: #4a5568 !important;
}

/* Divider lines */
body.pmf-seo-light .package-card hr,
body.pmf-seo-light hr {
  border-color: #e2e8f0 !important;
}

/* Section backgrounds */
body.pmf-seo-light main,
body.pmf-seo-light .seo-page main,
body.pmf-seo-light section:not(.page-hero) {
  background: #f6f8fa !important;
  color: #1f2d36 !important;
}

/* CTA buttons in body */
body.pmf-seo-light .cta-btn,
body.pmf-seo-light a.btn-primary,
body.pmf-seo-light button.btn-primary {
  background: #D4E233 !important;
  color: #1f2d36 !important;
}
body.pmf-seo-light a.btn-secondary,
body.pmf-seo-light button.btn-secondary {
  background: transparent !important;
  color: #1f2d36 !important;
  border: 1.5px solid #2B3A42 !important;
}

/* Nav bar — make it light on SEO pages too (so it blends with the light body) */
body.pmf-seo-light nav,
body.pmf-seo-light header nav {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #e7ebf1 !important;
}
body.pmf-seo-light nav a:not(.cta):not(.nav-cta) {
  color: #1f2d36 !important;
}

/* Nav CTA button — explicit lime background so it's visible on all SEO pages */
body.pmf-seo-light nav .nav-cta,
body.pmf-seo-light nav a.nav-cta,
body.pmf-seo-light nav a.cta {
  background: #D4E233 !important;
  color: #1f2d36 !important;
  padding: 10px 24px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}
body.pmf-seo-light nav .nav-cta:hover,
body.pmf-seo-light nav a.nav-cta:hover {
  background: #b8c11f !important;
}

/* Footer — let it stay dark (default brand footer is usually dark) */

/* Hide the generic "Get In Touch →" footer button on SEO pages
   (each SEO page already has its own purpose-built CTA section) */
body.pmf-seo-light .footer-cta-btn {
  display: none !important;
}

/* Particle hero — ensure particles are visible */
body.pmf-seo-light .page-hero .pmf-particle-canvas {
  opacity: 0.95 !important;
}

/* Hero content elements above particles */
body.pmf-seo-light .page-hero > *:not(.pmf-particle-canvas):not(video) {
  position: relative;
  z-index: 5;
}