/* === EVA Networks — Brand Variables & Utilities === */
:root{
  --eva-core-deep-navy:#0A0F2C;
  --eva-accent-turquoise:#3BC4C4; /* primary logo color */
  --eva-accent-violet:#6A4795;
  --eva-contrast-coral:#FF6B6B;   /* primary CTA */
  --eva-neutral-white:#FFFFFF;
}

/* Full-bleed helpers for TT5 */
.wp-site-blocks > .alignfull,
.wp-block-cover.alignfull,
.wp-block-group.alignfull{
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

/* Buttons */
.eva-btn-primary .wp-block-button__link,
.wp-block-button.eva-btn-primary .wp-block-button__link{
  display:inline-block; background:var(--eva-contrast-coral); color:var(--eva-core-deep-navy);
  padding:12px 18px; border-radius:10px; text-decoration:none; font-weight:700;
  transition:transform .08s ease, box-shadow .2s ease, background .2s ease;
  box-shadow:0 6px 18px rgba(10,15,44,.25);
}
.eva-btn-secondary .wp-block-button__link,
.wp-block-button.eva-btn-secondary .wp-block-button__link{
  display:inline-block; background:transparent; color:var(--eva-accent-turquoise);
  border:2px solid var(--eva-accent-turquoise); padding:10px 16px; border-radius:10px; font-weight:700;
}
/* Hero text styles */
.eva-hero-constellation h1,
.eva-hero-constellation p,
.eva-hero-constellation .wp-block-button__link {
  color: #FFFFFF; /* white text for readability */
}

.eva-hero-constellation h1 strong {
  color: var(--eva-accent-violet); /* keep violet accent */
}

.eva-hero-constellation .eva-kicker {
  color: var(--eva-accent-turquoise); /* kicker in turquoise */
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
html { scroll-behavior: smooth; }


/* Sections */
.eva-section-dark{ background:var(--eva-core-deep-navy); color:#fff; padding:48px 0; }
.eva-section-light{ background:#fff; color:var(--eva-core-deep-navy); padding:48px 0; }
.eva-divider{ height:2px; background:linear-gradient(90deg, var(--eva-accent-violet), var(--eva-accent-turquoise)); border:0; }
.eva-card{ background:#fff; border:1px solid rgba(10,15,44,.08); border-radius:16px; padding:24px; box-shadow:0 12px 30px rgba(10,15,44,.08); }
h1 strong, h2 strong, .eva-kicker{ color:var(--eva-accent-violet); }

/* HERO with JWST + constellation overlay (replace URLs) */
.eva-hero-constellation{
  min-height:460px;
  background:
    radial-gradient(circle at 20% 30%, rgba(59,196,196,.25), transparent 40%),
    radial-gradient(circle at 80% 60%, rgba(106,71,149,.22), transparent 45%),
    url('https://snc.ziv.mybluehost.me/wp-content/uploads/2025/09/eva-hero-jwst-2400x1200-1.webp')
    center/cover no-repeat;
  position:relative; isolation:isolate;
}
.eva-hero-constellation::after{
  content:""; position:absolute; inset:0; z-index:1;
  background: url('https://snc.ziv.mybluehost.me/wp-content/uploads/2025/09/eva-constellation-overlay.svg') center/cover no-repeat;
  pointer-events:none; opacity:.9;
}
.eva-hero-constellation .wp-block-cover__inner-container{ position:relative; z-index:2; padding:48px 0; }

/* Signup form */
.eva-signup{ display:flex; gap:12px; align-items:center; justify-content:center; }
.eva-signup input[type="email"]{ border:1px solid rgba(10,15,44,.2); padding:12px 14px; border-radius:10px; width:min(380px,90%); }

/* ===== EVA page background & section styles ===== */
:root{
  --eva-navy:#0A0F2C; --eva-teal:#3BC4C4; --eva-violet:#6A4795; --eva-coral:#FF6B6B;
  --eva-text-light:#E6EDF6; --eva-text-dark:#0A0F2C;
}
html{scroll-behavior:smooth;}
body{background:transparent;}

/* Fixed, seamless JWST backdrop for the WHOLE page */
body::before{
  content:"";
  position:fixed; inset:0;
  background:url("https://snc.ziv.mybluehost.me/wp-content/uploads/2025/09/eva-hero-jwst-2400x1200-1.webp") center/cover no-repeat fixed;
  /* subtle darken for readability */
  box-shadow:inset 0 0 0 2000px rgba(10,15,44,.45);
  z-index:-1;
}

/* Hero uses transparent cover so the global JWST shows through */
.eva-hero-constellation{background:transparent !important; color:var(--eva-text-light);}
.eva-hero-constellation .wp-block-cover__inner-container{
  padding:clamp(56px,7vw,120px) min(5vw,48px);
}
.eva-kicker{letter-spacing:.12em; color:var(--eva-teal);}

/* Sections */
.eva-section-light{padding:56px 0; color:var(--eva-text-dark);}
.eva-section-dark{padding:64px 0; color:var(--eva-text-light); background:rgba(10,15,44,.72);}

/* Cards */
.eva-card{border-radius:16px; padding:24px; box-shadow:0 8px 22px rgba(0,0,0,.20);}
.eva-section-light .eva-card{background:rgba(255,255,255,.92); border:1px solid rgba(10,15,44,.08);}
.eva-section-dark .eva-card{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:var(--eva-text-light);}

/* Buttons */
.eva-btn-primary .wp-block-button__link{
  background:var(--eva-coral); color:var(--eva-navy);
  border-radius:10px; padding:.7rem 1rem;
}
.eva-btn-secondary .wp-block-button__link{
  background:transparent; border:1.5px solid var(--eva-teal); color:var(--eva-teal);
  border-radius:10px; padding:.7rem 1rem;
}
.eva-btn-secondary .wp-block-button__link:hover{background:var(--eva-teal); color:var(--eva-navy);}

/* Make full-width sections truly edge-to-edge */
.alignfull{margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);}
.wp-site-blocks{padding-top:0;}

.eva-brand {
  font-weight:800; letter-spacing:.08em; margin:0 12px 0 0;
  color:var(--eva-teal) !important;
}
.eva-header {
  position:sticky; top:0; z-index:50;
  padding:10px min(4vw,28px);
  background:rgba(10,15,44,.45); backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.eva-nav .wp-block-navigation__container > li > a {
  color:var(--eva-text-light) !important; opacity:.9; padding:.5rem .75rem;
}
.eva-nav .wp-block-navigation__container > li > a:hover {
  opacity:1; color:var(--eva-teal) !important;
}
.eva-header-cta .wp-block-button__link {
  border-radius:10px; padding:.55rem .9rem;
}
.eva-footer {
  padding:24px min(4vw,28px);
  background:rgba(10,15,44,.6); backdrop-filter:blur(6px);
  border-top:1px solid rgba(255,255,255,.08); color:var(--eva-text-light);
}
.eva-footnote { opacity:.75; margin:0 0 0 10px; }
.eva-footer-nav a {
  color:var(--eva-text-light) !important; opacity:.85; padding:.3rem .6rem;
}
.eva-footer-nav a:hover { opacity:1; color:var(--eva-teal) !important; }
@media (max-width:820px){
  .eva-header{padding:8px 16px;}
  .eva-header-cta{display:none;}
}
/* Flush edges */
.wp-site-blocks{padding-top:0!important; padding-bottom:0!important;}
.wp-site-blocks>*:first-child{margin-top:0!important;}
.wp-site-blocks>*:last-child{margin-bottom:0!important;}

/* Header pinned to the top (admin bar aware) */
.eva-header{margin-top:0; top:0;}
.admin-bar .eva-header{top:32px;}
@media (max-width:782px){.admin-bar .eva-header{top:46px;}}

/* Footer pushed to bottom on short pages */
html,body{height:100%;}
.wp-site-blocks{min-height:100%; display:flex; flex-direction:column;}
.eva-footer{margin-top:auto; margin-bottom:0;}

/* Safety: nuke any padding the theme adds on the parts themselves */
body .wp-site-blocks > header.eva-header,
body .wp-site-blocks > footer.eva-footer{
  padding-top:0!important; padding-bottom:0!important;
}
.eva-pricing-columns {
  gap: 2rem;
}

.eva-pricing-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  padding: 2rem;
  text-align: center;
  transition: transform 0.2s ease;
}

.eva-pricing-card:hover {
  transform: translateY(-6px);
}

.eva-pricing-card h3 {
  color: #0A0F2C;
  margin-bottom: 1rem;
}

.eva-pricing-card p {
  font-weight: bold;
  color: #3BC4C4;
  margin-bottom: 1rem;
}

.eva-pricing-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}
.eva-pricing-card ul li {
  margin-bottom: 0.5rem;
  color: #333;
}
/* Highlighted middle tier */
.eva-pricing-highlight {
  border: 2px solid #3BC4C4;
  background: #f8ffff; /* subtle aqua tint */
  box-shadow: 0 8px 18px rgba(0,0,0,0.15);
  position: relative;
}

.eva-pricing-highlight:hover {
  transform: translateY(-8px);
}

.eva-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #FF6B6B;
  color: white;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 4px 12px;
  border-radius: 20px;
}
/* ===== HOME ONLY ===== */
body.home .eva-section-light,
body.home .eva-section-dark{
  position: relative;
  padding: 28px 0 36px;
  background: transparent !important;         /* kill full-bleed bands */
}

/* kill any inner group backgrounds that might sneak in */
body.home .eva-section-light > .wp-block-group.has-background,
body.home .eva-section-dark  > .wp-block-group.has-background{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* center and cap inner content */
body.home .eva-section-light > h2,
body.home .eva-section-dark  > h2,
body.home .eva-section-light > .wp-block-columns,
body.home .eva-section-dark  > .wp-block-columns,
body.home .eva-section-light > .wp-block-group,
body.home .eva-section-dark  > .wp-block-group{
  max-width: 1200px;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

/* draw the section panels (not full-bleed) */
body.home .eva-section-light::before,
body.home .eva-section-dark::before{
  content: "";
  position: absolute; top: 0; bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: min(1200px, 92vw);
  border-radius: 16px;
  z-index: 0;
}

body.home .eva-section-light::before{
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  border: 1px solid rgba(10,15,44,.06);
}

body.home .eva-section-dark::before{
  background: rgba(10,15,44,.72);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.08);
}

/* equal-height cards + clean gaps */
body.home .eva-section-light .wp-block-columns,
body.home .eva-section-dark  .wp-block-columns{ align-items: stretch; gap: 24px; }

body.home .eva-section-light .wp-block-column > .eva-card,
body.home .eva-section-dark  .wp-block-column > .eva-card{
  height: 100%; display: flex; flex-direction: column; justify-content: space-between;
}

/* remove 'pill' look on section headings if they got the card class */
body.home h2.eva-card{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}
body.home .eva-section-dark::before{
  background: rgba(10,15,44,.88);   /* was .72 — darker */
  box-shadow: 0 10px 28px rgba(0,0,0,.4);
  border: 1px solid rgba(255,255,255,.1);
}
body.home .eva-section-dark,
body.home .eva-section-dark h2,
body.home .eva-section-dark h3,
body.home .eva-section-dark p,
body.home .eva-section-dark li{
  color: rgba(255,255,255,0.92) !important;
}
body.home .eva-section-dark h3{
  color: #40e0d0 !important; /* turquoise accent */
  font-weight: 600;
}
/* ===== Contrast fix: HOW section only ===== */
body.home #how.eva-section-dark::before{
  background: rgba(10,15,44,.90);           /* darker panel behind text */
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.10);
}

/* Force bright text inside HOW section (beats theme colors) */
body.home #how,
body.home #how h2,
body.home #how h3,
body.home #how p,
body.home #how li,
body.home #how .wp-block-group,
body.home #how .wp-block-column{
  color: rgba(255,255,255,.96) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.28);      /* subtle lift for readability */
}

/* If any block carries a theme "has-*-color", neutralize it */
body.home #how [class*="has-"][class*="-color"]{
  color: rgba(255,255,255,.96) !important;
}

/* Cards within HOW: slightly darker fill so white text pops */
body.home #how .eva-card{
  background: rgba(20,26,66,.92) !important;
  border: 1px solid rgba(255,255,255,.08);
}

/* Headings accent in HOW */
body.home #how h3{
  color: #3BC4C4 !important;                /* EVA turquoise */
  font-weight: 600;
}

/* Links/buttons in HOW */
body.home #how a{ color:#3BC4C4 !important; }
body.home #how .wp-block-button .wp-block-button__link{
  background:#3BC4C4 !important; color:#0A0F2C !important; border:none;
}
body.home #how .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent !important; color:#3BC4C4 !important; 
  border:1px solid #3BC4C4 !important;
}
/* ===== HOW section: list + CTA readability ===== */

/* Force white text for the bullet list (and any nested lists) */
body.home #how .wp-block-list,
body.home #how .wp-block-list li{
  color: rgba(255,255,255,.96) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Catch any theme color utilities that might be attached to the list */
body.home #how .wp-block-list [class*="has-"][class*="-color"],
body.home #how .wp-block-list li [class*="has-"][class*="-color"]{
  color: rgba(255,255,255,.96) !important;
  opacity: 1 !important;
}

/* Links inside the list */
body.home #how .wp-block-list a{
  color: #3BC4C4 !important;                 /* EVA turquoise */
  text-decoration-color: rgba(59,196,196,.6);
}

/* CTA button: solid + outline variants */
body.home #how .wp-block-button .wp-block-button__link{
  background: #3BC4C4 !important;
  color: #0A0F2C !important;
  border: none !important;
  opacity: 1 !important;
}

/* If that button is using the outline style */
body.home #how .wp-block-button.is-style-outline .wp-block-button__link{
  background: transparent !important;
  color: #3BC4C4 !important;
  border: 1px solid #3BC4C4 !important;
}

/* Optional: brighter bullets for extra clarity */
body.home #how .wp-block-list li::marker{
  color: rgba(255,255,255,.85);
}
/* =========================
   SECTION PANELS BY ANCHOR
   (works no matter which template/page renders)
   ========================= */

#problems, #how, #learn-more{
  position: relative;
  background: transparent !important;   /* kill full-bleed background bands */
  padding: 28px 0 36px;
}

/* Draw centered panel BEHIND the content */
#problems::before, #how::before, #learn-more::before{
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: min(1200px, 92vw);              /* match your content width */
  border-radius: 16px;
  z-index: 0;                            /* behind content */
  pointer-events: none;                  /* <-- critical: don't block clicks */
}

/* Light & dark panel styles */
#problems::before,
#learn-more::before{
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  border: 1px solid rgba(10,15,44,.06);
}
#how::before{
  background: rgba(10,15,44,.90);        /* darker for contrast */
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.10);
}

/* Ensure content sits above the panel */
#problems > *, #how > *, #learn-more > *{
  position: relative;
  z-index: 1;
}

/* Constrain inner content */
#problems > h2, #how > h2, #learn-more > h2,
#problems > .wp-block-columns, #how > .wp-block-columns, #learn-more > .wp-block-columns,
#problems > .wp-block-group,   #how > .wp-block-group,   #learn-more > .wp-block-group{
  max-width: 1200px;
  margin-inline: auto;
}

/* Equal-height cards + tidy gaps */
#problems .wp-block-columns, #how .wp-block-columns{ align-items: stretch; gap: 24px; }
#problems .wp-block-column > .eva-card,
#how .wp-block-column > .eva-card{
  height: 100%; display: flex; flex-direction: column; justify-content: space-between;
}

/* High-contrast text inside HOW section */
#how, #how h2, #how h3, #how p, #how li{
  color: rgba(255,255,255,.96) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.28);
}

/* List & CTA inside HOW */
#how .wp-block-list, #how .wp-block-list li{
  color: rgba(255,255,255,.96) !important; opacity:1 !important; filter:none !important;
}
#how .wp-block-list li::marker{ color: rgba(255,255,255,.85); }
#how .wp-block-button .wp-block-button__link{
  background:#3BC4C4 !important; color:#0A0F2C !important; border:none !important;
}
#how .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent !important; color:#3BC4C4 !important; border:1px solid #3BC4C4 !important;
}

/* Remove the thin hero separator if it's still showing */
.eva-divider{ display:none !important; }

/* ===== HERO ===== */
@media (max-width: 768px) {
  .eva-hero-constellation .wp-block-cover__inner-container {
    padding: 64px 20px 48px !important;
  }
  .eva-hero-constellation h1 {
    font-size: 9vw;          /* responsive headline */
    line-height: 1.1;
    margin-bottom: 14px;
  }
  .eva-kicker { font-size: 13px; letter-spacing: .08em; }
  .wp-block-buttons { gap: 10px; flex-wrap: wrap; }
}

/* ===== SECTION CONTAINERS ===== */
@media (max-width: 1024px) {
  .eva-section-light,
  .eva-section-dark {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media (max-width: 768px) {
  .eva-section-light,
  .eva-section-dark {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/* ===== “Why EVA — Problems We Solve” ===== */
@media (max-width: 900px) {
  .eva-section-light .wp-block-columns,
  .eva-section-light .wp-block-columns:not(.is-not-stacked-on-mobile) {
    gap: 16px !important;
  }
  .eva-section-light .wp-block-column {
    flex-basis: 100% !important;
  }
  .eva-section-light .eva-card {
    padding: 18px 16px !important;
  }
  .eva-section-light h2.wp-block-heading {
    font-size: 22px !important;
    padding: 10px 14px !important;
  }
}

/* ===== “How We Solve It” (dark panel) ===== */
@media (max-width: 900px) {
  .eva-section-dark .wp-block-columns,
  .eva-section-dark .wp-block-columns:not(.is-not-stacked-on-mobile) {
    gap: 16px !important;
  }
  .eva-section-dark .wp-block-column {
    flex-basis: 100% !important;
  }
  .eva-section-dark .eva-card {
    padding: 18px 16px !important;
    background: rgba(10,15,44,0.78) !important; /* darker for contrast */
  }
  .eva-section-dark,
  .eva-section-dark p,
  .eva-section-dark li,
  .eva-section-dark h3 {
    color: #eff5ff !important; /* force light text in dark area */
  }
  .eva-section-dark ul li { margin-bottom: 6px; }
}

/* ===== Buttons ===== */
@media (max-width: 480px) {
  .wp-block-button .wp-block-button__link {
    width: 100%;
    text-align: center;
    padding: 12px 16px !important;
    font-size: 15px;
  }
}

/* ===== Cards (global) ===== */
.eva-card {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 16px;
}
@media (max-width: 768px) {
  .eva-card { border-radius: 14px; }
}

/* ===== Headings spacing ===== */
@media (max-width: 768px) {
  h2.wp-block-heading { margin: 10px 0 16px !important; }
}

/* ===== Header & nav breathing room ===== */
@media (max-width: 768px) {
  .site-header, header.wp-block-template-part {
    padding: 10px 14px !important;
  }
  .site-header nav ul { gap: 12px; }
}

/* ===== Fix stray separators on mobile ===== */
@media (max-width: 768px) {
  .eva-divider { margin: 16px 0 !important; }
}
.eva-section-dark {
  background: rgba(0,0,32,0.7); /* deep navy with transparency */
  color: #fff !important;       /* white text */
}

.eva-section-dark h2,
.eva-section-dark p,
.eva-section-dark li {
  color: #fff !important;
}

/* Greener by Design section */
.eva-section-dark.greener,
.eva-section-dark.greener h2,
.eva-section-dark.greener p,
.eva-section-dark.greener li {
  color: #fff !important; /* force white text */
}

/* optional: highlight key phrases in turquoise */
.eva-section-dark.greener strong {
  color: #3BC4C4 !important; /* EVA turquoise accent */
}

/* make bullets more visible */
.eva-section-dark.greener ul {
  list-style-type: disc;
  padding-left: 1.5em;
}

.eva-section-dark.greener li {
  margin-bottom: 0.6em;
}
/* Greener by Design — container */
.greener{
  margin-inline: auto;               /* center within the constrained layout */
  padding: 28px 32px;
  background: rgba(10, 15, 44, 0.86);/* dark, no global opacity */
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
}

/* Heading */
.greener h2{
  color: #E9EDF7;                    /* light heading */
  margin: 0 0 16px 0;
}

/* List and bullets */
.greener .eva-green-list{
  margin: 0;
  padding-left: 1.25rem;             /* normal bullet indent */
  list-style: disc;
}
.greener .eva-green-list li{
  color: #DDE8F5;                    /* readable body text */
  line-height: 1.6;
  margin: 8px 0;
}
.greener .eva-green-list li strong{
  color: #3BC4C4;                    /* your turquoise accent */
}

/* Footnote */
.greener .eva-note{
  margin-top: 14px;
  color: #A9BDD6;                    /* secondary text */
}

/* Mobile tweaks */
@media (max-width: 780px){
  .greener{ padding: 22px; }
}
/* Ensure the dark section overlay sits BEHIND content */
.eva-section-dark {
  position: relative;
}
.eva-section-dark::before {
  /* your existing background/gradient is fine; the key is z-index */
  z-index: 0;                 /* behind content */
}

/* Lift the content above the overlay */
.eva-section-dark > * {
  position: relative;
  z-index: 1;
}

/* In case the Greener block needs a stronger nudge */
.greener { position: relative; z-index: 2; }

/* Greener container visuals (keeps the nice glass look, no opacity on text) */
.greener{
  margin-inline: auto;
  padding: 28px 32px;
  background: rgba(10, 15, 44, 0.86);   /* not opacity on the container */
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(0,0,0,0.35);
}

/* Readable type and brand accents */
.greener h2{
  color: #E9EDF7;
  text-align: center;
  margin: 0 0 16px 0;
}
.greener .eva-green-list{
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
}
.greener .eva-green-list li{
  color: #DDE8F5;
  line-height: 1.6;
  margin: 8px 0;
}
.greener .eva-green-list li strong{
  color: #3BC4C4; /* turquoise accent */
}
.greener .eva-note{
  margin-top: 14px;
  color: #A9BDD6;
}

/* Mobile tweak */
@media (max-width: 780px){
  .greener{ padding: 22px; }
}