/* Blogs — orange premium theme overrides (loads after blogs.css) */
.blogs-page,
.blog-detail-page {
  --blog-accent: #f97316;
  --blog-accent-hover: #ea580c;
  --blog-accent-dark: #c2410c;
  --blog-accent-soft: #fef1e7;
  --blog-accent-pale: #fff7ed;
  --blog-accent-border: #fed7aa;
  --blog-ink: #3c3c3c;
  --blog-muted: #64748b;
}

/* ── Hero / first section ── */
.blogs-page #first-page {
  background: linear-gradient(180deg, var(--blog-accent-pale) 0%, #ffffff 72%);
  min-height: auto;
  height: auto;
  padding-bottom: 2.5rem;
}

.blogs-page #first-page .header-text h1 {
  color: var(--blog-ink);
}

.blogs-page #first-page .header-text p {
  color: var(--blog-muted);
}

.blogs-page #first-page .cards .highlight {
  background: var(--blog-accent);
  border: 1px solid var(--blog-accent-border);
}

.blogs-page #first-page .cards .info {
  border-color: var(--blog-accent-border);
}

.blogs-page #first-page .cards .info a {
  color: var(--blog-accent);
}

.blogs-page #first-page .cards .info a:hover {
  color: var(--blog-accent-hover);
}

/* ── Feature insights ── */
.blogs-page .feature-insights {
  background: #ffffff;
}

.blogs-page .feature-insights h1 {
  color: var(--blog-ink);
}

.blogs-page .feature-insights .category-buttons button {
  background: var(--blog-accent-pale);
  color: var(--blog-ink);
  border: 1px solid transparent;
}

.blogs-page .feature-insights .category-buttons button:hover {
  border-color: var(--blog-accent-border);
  color: var(--blog-accent);
}

.blogs-page .feature-insights .category-buttons button.active {
  background: var(--blog-accent);
  color: #ffffff;
}

.blogs-page .feature-insights .search-input:focus {
  border-color: var(--blog-accent);
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15);
}

.blogs-page .feature-insights .search-button {
  background: var(--blog-accent);
}

.blogs-page .feature-insights .search-button:hover {
  background: var(--blog-accent-hover);
}

.blogs-page .feature-insights .card {
  border-color: #eef0f3;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.blogs-page .feature-insights .card:hover {
  border-color: var(--blog-accent-border);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.08), 0 8px 10px -6px rgb(0 0 0 / 0.06);
  transform: translateY(-3px);
}

.blogs-page .feature-insights .card .card-header {
  background: var(--blog-accent);
}

.blogs-page .feature-insights .card .category {
  color: var(--blog-accent);
}

.blogs-page .feature-insights .card .read-more {
  color: var(--blog-accent);
  font-weight: 600;
}

.blogs-page .feature-insights .card .read-more:hover {
  color: var(--blog-accent-hover);
}

.blogs-page .show-more-btn {
  background: linear-gradient(135deg, var(--blog-accent) 0%, var(--blog-accent-dark) 100%);
}

.blogs-page .show-more-btn:hover {
  background: linear-gradient(135deg, var(--blog-accent-hover) 0%, var(--blog-accent-dark) 100%);
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.32);
}

/* ── Popups ── */
.blogs-page .blog-title {
  color: var(--blog-accent);
}

.blogs-page .subscribe-button:hover {
  background: var(--blog-accent);
  border-color: var(--blog-accent);
  color: #ffffff;
}

/* ── Blog detail page ── */
.blog-detail-page #blog-detail {
  background: linear-gradient(180deg, var(--blog-accent-pale) 0%, #ffffff 40%);
  padding-bottom: 3rem;
}

.blog-detail-page .read-more {
  color: var(--blog-accent);
}

.blog-detail-page .read-more:hover {
  color: var(--blog-accent-hover);
}

.blog-detail-page .card {
  border-color: var(--blog-accent-border);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 30px -18px rgba(15, 23, 42, 0.12);
}

.blog-detail-page .card-header {
  background: var(--blog-accent) !important;
}

.blog-detail-page .card-body .date {
  color: var(--blog-accent);
  font-weight: 600;
}