/* ================= HEADER + NAV ================== */

/* Force header + nav background to stay brown */
#masthead,
#masthead.site-header,
#masthead .header-nav-box,
.site-header,
.site-header.sticky-header {
  background-color: #e09b67 !important;
  transition: none !important;  /* stop fade to white */
  box-shadow: none !important;
  border: none !important;
}

/* Make sure text is readable */
#masthead .site-title a,
#masthead .site-description,
#masthead .header-nav-box a {
  color: #000 !important; /* black text */
}

/* Spread menu links equally across header */
#masthead .header-nav-box .row.py-3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Logo container */
#masthead .header-nav-box .row.py-3 > div:first-child {
  flex: 0 0 auto; /* keep natural width */
}

/* Menu container */
#masthead .header-nav-box .row.py-3 > div:last-child {
  flex: 1; 
  display: flex;
  justify-content: space-evenly; /* spread links equally */
  align-items: center;
  gap: 20px;
}

/* Menu links */
#masthead .header-nav-box a {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
  text-decoration: none;
  color: #000 !important;
}

/* Responsive stacking for smaller screens */
@media (max-width: 768px) {
  #masthead .header-nav-box .row.py-3 {
    flex-direction: column;
  }
  #masthead .header-nav-box .row.py-3 > div:last-child {
    flex-direction: column;
    width: 100%;
  }
  #masthead .header-nav-box a {
    flex: none;
    width: 100%;
  }
}

/* Increase spacing between each link (desktop only) */
#menu-ngo_main_primary-menu > li {
  margin: 0 30px;
}

/* ================= LEARN MORE BUTTONS ================== */

/* Force-correct Learn More button in cause boxes */
div.cause_btn a,
div.cause_btn a.px-3,
.cause_btn .px-3.py-2 {
  background: #e6caa5 !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  text-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 999 !important;
  display: inline-block !important;
  padding: 10px 18px !important;
  border-radius: 20px !important;
}

/* Remove any pseudo-element overlays that can hide text */
div.cause_btn a::before,
div.cause_btn a::after,
.cause_btn::before,
.cause_btn::after,
.cause_outer_btn a::before,
.cause_outer_btn a::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Hover state for the button */
div.cause_btn a:hover,
div.cause_btn a.px-3:hover,
.cause_btn .px-3.py-2:hover {
  background: #89a5bf !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Ensure '(more...)' link is plain text and not picking up button hover background */
.entry-content a.more-link,
.more-link,
a.more-link {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  text-decoration: none !important;
}

.more-link {
  display: none;
}

/* ================= EQUAL HEIGHT CARDS ================== */

#our_causes .row > [class*="col-"] {
  display: flex;
  align-items: stretch;
}

#our_causes .causes-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

#our_causes .cause-inner-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.our-causes-content .cause-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.our-causes-content .cause-inner-main,
.our-causes-content .inner-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Stick button at bottom + center it */
.our-causes-content .cause_btn {
  margin-top: auto !important;
  align-self: center;
  text-align: center;
}