/* ============================================================
   Evassentials — Boutique Custom Theme Footer
   ============================================================ */

/* ── Reset Footer Base to Deeper, Dominant Base Color ────────────────── */
.site-footer {
  /* Shifted balances: 0% to 70% is now locked into a heavy, warm deep fig spectrum over a light background */
  background: #8F2D56 !important;
  color: #ffffff !important; /* Inverted text to white to retain ultra-sharp reading over the deep background */
  font-family: 'Plus Jakarta Sans', sans-serif;
  border-top: 1px solid rgba(81, 52, 77, 0.1);
}

/* ── The Newsletter Strip (Warm Ambient Glass Overlay) ───────────────── */
.footer-signup {
  /* Dropped the white opacity slightly to let more of the vivid deep fig shine through */
  background: rgba(255, 255, 255, 0.12) !important; 
  backdrop-filter: blur(10px) !important;
  padding: 5.5rem 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-signup-eyebrow {
  color: #E7EBC5 !important; /* Hardened into a pale pistachio for intense typographic contrast against the background */
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  margin-bottom: 0.75rem;
}

.footer-signup-heading {
  font-family: 'Fraunces', serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #ffffff !important;
  margin-bottom: 0.85rem;
  line-height: 1.2;
}

.footer-signup-sub {
  font-size: 0.95rem;
  color: #E7EBC5 !important;
  line-height: 1.7;
}

/* ── Form Input Fields ────────────────────────────────────────── */
.footer-signup-form .ml-embedded input[type="email"] {
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 0.85rem 1.1rem !important;
}

.footer-signup-form .ml-embedded input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

.footer-signup-form .ml-embedded input[type="email"]:focus {
  background: #ffffff !important;
  border-color: #A78682 !important;
  color: #51344D !important;
  box-shadow: 0 0 0 3px rgba(167, 134, 130, 0.4) !important;
}

/* Hard-hitting dark ink button anchors the fiery brightness */
.footer-signup-form .ml-embedded button[type="submit"] {
  background: #51344D !important; 
  color: #ffffff !important; 
  font-weight: 700 !important;
  letter-spacing: 0.15em;
  border-radius: 6px !important;
  padding: 0.85rem 1.75rem !important;
  box-shadow: 0 4px 15px rgba(81, 52, 77, 0.18);
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
}

.footer-signup-form .ml-embedded button[type="submit"]:hover {
  transform: translateY(-2px);
  background: #6F5060 !important;
  box-shadow: 0 8px 24px rgba(81, 52, 77, 0.28);
}

/* ── Links Grid Formatting ──────────────────────────────────────── */
.footer-logo {
  font-family: 'Fraunces', serif;
  font-size: 1.7rem;
  font-weight: 700;
  color: #ffffff !important;
}

.footer-logo span {
  color: #E7EBC5 !important;
}

.footer-tagline {
  color: rgba(255, 255, 255, 0.8) !important;
}

.footer-col h4 {
  color: #E7EBC5 !important; /* Pale Pistachio subheads block out the layout structure */
  font-weight: 700;
}

.footer-col a {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 500;
}

.footer-col a:hover {
  color: #E7EBC5 !important;
  font-weight: 700;
  transform: translateX(4px);
}

/* ── Bottom Strip ─────────────────────────────────────────────── */
.footer-bottom {
  color: rgba(255, 255, 255, 0.7) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-bottom-links a {
  color: rgba(255, 255, 255, 0.7) !important;
}

.footer-bottom-links a:hover {
  color: #ffffff !important;
}

.badge-secure {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-weight: 600;
}