.wp-block-cover h1:where(:not(.has-text-color)) {
  color: #ededed;
  text-decoration: underline;
  background-color: #121212;
  opacity: 75;
}



/* 🔥 JSM COOP Newsletter Styling Override — works with Mailchimp embeds */

/* Wrap Container */
#mc_embed_signup {
    background: rgba(15,23,42,0.95) !important;
    padding: 20px 22px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(148,163,184,0.4) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.45) !important;
    color: #e5e7eb !important;
}

/* Title */
#mc_embed_signup h2 {
    color: #ffffff !important;
    text-align: center !important;
    font-size: 22px !important;
    margin-bottom: 12px !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* Labels */
#mc_embed_signup label {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    margin-bottom: 4px !important;
    display: block !important;
}

/* Fix field spacing */
#mc_embed_signup .mc-field-group {
    margin-bottom: 14px !important;
}

/* Input fields */
#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="phone"],
#mc_embed_signup input:not([type=submit]) {
    width: 100% !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148,163,184,0.5) !important;
    background: rgba(2,6,23,0.7) !important;
    color: #e5e7eb !important;
    font-size: 14px !important;
    transition: 0.25s border, 0.25s box-shadow;
}

/* Input focus glow */
#mc_embed_signup input:focus {
    border-color: #4efedc !important;
    box-shadow: 0 0 10px rgba(78,254,220,0.6) !important;
    outline: none !important;
}

/* Required text */
#mc_embed_signup .indicates-required {
    color: #9ca3af !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    font-size: 12px !important;
}

/* BUTTON */
#mc-embedded-subscribe {
    width: 100% !important;
    padding: 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(120deg, #00c6ff, #4efedc) !important;
    border: none !important;
    color: #020617 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    cursor: pointer !important;
    box-shadow: 0 0 16px rgba(0,198,255,0.6);
    transition: 0.2s transform, 0.2s box-shadow;
}

/* Button hover */
#mc-embedded-subscribe:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 26px rgba(0,255,200,1);
}

/* Phone dropdown (if used) */
#mc_embed_signup select {
    border-radius: 10px !important;
}

/* Responses */
#mc_embed_signup #mce-success-response,
#mc_embed_signup #mce-error-response {
    color: #fcd34d !important;
    font-size: 14px !important;
    padding: 6px 0 !important;
    text-align: center !important;
}

/* Make it responsive */
@media (max-width: 600px) {
    #mc_embed_signup {
        width: 95% !important;
        padding: 18px !important;
    }
}



/* Make the top navigation bar full-width and evenly spaced */
#site-navigation, 
.main-navigation, 
.header-navigation {
    width: 100%;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    padding: 8px 20px;
    background: linear-gradient(to right, #000000, #4a5a48);
}

/* Ensure the logo/title stays left */
#site-navigation .site-branding,
.main-navigation .site-branding {
    display: flex;
    align-items: center;
}

/* Ensure the menu items stay right */
#site-navigation ul,
.main-navigation ul {
    display: flex !important;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Pretty hover effect (optional) */
#site-navigation a,
.main-navigation a {
    color: white;
    font-weight: 600;
    text-decoration: none;
}

#site-navigation a:hover,
.main-navigation a:hover {
    text-decoration: underline;
}


#mc-embedded-subscribe {
    padding-top: 6px !important;
}


/* Floating Camino Scroll Button */
.camino-scroll-link {
  text-decoration: none !important;
}

.camino-scroll-container {
  margin: 40px auto 10px;
  padding: 12px 26px;
  width: fit-content;
  border-radius: 999px;
  background: linear-gradient(135deg, #00c6ff, #4efedc);
  color: #020617;
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 0 26px rgba(78, 254, 220, 0.7);
  cursor: pointer;
  transition: transform 0.25s, box-shadow 0.25s;
  animation: caminoFloat 3.2s ease-in-out infinite;
}

.camino-scroll-container:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 0 36px rgba(0, 255, 220, 1);
}

.camino-scroll-text {
  background: linear-gradient(120deg, #020617, #0f172a);
  -webkit-background-clip: text;
  color: #020617;
}

.camino-scroll-arrow {
  font-size: 22px;
  animation: arrowBounce 1.4s infinite;
}

@keyframes caminoFloat {
  0% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}

@keyframes arrowBounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(5px); }
  100% { transform: translateY(0); }
}

/* Optional: smooth scrolling when clicked */
html {
  scroll-behavior: smooth;
}



/* 🌌 Blog Hero Section */
.jsm-blog-hero {
  background: radial-gradient(circle at top, #111827 0%, #0a0f1c 55%, #05070c 100%);
  padding: 70px 20px 80px;
  border-radius: 28px;
  margin-bottom: 40px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.6);
  position: relative;
  overflow: hidden;
}

.jsm-blog-hero::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle at top,
    rgba(0,198,255,0.25),
    transparent 40%,
    rgba(78,254,220,0.2),
    transparent 75%);
  opacity: 0.8;
  pointer-events: none;
}

.jsm-blog-inner {
  max-width: 850px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  text-align: center;
}

/* Title */
.jsm-blog-title {
  font-size: 48px;
  margin-bottom: 16px;
  color: #ffffff;
  background: linear-gradient(120deg, #fff, #a5f3fc, #c4b5fd);
  -webkit-background-clip: text;
  color: transparent;
  animation: glowShift 7s ease-in-out infinite;
}

/* Subtitle paragraphs */
.jsm-blog-subtitle {
  font-size: 18px;
  color: #cbd5e1;
  line-height: 1.7;
  margin-bottom: 18px;
}

/* Donate button */
.jsm-donate-box {
  margin-bottom: 32px;
}

.jsm-donate-btn-top {
  padding: 14px 32px;
  font-size: 17px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  background: linear-gradient(120deg, #facc15, #f97316, #fb923c);
  color: #1e1e1e;
  font-weight: 800;
  box-shadow: 0 0 22px rgba(255, 196, 40, 0.7);
  transition: 0.2s transform, 0.2s box-shadow, 0.2s filter;
}

.jsm-donate-btn-top:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 0 32px rgba(255, 196, 40, 1);
  filter: brightness(1.05);
}

.jsm-donate-note {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 8px;
}

/* Animation */
@keyframes glowShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .jsm-blog-title {
    font-size: 36px;
  }
  .jsm-blog-subtitle {
    font-size: 16px;
  }
}