/* Custom Brand Gradient Button */
.btn-gradient-brand {
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  border: none;
  color: #fff;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

.btn-gradient-brand:hover {
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
  transform: translateY(-2px);
}

.btn-gradient-brand:active {
  background: linear-gradient(135deg, #1d4ed8 0%, #6d28d9 100%);
  transform: translateY(0);
}

.btn-gradient-brand:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}

/* Mobile header: logo left, hamburger right, compact height */
@media (max-width: 1199.98px) {
  nav.sticky-header {
    padding: 12px 0 !important;
  }
  nav.sticky-header .navbar-brand {
    margin-inline-start: auto !important;
  }
  nav.sticky-header .navbar-brand img {
    width: 160px !important;
    height: auto !important;
  }
}

/* Blog rich content: keep body images inside the content column */
.blog-details-wrap img {
  max-width: 100%;
  height: auto;
}