/*
 * Tan Bao Phat canonical Article layer.
 *
 * Sources:
 * - WPCode 155
 * - Customizer CSS 8
 *
 * TBP owns the posts-page H1. Custom article content owns its single H1.
 */

/* ===== ARTICLE ARCHIVE ===== */

.blog .ct-container,
.archive .ct-container,
.category .ct-container {
  max-width: 1160px;
}

.blog .tbp-article-archive-header {
  margin: 0 0 32px;
}

.blog .tbp-article-archive-header h1 {
  margin: 8px 0 0;
  color: #0f172a;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
}

.blog .tbp-article-archive-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: #64748b;
  font-size: 13px;
}

.blog .tbp-article-archive-breadcrumb a {
  color: #ea580c;
  text-decoration: none;
}

.blog .tbp-article-archive-breadcrumb a:hover {
  text-decoration: underline;
}

.entries .entry-excerpt,
.entries article .entry-content > p:first-child,
.ct-blog .entry-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(2 * 1.65em);
}

/* ===== SINGLE ARTICLE ===== */

.single-post .entry-content {
  font-family: var(--theme-font-family, "Be Vietnam Pro"), -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* ===== ARTICLE SIDEBAR ===== */

.single-post .tbp-post-sidebar__box {
  background: #0f172a;
  border-radius: 16px;
  padding: 28px;
  color: #fff;
}

.single-post .tbp-post-sidebar__box h3,
.single-post .tbp-post-sidebar__box h4 {
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  margin-bottom: 12px;
}

.single-post .tbp-post-sidebar__box p,
.single-post .tbp-post-sidebar__box li {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.7;
}

.single-post .tbp-post-sidebar__box strong {
  color: rgba(255, 255, 255, 0.95);
}

.single-post .tbp-post-sidebar__box a {
  color: #93c5fd;
}

.single-post .tbp-post-sidebar__box a:hover {
  color: #fff;
}

.single-post .tbp-post-sidebar__box hr {
  border-color: rgba(255, 255, 255, 0.12);
}