/* Project Nithya — Safety & Refuge page styles */

/* ── HELPLINE TICKER (inside nav) ── */
/* Default state: absolute strip hanging below the nav bar */
.eb-ticker {
  position: absolute;
  bottom: -46px; left: -52px; right: -52px; /* cancel nav's 52px padding */
  height: 46px;
  background: rgba(212,168,0,0.97);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  border-bottom: 1px solid rgba(6,35,95,0.12);
  font-size: 12px; font-weight: 400; letter-spacing: .04em; color: var(--dark);
  pointer-events: auto;
}
.eb-track {
  display: flex; align-items: center;
  flex-shrink: 0; width: max-content;
}
.eb-set {
  display: flex; align-items: center; gap: 28px;
  padding: 0 48px; flex-shrink: 0;
}
.eb-set + .eb-set { display: none; } /* hide duplicate in strip mode */

.eb-label { font-weight: 500; letter-spacing: .12em; text-transform: uppercase; font-size: 10px; opacity: .7; }
.eb-number { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 17px; letter-spacing: .02em; }
.eb-item { display: flex; flex-direction: column; align-items: center; gap: 1px; }
.eb-item a { color: var(--dark); text-decoration: none; }
.eb-sep { width: 1px; height: 28px; background: rgba(6,35,95,0.2); flex-shrink: 0; }

/* ── NAV: PILL STATE (safety page) ── */
/* Single pill — logo + CTA left, yellow ticker fills entire right */
nav.nav--float {
  overflow: hidden; /* clips ticker to pill shape */
  align-items: stretch; /* let ticker fill full pill height */
  padding: 0 0 0 16px !important; /* left only — ticker goes edge-to-edge on right */
}
nav.nav--float .nav-wordmark { display: none; } /* CTA replaces wordmark */
nav.nav--float .nav-links { display: none; }
nav.nav--float .nav-logo { align-self: center; flex-shrink: 0; }
nav.nav--float .nav-cta--pink {
  align-self: center; flex-shrink: 0;
  margin-left: 10px; margin-right: 0;
}

/* Ticker becomes right-fill flex child in pill */
nav.nav--float .eb-ticker {
  position: relative;
  bottom: auto; left: auto; right: auto;
  flex: 1;
  height: auto; /* align-self: stretch via parent align-items:stretch */
  border-bottom: none;
  border-left: 1px solid rgba(255,255,255,0.14);
  backdrop-filter: none; -webkit-backdrop-filter: none;
  justify-content: flex-start;
  margin-left: 14px;
}
nav.nav--float .eb-set { padding: 0 52px; }
nav.nav--float .eb-set + .eb-set { display: flex; } /* show duplicate for loop */
nav.nav--float .eb-track { animation: eb-scroll 24s linear infinite; }

@keyframes eb-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ── HERO ── */
.page-hero {
  padding-top: 198px;
  background: linear-gradient(168deg, #041e42 0%, #0a2d5e 35%, #0d3d7a 65%, #1a5294 100%);
}
.hero-fade { height: 200px; }
.ho1 { width:500px; height:240px; background:rgba(242,206,58,0.10); top:15%; left:-5%; }
.ho2 { width:420px; height:200px; background:rgba(242,206,58,0.08); bottom:10%; right:-5%; }
.ho3 { width:550px; height:280px; background:rgba(10,55,145,0.5); top:25%; right:5%; }
.hero-eyebrow { color: var(--gold); }
.hero-title em { color: var(--gold); }
.hero-anchor { color:var(--gold); border-color:rgba(242,206,58,.35); }
.hero-anchor:hover { background:rgba(242,206,58,.1); border-color:rgba(242,206,58,.6); }

/* ── SUPPORT PILLARS ── */
.pillars-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:36px; }
.pillar {
  background:rgba(255,255,255,.72); backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.7); border-radius:18px; padding:32px 30px 34px;
  box-shadow:0 4px 24px rgba(14,80,185,.06), inset 0 1px 0 rgba(255,255,255,.9);
  opacity:0; transform:translateY(24px);
  transition:opacity .7s ease, transform .7s ease, box-shadow .3s;
}
.pillar.in-view { opacity:1; transform:translateY(0); }
.pillar:nth-child(2) { transition-delay:.12s; }
.pillar:nth-child(3) { transition-delay:.24s; }
.pillar:nth-child(4) { transition-delay:.36s; }
.pillar:hover { box-shadow:0 12px 40px rgba(212,168,0,.12), inset 0 1px 0 rgba(255,255,255,.9); }
.pillar-stripe { height:3px; width:36px; border-radius:2px; background:linear-gradient(90deg,var(--gold),var(--pink)); margin-bottom:16px; }
.pillar h3 { font-family:'Cormorant Garamond',serif; font-weight:500; font-size:21px; color:var(--navy); margin-bottom:8px; }
.pillar p { font-size:13.5px; font-weight:300; color:#484E72; line-height:1.72; }

/* ── REACH SECTION ── */
.reach-section {
  background: linear-gradient(168deg, #041e42 0%, #0a2d5e 40%, #0d3574 70%, #113060 100%);
}
.rbo1 { width:600px; height:300px; background:rgba(242,206,58,0.09); top:-60px; right:-100px; }
.rbo2 { width:500px; height:250px; background:rgba(249,200,213,0.06); bottom:-40px; left:-80px; }
.reach-badge { color:var(--gold); border-color:rgba(242,206,58,.28); background:rgba(242,206,58,.07); }
.reach-title em { color: var(--gold); }
.reach-reassure { border-left-color: rgba(242,206,58,.3); }
.reach-card { border-color: rgba(242,206,58,.18); }
.reach-form .fi:focus { border-color:rgba(242,206,58,.5); background:rgba(245,240,232,.10); }
.btn-reach { background:var(--gold); color:#000; font-weight:500; box-shadow:0 8px 32px rgba(212,168,0,.3); }
.success-icon { background:rgba(242,206,58,.15); border:1.5px solid rgba(242,206,58,.35); color:var(--gold); }
.step-num { color: rgba(212,168,0,.22); }

/* ── FEATURE BLOCK ── */
.feature-img-wrap {
  background: linear-gradient(145deg,rgba(242,206,58,.16) 0%,rgba(6,41,82,.12) 100%);
  border: 1px solid rgba(242,206,58,.26);
}
.feature-text blockquote { border-left-color: rgba(212,168,0,.42); }

/* ── CRISIS STRIP ── */
.crisis-strip {
  margin-top:72px; padding:42px 48px;
  background:rgba(242,206,58,.10); border:1px solid rgba(242,206,58,.28); border-radius:20px;
}
.crisis-top { display:flex; align-items:baseline; gap:16px; margin-bottom:24px; }
.crisis-top .sec-tag { margin-bottom:0; }
.crisis-top p { font-size:12.5px; font-weight:300; color:var(--faint); }
.crisis-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.crisis-item h4 { font-size:13.5px; font-weight:400; color:var(--navy); margin-bottom:3px; }
.crisis-item a { font-size:21px; font-family:'Cormorant Garamond',serif; font-weight:600; color:var(--gold-deep); text-decoration:none; }
.crisis-item p { font-size:11.5px; font-weight:300; color:var(--faint); margin-top:2px; }

/* ── RESPONSIVE ── */
@media (max-width: 960px) {
  .eb-set { padding: 10px 20px; gap: 14px; }
  .eb-sep { display: none; }
  .page-hero { padding-top: 190px; }
  .pillars-grid { grid-template-columns: 1fr; }
  .crisis-grid { grid-template-columns: 1fr 1fr; gap:16px; }
}