/* nav-override.css - Blog navigation styling */

/* Force CTA button styles */
.navbar-light .navbar-nav .nav-link.cta,
.navbar-light .navbar-nav .nav-link.cta:link,
.navbar-light .navbar-nav .nav-link.cta:visited {
  background-color: #0d6efd !important;
  color: #ffffff !important;
  padding: 6px 20px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  transition: all .18s !important;
  margin-left: 8px !important;
  border: none !important;
}

.navbar-light .navbar-nav .nav-link.cta:hover,
.navbar-light .navbar-nav .nav-link.cta:focus,
.navbar-light .navbar-nav .nav-link.cta:active {
  background-color: #000000 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}

/* Regular nav links hover */
.navbar-light .navbar-nav .nav-link:not(.cta) {
  color: #000000 !important;
  transition: color .15s, background .15s !important;
  border-radius: 8px !important;
  padding: 7px 14px !important;
}

.navbar-light .navbar-nav .nav-link:not(.cta):hover {
  color: #000000 !important;
  background: rgba(0,0,0,.08) !important;
}

/* Active page styling */
.navbar-light .navbar-nav .nav-link.active:not(.cta) {
  color: #000000 !important;
  font-weight: 600 !important;
  background: rgba(0,0,0,.04) !important;
}

/* Mobile fix */
@media (max-width: 991.98px) {
  .navbar-light .navbar-nav .nav-link.cta {
    margin-left: 0 !important;
    margin-top: 8px !important;
    text-align: center !important;
  }
}