/* HubCo blog – stilovi za sadržaj članka (uz glavni theme CSS) */

.blog-hero .btn-link {
  text-decoration: none;
}

.blog-featured-image {
  display: block;
  width: 100%;
}

.blog-article {
  width: 100%;
}

/* Sadržaj članka – theme klase + fallback bez klasa */
.article-content.hubco-blog-content,
.hubco-blog-content.article-content {
  color: var(--medium-gray);
  font-size: 17px;
  line-height: 1.85;
  font-family: var(--primary-font);
}

.article-content.hubco-blog-content h1,
.article-content.hubco-blog-content h2,
.article-content.hubco-blog-content h3,
.article-content.hubco-blog-content h4,
.article-content.hubco-blog-content h5,
.article-content.hubco-blog-content h6,
.hubco-blog-content h1,
.hubco-blog-content h2,
.hubco-blog-content h3,
.hubco-blog-content h4 {
  color: var(--dark-gray);
  font-family: var(--alt-font);
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-top: 2.25rem;
  margin-bottom: 1rem;
  line-height: 1.25;
}

.article-content.hubco-blog-content h2,
.hubco-blog-content h2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.article-content.hubco-blog-content h3,
.hubco-blog-content h3 {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
}

.article-content.hubco-blog-content p,
.hubco-blog-content p {
  margin-bottom: 1.25rem;
}

.article-content.hubco-blog-content ul,
.article-content.hubco-blog-content ol,
.hubco-blog-content ul,
.hubco-blog-content ol {
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
}

.article-content.hubco-blog-content li,
.hubco-blog-content li {
  margin-bottom: 0.5rem;
}

.article-content.hubco-blog-content a,
.hubco-blog-content a {
  color: var(--base-color);
  text-decoration: underline;
}

.article-content.hubco-blog-content a:hover,
.hubco-blog-content a:hover {
  color: var(--dark-gray);
}

.article-content.hubco-blog-content img,
.hubco-blog-content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 1.5rem 0;
}

.article-content.hubco-blog-content blockquote,
.hubco-blog-content blockquote {
  border-left: 4px solid var(--base-color);
  padding-left: 1.25rem;
  margin: 1.5rem 0;
  font-style: italic;
  opacity: 0.9;
}

/* FAQ / accordions iz AI sadržaja */
.article-content .accordion,
.hubco-blog-content .accordion {
  margin-bottom: 1.5rem;
}

.article-content strong,
.hubco-blog-content strong {
  color: var(--dark-gray);
  font-weight: 600;
}

#blog-posts-grid .blog-categories {
  top: 15px;
  left: 15px;
  right: auto;
}

#blog-active-tag {
  font-size: 15px;
  color: var(--dark-gray);
  opacity: 0.85;
}