/* ==========================================================================
   Anh Quốc Limousine — fix pack 2026-04 (child theme)
   File riêng biệt, enqueue sau style.css. An toàn tuyệt đối:
   - Không override file gốc
   - Có thể xoá file này để rollback toàn bộ
   - Chỉ dùng class đã có trên HTML, không yêu cầu edit template
   ========================================================================== */

/* =========================================================================
   D1 · Author bio block ("Anh Quốc Limousine — Nhà xe uy tín ... giá tốt")
   Yêu cầu (xlsx row 75): "cho phần này to lên"
   Target: .single-post .class-author — áp dụng cho tất cả bài blog
   ========================================================================= */
.single-post .class-author .author { padding: 28px 28px; }

.single-post .class-author .author .author-top { gap: 20px; }

.single-post .class-author .author .author-top .author-image {
  width: 120px;
  height: 120px;
  flex: 0 0 120px;
}

.single-post .class-author .author .author-top .author-name {
  width: calc(100% - 140px);
}

.single-post .class-author .author .author-top .author-name h3 {
  font-size: 1.75rem;
  line-height: 1.2;
  margin-bottom: 4px;
}

.single-post .class-author .author .author-top .author-name .author-job {
  font-size: 1.05rem;
  color: #64748b;    /* slate-500 — muted, not flashy orange */
  font-weight: 600;
}

.single-post .class-author .author .author-top .author-name .short-des,
.single-post .class-author .author .author-top .author-name .short-des p {
  font-size: 15px !important;   /* override file gốc đang để 10px */
  line-height: 1.55;
}

@media (max-width: 767px) {
  .single-post .class-author .author .author-top .author-image {
    width: 96px;
    height: 96px;
    flex: 0 0 96px;
  }
  .single-post .class-author .author .author-top .author-name {
    width: 100%;
  }
  .single-post .class-author .author .author-top .author-name h3 {
    font-size: 1.4rem;
  }
}

/* =========================================================================
   D2 · Related-posts box — Vietnix style
   Container đã render từ shortcode [eg_related_posts] -> .eg-related-wrapper
   Hiện đang grey; đổi sang border cam + background cam nhạt
   ========================================================================= */
.single-post .eg-related-wrapper {
  background-color: #fffbf5;
  border: 2px solid #fed7aa;
  border-radius: 12px;
  padding: 20px 24px;
  margin: 28px 0;
}

.single-post .eg-related-wrapper .eg-related-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  color: #c2410c;
  margin: 0 0 12px;
}

.single-post .eg-related-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.single-post .eg-related-wrapper ul li {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

.single-post .eg-related-wrapper ul li .recent-blog-posts a {
  font-size: 1.05rem;
  color: #334155;    /* slate-700 for readable text */
  font-weight: 600;
  text-decoration: none;
  line-height: 1.4;
}

.single-post .eg-related-wrapper ul li .recent-blog-posts a:hover {
  color: #c2410c;
  text-decoration: underline;
}

/* Ẩn phần thumbnail + comment count trong related (Vietnix chỉ show tiêu đề bullet) */
.single-post .eg-related-wrapper ul li .badge.post-date,
.single-post .eg-related-wrapper ul li .post_comments {
  display: none !important;
}

.single-post .eg-related-wrapper ul li .recent-blog-posts,
.single-post .eg-related-wrapper ul li .recent-blog-posts a {
  padding: 0 !important;
}

/* Thêm mũi tên ::before cho cả thẻ li và thẻ a (nếu bạn muốn mũi tên dính liền vào link) */
.single-post .eg-related-wrapper ul li::before,
.single-post .eg-related-wrapper ul li .recent-blog-posts a::before {
  content: "›";
  color: #c2410c;
  font-weight: 700;
  margin-right: 8px;
  font-size: 1.2em;
}

/* =========================================================================
   D3 · 6 Feature cards on homepage (Ghế Boeing, Nhiều ưu đãi, ...)
   Yêu cầu: thu container hẹp lại, text + icon to ra, khoảng cách dọc giảm
   Target: body.home .icon-box.featured-box.icon-box-center
   ========================================================================= */
body.home .icon-box.featured-box.icon-box-center {
  padding: 20px 12px;
}

body.home .icon-box.featured-box.icon-box-center .icon-box-img {
  width: 72px !important;   /* icon lớn hơn */
  height: 72px !important;
  margin: 0 auto 12px;
}

body.home .icon-box.featured-box.icon-box-center .icon-box-img img,
body.home .icon-box.featured-box.icon-box-center .icon-box-img svg {
  width: 100% !important;
  height: 100% !important;
}

body.home .icon-box.featured-box.icon-box-center .icon-box-text h4 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.35;
}

/* Thu hẹp khoảng cách dọc giữa các hàng card */
body.home .icon-box.featured-box.icon-box-center {
  margin-bottom: 16px !important;
}

@media (min-width: 1200px) {
  /* Thu container hẹp hơn trên desktop (chỉ section có 6 card này,
     không đụng container khác vì ràng selector bởi body.home) */
  body.home section:has(.icon-box.featured-box.icon-box-center) .row-container,
  body.home section:has(.icon-box.featured-box.icon-box-center) .container {
    max-width: 960px;
  }
}

/* =========================================================================
   D4 · Banner-ads-image "LUÔN ĐỒNG HÀNH CÙNG BẠN"
   Yêu cầu: mở rộng chiều ngang một chút
   Target: .single-post .banner-ads-image
   ========================================================================= */
.single-post .banner-ads-image {
  margin-left: -24px;
  margin-right: -24px;
}

.single-post .banner-ads-image img {
  width: 100%;
  max-width: none;
  height: auto;
  border-radius: 8px;
}

@media (max-width: 767px) {
  .single-post .banner-ads-image {
    margin-left: 0;
    margin-right: 0;
  }
}

/* =========================================================================
   D5 · Table of Contents (easy-table-of-contents plugin)
   Yêu cầu (xlsx row 182):
   - Click mục lục ko sinh link (ko đổi URL) — xử lý bằng JS trong aq-fixes.js
   - Dùng màu cam AQ (#c2410c)
   - Đặt TOC bên trái sidebar sticky (desktop only)
   ========================================================================= */

/* Màu cam AQ override màu secondary cũ */
.single-post #ez-toc-container.ez-toc-container,
.single-post #ez-toc-container {
  background: #fffbf5 !important;
  border: 2px solid #fed7aa !important;
  border-radius: 10px;
  padding: 18px 20px;
}

.single-post #ez-toc-container .ez-toc-title,
.single-post #ez-toc-container .ez-toc-box-title {
  color: #c2410c !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background-color: transparent !important;
  position: static !important;
  border: none !important;
  padding: 0 0 10px 0 !important;
  margin: 0 0 10px !important;
  border-bottom: 1px solid #fed7aa !important;
}

.single-post #ez-toc-container a,
.single-post #ez-toc-container nav ul li a {
  color: #334155 !important;    /* slate-700 for readable text, not orange */
  font-weight: 500;
  line-height: 1.6;
  text-decoration: none;
}

.single-post #ez-toc-container a:hover {
  color: #c2410c !important;    /* orange accent on hover */
  text-decoration: underline;
}

.single-post #ez-toc-container nav ul li {
  padding: 3px 0;
}


/* =========================================================================
   AQ_FIXES_TOC_COL_CSS_V4 · TOC left sidebar — grid 3+6+3 = 12 cols
   IMPORTANT: Right sidebar (.post-sidebar.large-3.col) is NEVER modified.
   Only .large-9.col (article) shrinks to 50% to make room for TOC on left.

   Layout when JS adds .aq-has-toc-row:
     .large-3.col.aq-toc-col  (TOC, 25%)  |  .large-9.col → 50%  |  .post-sidebar.large-3.col (25%, unchanged)
   ========================================================================= */
@media (min-width: 1200px) {
  /* Article shrinks 75% → 50% ONLY when TOC col is prepended.
     Right sidebar stays at its native .large-3 (25%) — not touched. */
  .single-post .aq-has-toc-row > .large-9.col {
    flex-basis: 50% !important;
    max-width: 50% !important;
  }

  .single-post .aq-toc-col {
    padding: 0 !important;
  }

  /* Sticky top 140px to clear Flatsome sticky-jump header.
     +32px for body.admin-bar (logged-in admin view) */
  .single-post .aq-toc-sidebar {
    position: sticky;
    top: 140px;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
  }
  body.admin-bar .single-post .aq-toc-sidebar {
    top: 172px;
    max-height: calc(100vh - 192px);
  }

  /* Reset plugin-level positioning when TOC lives inside sidebar wrapper */
  .single-post .aq-toc-sidebar #ez-toc-container {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
  }
}
.eg-related-list__item a{
  color: #333!important;
}
html::before { content: ""; /* marker: aq-fixes.css v1 loaded */ }