/**
 * Event detail pages: isolate header “Donate Now” menu from UIkit + page CSS.
 * Load after uikit.min.css and navBar.css.
 */

.nav-section .seedout-donate-menu {
  isolation: isolate;
  position: relative;
  z-index: 35;
}

/* Donate trigger — not a UIkit/Bootstrap button */
.nav-section .seedout-donate-menu > .donate-btn {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  font-family: "Outfit", sans-serif;
  line-height: normal;
  text-transform: uppercase;
}

/* Dropdown shell */
.nav-section .seedout-donate-menu #menu,
.nav-section .seedout-donate-menu #menu .donate-main-div {
  font-family: "Outfit", sans-serif;
  box-sizing: border-box;
}

.nav-section .seedout-donate-menu #menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nav-section .seedout-donate-menu #menu .donate-nav,
.nav-section .seedout-donate-menu #menu .donate-tab-content {
  background-color: rgba(255, 255, 255, 0.95) !important;
  padding: 12px 21px !important;
  width: 326px !important;
  border-radius: 10px !important;
  box-shadow: 8px 4px 16px 0px #0000001a !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Override Bootstrap / UIkit .nav defaults inside donate panel only */
.nav-section .seedout-donate-menu #menu .donate-nav.nav,
.nav-section .seedout-donate-menu #menu .nav.flex-column {
  display: block !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}

.nav-section .seedout-donate-menu #menu .menu-btns-div .nav-link,
.nav-section .seedout-donate-menu #menu .menu-btns-div button.nav-link,
.nav-section .seedout-donate-menu #menu .menu-btns-div a.nav-link {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  width: 100% !important;
  text-align: left !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: inherit !important;
  padding: 8px 10px !important;
  margin: 0 0 4px 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  line-height: normal !important;
  cursor: pointer;
}

.nav-section .seedout-donate-menu #menu .menu-btns-div .nav-link h4 {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 30px !important;
  color: #000 !important;
  margin: 0 !important;
}

.nav-section .seedout-donate-menu #menu .menu-btns-div .nav-link p {
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  color: #5c5c5c !important;
  margin: 0 !important;
}

.nav-section .seedout-donate-menu #menu .nav-pills .nav-link.active,
.nav-section .seedout-donate-menu #menu .nav-pills .show > .nav-link,
.nav-section .seedout-donate-menu #menu .menu-btns-div .nav-link.active {
  background-color: var(--seedout-chocolate) !important;
  color: var(--seedout-chocolate-contrast) !important;
  border-color: transparent !important;
}

.nav-section .seedout-donate-menu #menu .menu-btns-div .nav-link.active h4,
.nav-section .seedout-donate-menu #menu .menu-btns-div .nav-link.active p {
  color: #fff !important;
}

.nav-section .seedout-donate-menu #menu .menu-btns-div .nav-link.active img {
  filter: brightness(0) invert(1) !important;
}

/* Sub-menu links */
.nav-section .seedout-donate-menu #menu .sub-menu-tab-div > ul > li > a {
  display: block !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #000 !important;
  padding: 3px 0 !important;
  background: transparent !important;
  border: none !important;
}

/* Bootstrap tabs — not UIkit transitions */
.nav-section .seedout-donate-menu #menu .tab-content .tab-pane.fade {
  transition: none !important;
}

.nav-section .seedout-donate-menu #menu .tab-content .tab-pane.fade:not(.show) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.nav-section .seedout-donate-menu #menu .tab-content .tab-pane.fade.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Right drawer: keep icon column fixed width (do not inherit donate-panel flex overrides) */
.nav-section .menu-li .main-menu .main-menu-ul > li > a.main-menu-nav-row .main-menu-nav-icon,
.nav-section .menu-li .main-menu .accordion-button > .main-menu-nav-icon {
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
}