/* Modern blog styles — aligned to A2Z red brand */
:root {
  --primary-gradient: linear-gradient(135deg, #E30613 0%, #8F0D16 100%);
  --secondary-gradient: linear-gradient(135deg, #121212 0%, #2a2a2a 100%);
  --text-primary: #121212;
  --text-secondary: #737373;
  --bg-light: #FAFAF8;
  --bg-white: #ffffff;
  --primary: #E30613;
}

.blog-page {
  background: var(--bg-white);
  color: var(--text-primary);
}

.blog-hero,
.cta-section,
.read-more-btn,
.registration-form,
.category-tag.active,
.pagination .page-item.active .page-link {
  background: var(--primary-gradient) !important;
  color: #fff !important;
}

a.read-more-btn,
a.read-more-btn:hover,
a.read-more-btn:focus,
a.read-more-btn:visited {
  color: #fff !important;
  text-decoration: none !important;
}

.blog-card {
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(18, 18, 18, 0.08);
}