/* Ashton Gray Capital — shared theme overrides for all learn/blog pages.
 * Overrides the main site's blue accent (#558fff) with the capital brand green (#7ee4b3).
 * Loaded by blog.njk, post.njk, author.njk, category.njk so every page matches index.njk. */

:root {
  --color-black: #050f0a;
  --rich-black: #050f0a;
  --bright-blue: #7ee4b3;
  --teal: #7ee4b3;
  --color-accent-main: #7ee4b3;
  --color-accent-alt: #115740;
  --color-black-rgb: 5, 15, 10;
  --color-accent-main-rgb: 126, 228, 179;
  --color-accent-alt-rgb: 17, 87, 64;
  --gradient-blue: #7ee4b3;
  --gradient-blue-hover: #7ee4b3;
}

/* ── DESKTOP NAV HOVER ─────────────────────────────────────────────────────── */

nav ul li a:hover {
  color: #7ee4b3 !important;
  box-shadow: 0 0 4px rgba(126, 228, 179, 0.5) !important;
}

.nav-item a:hover:not(.dropdown-item) {
  background: rgba(126, 228, 179, 0.15) !important;
  color: #7ee4b3 !important;
}

.dropdown-trigger:hover {
  background: rgba(126, 228, 179, 0.15) !important;
  color: #7ee4b3 !important;
  box-shadow: 0 0 4px rgba(126, 228, 179, 0.5) !important;
}

.dropdown-item:hover {
  background: transparent !important;
}

.dropdown-item-text::after {
  background: linear-gradient(90deg, #7ee4b3, #7ee4b3) !important;
}

/* ── MOBILE NAV HOVER ──────────────────────────────────────────────────────── */

.nav-item-mobile a:hover {
  background: rgba(126, 228, 179, 0.15) !important;
  color: #7ee4b3 !important;
}

.mobile-dropdown-trigger:hover {
  background: rgba(126, 228, 179, 0.2) !important;
  color: #7ee4b3 !important;
}

.mobile-dropdown-item:hover {
  color: #7ee4b3 !important;
}

.mobile-nav-item .full-width:hover {
  background: rgba(126, 228, 179, 0.2) !important;
  color: #7ee4b3 !important;
}

/* ── INVESTOR PORTAL LINK (navfundservices.com) ────────────────────────────── */

/* Desktop */
a[href*='navfundservices.com'],
.investor-portal-link {
  color: #7ee4b3 !important;
  background: rgba(126, 228, 179, 0.1);
  border: 1px solid rgba(126, 228, 179, 0.2) !important;
}

a[href*='navfundservices.com']:hover,
.investor-portal-link:hover {
  background: rgba(126, 228, 179, 0.2) !important;
  color: #7ee4b3 !important;
  box-shadow: 0 0 8px rgba(126, 228, 179, 0.4) !important;
  border-color: rgba(126, 228, 179, 0.4) !important;
}

/* Mobile */
.mobile-nav-item a[href*='navfundservices.com'],
.mobile-investor-portal-link {
  color: #7ee4b3 !important;
  background: rgba(126, 228, 179, 0.1);
  border: 1px solid rgba(126, 228, 179, 0.2) !important;
}

.mobile-nav-item a[href*='navfundservices.com']:hover,
.mobile-investor-portal-link:hover {
  background: rgba(126, 228, 179, 0.2) !important;
  color: #7ee4b3 !important;
  box-shadow: 0 0 8px rgba(126, 228, 179, 0.4) !important;
  border-color: rgba(126, 228, 179, 0.4) !important;
}

/* ── FOOTER ────────────────────────────────────────────────────────────────── */

/* Address marker icon */
.address-line i {
  color: #7ee4b3 !important;
}

/* Phone number */
.footer-phone {
  color: #7ee4b3 !important;
}

.footer-phone:hover {
  color: #7ee4b3 !important;
}

/* Social icon hover background (::after pseudo-element scales in on hover) */
.social-link::after {
  background-color: #7ee4b3 !important;
}

/* Icon colour on hover should be dark green (contrasts with green bg) */
.social-link:hover i {
  color: #050f0a !important;
}

/* Legal links (Privacy Policy / Terms of Use) */
.footer-legal a:hover {
  color: #7ee4b3 !important;
}