/* =====================================================================
   Brand overrides for plugin surfaces so they match the ZJUAA theme.
   Plain CSS (not Tailwind) — these target plugin-generated markup.
   Plugins: Ultimate Member, The Events Calendar, GiveWP, Fluent Forms.
   ===================================================================== */

:root {
  --zju-blue: #003F87;
  --zju-blue-dark: #002C5F;
  --zju-blue-light: #1A5FAA;
  --zju-gold: #C4972F;
}

/* Give plugin content room below the fixed nav + center it in a card.
   UM / Events / Give pages render inside .entry-content (page.php) or the
   plugin's own wrapper; add comfortable spacing. */
.um, .tribe-common, .give-form-wrap, .fluentform {
  font-family: "Noto Sans SC", "Sora", sans-serif;
}

/* ---------- Ultimate Member ---------- */
.um .um-button,
.um .um-button.um-alt,
.um-modal-btn {
  background: var(--zju-blue) !important;
  border-color: var(--zju-blue) !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
  transition: background .2s, transform .2s !important;
}
.um .um-button:hover,
.um-modal-btn:hover {
  background: var(--zju-blue-dark) !important;
  transform: translateY(-1px);
}
.um .um-field-area input,
.um .um-field-area select,
.um .um-field-area textarea {
  border-radius: 12px !important;
  border-color: #e2e8f0 !important;
}
.um a { color: var(--zju-blue-light); }
.um .um-col-alt { background: #f8fafc !important; border-radius: 16px; }
.um-account-side .um-account-nav a.current,
.um-account-side .um-account-tab a:hover { color: var(--zju-gold) !important; }

/* ---------- The Events Calendar (TEC 6 uses CSS vars) ---------- */
.tribe-common {
  --tec-color-accent-primary: var(--zju-blue);
  --tec-color-accent-primary-hover: var(--zju-blue-dark);
  --tec-color-accent-primary-active: var(--zju-blue-dark);
  --tec-color-accent-primary-multiday: rgba(0,63,135,0.24);
  --tec-color-background-events: transparent;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button,
.tribe-events-calendar-list__event-datetime { color: var(--zju-blue); }
.single-tribe_events { padding-top: 1rem; }

/* Archive (/events/) gets our hero + white panel via the tribe_events_before/after
   filters; ensure the panel text is dark and readable. */
.zjuaa-tec-panel { color: #1e293b; }
.zjuaa-tec-panel .tribe-common { --tec-color-text-primary: #1e293b; }

/* Single event pages bypass the filters above — give them a white panel that
   clears the fixed nav so text isn't dark-on-dark / hidden under the header. */
.single-tribe_events #main {
  background: #ffffff;
  padding-top: 104px;
  padding-bottom: 3rem;
  min-height: 70vh;
}
.single-tribe_events #main .tribe-events,
.single-tribe_events #main { color: #1e293b; }

/* ---------- GiveWP ---------- */
.give-form .give-btn,
.give-submit, input.give-submit, .give-donation-amount .give-btn {
  background: var(--zju-gold) !important;
  border-color: var(--zju-gold) !important;
  color: var(--zju-blue-dark) !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
}
.give-form .give-btn:hover, .give-submit:hover { filter: brightness(1.05); }
#give-purchase-button { background: var(--zju-blue) !important; color:#fff !important; }

/* ---------- Fluent Forms ---------- */
.fluentform .ff-btn-submit,
.fluentform .ff_btn_style {
  background: var(--zju-blue) !important;
  border-color: var(--zju-blue) !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
}
.fluentform input, .fluentform textarea, .fluentform select {
  border-radius: 12px !important;
}

/* On dark pages, plugin content sits in the light .entry-content panel from
   page.php — ensure good contrast for plugin text there. */
.entry-content .um,
.entry-content .give-form-wrap,
.entry-content .fluentform { color: #334155; }