/* Global theme overrides shared by Razor pages and member SPA */

/* ── Header ────────────────────────────────────────────────────── */
/* Nav link colours */
.main-menu nav ul li a {
  color: #1a2e52 !important;
}

.main-menu nav ul li a:hover {
  color: #09cc7f !important;
}

.header-area .header-top ul li,
.header-area .header-top ul li a {
  color: #374151;
}

.footer-wrapper {
  background: #111827;
}

.footer-area,
.footer-bottom-area {
  background: transparent;
}

.footer-area .footer-logo h4,
.footer-area .footer-tittle h4,
.footer-area .footer-logo p,
.footer-area .footer-tittle ul li,
.footer-area .footer-tittle ul li p,
.footer-bottom-area .footer-copy-right p {
  color: #e5e7eb;
}

.footer-area .footer-tittle ul li a,
.footer-bottom-area .footer-social > a {
  color: #f9fafb;
}

.footer-area .footer-tittle ul li a:hover,
.footer-bottom-area .footer-social > a:hover {
  color: #09cc7f;
}

.footer-bottom-area .footer-border {
  border-top-color: rgba(229, 231, 235, 0.25);
}

/* ── Plain link colour fix ─────────────────────────────────────────
   The theme sets a:hover { color: #fff } globally, which makes links
   invisible on light backgrounds. Restore sensible hover colours for
   links that are not inside the dark header/footer areas.
────────────────────────────────────────────────────────────────── */
main a:not(.btn) {
  color: #09a567;
}
main a:not(.btn):hover {
  color: #07734a;
  text-decoration: underline;
}


   The theme adds a sliding ::before overlay with a cubic-bezier
   bounce. Suppress it and restore sensible Bootstrap-style buttons.
────────────────────────────────────────────────────────────────── */

/* Kill the bounce-wipe overlay entirely */
.btn::before {
  display: none !important;
}

/* Base reset: rounded corners, consistent padding, simple transition */
.btn {
  border-radius: 6px !important;
  padding: 0.55rem 1.6rem !important;
  line-height: 1.5 !important;
  margin: 0.25rem !important;
  overflow: visible !important;
  transition: background-color 0.18s ease, border-color 0.18s ease,
              color 0.18s ease, box-shadow 0.18s ease !important;
}

/* Size modifiers restore reasonable large/small padding */
.btn-lg {
  padding: 0.7rem 2rem !important;
  font-size: 1rem !important;
  border-radius: 8px !important;
}

.btn-sm {
  padding: 0.3rem 0.9rem !important;
  font-size: 0.85rem !important;
  border-radius: 5px !important;
}

/* Primary — keep the site's green */
.btn-primary {
  background-color: #09cc7f !important;
  border: 2px solid #09cc7f !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #07b570 !important;
  border-color: #07b570 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(9, 204, 127, 0.35) !important;
}

/* Outline-light — transparent with white border (used on dark/image bgs) */
.btn-outline-light {
  background-color: transparent !important;
  border: 2px solid rgba(255, 255, 255, 0.85) !important;
  color: #fff !important;
}
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: #fff !important;
  color: #fff !important;
}

/* Light — white button for use on the green CTA band */
.btn-light {
  background-color: #fff !important;
  border: 2px solid #fff !important;
  color: #07a567 !important;
  font-weight: 600 !important;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
  background-color: #f0fdf8 !important;
  border-color: #f0fdf8 !important;
  color: #07a567 !important;
}