/*
Theme Name: itsaigon
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ===== TIÊU ĐỀ DANH MỤC ===== */
.archive .page-title,
.blog .page-title,
.archive-page-header .page-title{
  font-family:var(--font-heading,inherit); font-weight:800;
  color:var(--vt-blue,#1466dc); text-transform:uppercase; letter-spacing:.5px;
  position:relative; display:inline-block; padding-bottom:14px;
}
.archive .page-title::after,
.blog .page-title::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0;
  width:60px; height:4px; border-radius:2px; background:var(--vt-orange,#ff6a00);
}

/* ===== TỪNG BÀI VIẾT (archive) ===== */
.archive #content article.post,
.blog #content article.post{
  background:#fff; border:1px solid #eef1f5; border-radius:16px;
  padding:16px; margin-bottom:26px; overflow:hidden;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.archive #content article.post:hover,
.blog #content article.post:hover{
  transform:translateY(-4px); box-shadow:0 18px 42px rgba(14,42,71,.12); border-color:#e2e9f2;
}

/* Ảnh bo góc + zoom */
.archive #content article.post .entry-image,
.archive #content article.post .box-image{ border-radius:12px; overflow:hidden; }
.archive #content article.post img{ transition:transform .55s ease; }
.archive #content article.post:hover img{ transform:scale(1.05); }

/* Badge ngày tháng → brand */
.archive #content article.post .badge .badge-inner,
.archive #content article.post .badge{
  background:var(--vt-blue,#1466dc) !important; color:#fff !important;
  border:none !important; border-radius:10px !important; box-shadow:0 6px 16px rgba(20,102,220,.28);
}
.archive #content article.post .badge .day,
.archive #content article.post .badge .month{ color:#fff !important; }

/* Tiêu đề bài */
.archive #content article.post .entry-title,
.blog #content article.post .entry-title{
  font-family:var(--font-heading,inherit); font-weight:800; line-height:1.35;
}
.archive #content article.post .entry-title a{ color:var(--vt-heading,#0e2a47); }
.archive #content article.post:hover .entry-title a{ color:var(--vt-blue,#1466dc); }

/* Gạch nhấn nhỏ dưới tiêu đề (thay divider mờ) */
.archive #content article.post .entry-divider,
.archive #content article.post .is-divider{
  background:var(--vt-orange,#ff6a00) !important; height:3px !important; width:48px !important; opacity:1 !important; margin:10px 0 12px;
}

/* Đoạn trích */
.archive #content article.post .entry-content,
.archive #content article.post .from_the_blog_excerpt{
  color:#65758a; font-size:14.5px; line-height:1.7;
}

/* Nút đọc tiếp nếu có */
.archive #content article.post .more-link,
.archive #content article.post .read-more{
  color:var(--vt-blue,#1466dc); font-weight:700;
}
.archive #content article.post .more-link:hover{ color:var(--vt-orange,#ff6a00); }
/* ===== TIÊU ĐỀ WIDGET (Tìm kiếm / Bài viết mới ...) ===== */
.sidebar-inner .widget-title,
#secondary .widget-title,
.blog-sidebar .widget-title{
  position:relative; font-family:var(--font-heading,inherit);
  font-weight:800; color:var(--vt-blue,#1466dc); padding-bottom:12px; margin-bottom:18px;
}
.sidebar-inner .widget-title::after,
#secondary .widget-title::after,
.blog-sidebar .widget-title::after{
  content:""; position:absolute; left:0; bottom:0;
  width:46px; height:4px; border-radius:2px; background:var(--vt-orange,#ff6a00);
}

/* Khoảng cách giữa các widget */
.sidebar-inner .widget,
#secondary .widget{ margin-bottom:34px; }

/* ===== Ô TÌM KIẾM ===== */
.sidebar-inner .searchform,
.sidebar-inner .search-form,
.sidebar-inner form[role="search"]{ display:flex; gap:8px; }
.sidebar-inner .searchform input[type="search"],
.sidebar-inner .search-form input[type="search"],
.sidebar-inner form[role="search"] input.search-field{
  flex:1; height:46px; padding:0 14px; border:1.5px solid #e3e8ef; border-radius:10px;
  background:#f9fbfd; font-size:14px; transition:.2s;
}
.sidebar-inner .searchform input[type="search"]:focus,
.sidebar-inner form[role="search"] input.search-field:focus{
  border-color:var(--vt-blue,#1466dc); background:#fff; box-shadow:0 0 0 3px rgba(20,102,220,.12); outline:none;
}
.sidebar-inner .searchform button,
.sidebar-inner .search-form button,
.sidebar-inner form[role="search"] button,
.sidebar-inner form[role="search"] .button{
  height:46px; padding:0 18px; border:none; border-radius:10px;
  background:var(--vt-blue,#1466dc) !important; color:#fff !important; font-weight:700; cursor:pointer; transition:.2s;
}
.sidebar-inner .searchform button:hover,
.sidebar-inner form[role="search"] button:hover{ background:var(--vt-orange,#ff6a00) !important; }

/* ===== BÀI VIẾT MỚI ===== */
.sidebar-inner .widget_recent_entries ul,
.sidebar-inner .widget_recent_entries ol{ list-style:none; margin:0; padding:0; }
.sidebar-inner .widget_recent_entries li{
  padding:12px 0; border-bottom:1px solid #eef1f5; line-height:1.5;
}
.sidebar-inner .widget_recent_entries li:last-child{ border-bottom:none; }
.sidebar-inner .widget_recent_entries a{
  color:var(--vt-heading,#0e2a47); font-size:14px; font-weight:600; transition:color .2s;
  display:inline-flex; gap:8px;
}
.sidebar-inner .widget_recent_entries li::before{
  content:"\203A"; color:var(--vt-orange,#ff6a00); font-weight:800; margin-right:8px;
}
.sidebar-inner .widget_recent_entries a:hover{ color:var(--vt-blue,#1466dc); }

/* Mobile */
@media (max-width:767px){
  .archive .page-title,.blog .page-title{ font-size:22px; }
}/* ═══════════ HEADER BÀI VIẾT ═══════════ */

/* Nhãn danh mục nhỏ (TIN TỨC) trên tiêu đề */
.single-post .entry-header .cat-links a,
.single-post .post-category a,
.single-post .entry-meta .meta-category a,
.single-post .blog-post-categories a{
  color:var(--vt-blue,#1466dc); font-weight:700; font-size:12px;
  letter-spacing:1px; text-transform:uppercase;
}

/* Tiêu đề bài */
.single-post .entry-title{
  font-family:var(--font-heading,inherit); font-weight:800; line-height:1.25;
  color:var(--vt-heading,#0e2a47); margin:6px 0 12px;
}

/* Meta: Đăng vào ... bởi ... */
.single-post .entry-meta{
  font-size:12.5px; color:#8a97a6; text-transform:uppercase; letter-spacing:.5px;
}
.single-post .entry-meta a{ color:var(--vt-blue,#1466dc); font-weight:600; }
.single-post .entry-meta a:hover{ color:var(--vt-orange,#ff6a00); }

/* Badge ngày → brand */
.single-post .badge .badge-inner,
.single-post .badge{
  background:var(--vt-blue,#1466dc)!important; color:#fff!important; border:none!important;
  border-radius:10px!important; box-shadow:0 6px 16px rgba(20,102,220,.28);
}
.single-post .badge .day,
.single-post .badge .month{ color:#fff!important; }

/* ═══════════ NỘI DUNG BÀI ═══════════ */
.single-post .entry-content{ font-size:16px; line-height:1.85; color:#33414f; }
.single-post .entry-content p{ margin:0 0 18px; }
.single-post .entry-content strong{ color:var(--vt-heading,#0e2a47); }

/* Heading trong bài — H2 có vạch cam */
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4{
  font-family:var(--font-heading,inherit); font-weight:800; color:var(--vt-heading,#0e2a47);
  line-height:1.3; margin:34px 0 14px;
}
.single-post .entry-content h2{ font-size:24px; position:relative; padding-left:16px; }
.single-post .entry-content h2::before{
  content:""; position:absolute; left:0; top:4px; bottom:4px; width:5px;
  border-radius:3px; background:var(--vt-orange,#ff6a00);
}
.single-post .entry-content h3{ font-size:20px; color:var(--vt-blue,#1466dc); }
.single-post .entry-content h4{ font-size:17px; }

/* Link trong bài */
.single-post .entry-content a{
  color:var(--vt-blue,#1466dc); font-weight:600;
  text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px;
}
.single-post .entry-content a:hover{ color:var(--vt-orange,#ff6a00); }

/* Danh sách UL — dấu vuông cam */
.single-post .entry-content ul{ margin:0 0 18px; padding-left:2px; }
.single-post .entry-content ul li{
  list-style:none; position:relative; padding-left:26px; margin-bottom:10px;
}
.single-post .entry-content ul li::before{
  content:""; position:absolute; left:4px; top:9px; width:8px; height:8px;
  border-radius:2px; background:var(--vt-orange,#ff6a00); transform:rotate(45deg);
}
/* Danh sách OL — số xanh */
.single-post .entry-content ol{ margin:0 0 18px; padding-left:22px; }
.single-post .entry-content ol li{ margin-bottom:10px; }
.single-post .entry-content ol li::marker{ color:var(--vt-blue,#1466dc); font-weight:800; }

/* Ảnh trong bài — bo góc + bóng nhẹ */
.single-post .entry-content img{ border-radius:14px; box-shadow:0 12px 34px rgba(14,42,71,.12); height:auto; }
.single-post .entry-content figure{ margin:24px 0; }
.single-post .entry-content figcaption{ text-align:center; font-size:13px; color:#8a97a6; margin-top:8px; }

/* Trích dẫn */
.single-post .entry-content blockquote{
  margin:24px 0; padding:18px 22px; border-left:4px solid var(--vt-orange,#ff6a00);
  background:#f6f8fb; border-radius:0 12px 12px 0; color:var(--vt-heading,#0e2a47); font-style:italic;
}
.single-post .entry-content blockquote p:last-child{ margin:0; }

/* ═══════════ TAGS / CHIA SẺ / LIÊN QUAN / ĐIỀU HƯỚNG ═══════════ */

/* Tags dạng pill */
.single-post .tagcloud a,
.single-post .tagged_as a{
  display:inline-block; padding:6px 14px; margin:0 6px 8px 0; border-radius:30px;
  background:#eaf2ff; color:var(--vt-blue,#1466dc); font-size:12px; font-weight:700;
  text-decoration:none; transition:.2s;
}
.single-post .tagcloud a:hover,
.single-post .tagged_as a:hover{ background:var(--vt-blue,#1466dc); color:#fff; }

/* Icon chia sẻ */
.single-post .social-icons a:hover{
  background:var(--vt-blue,#1466dc)!important; border-color:var(--vt-blue,#1466dc)!important;
  color:#fff!important; transform:translateY(-2px);
}

/* Heading "Bài viết liên quan" */
.single-post .related h3,
.single-post .related-posts h3,
.single-post .row-related h3{
  position:relative; font-family:var(--font-heading,inherit); font-weight:800;
  color:var(--vt-blue,#1466dc); padding-bottom:12px; margin-bottom:22px;
}
.single-post .related h3::after,
.single-post .related-posts h3::after{
  content:""; position:absolute; left:0; bottom:0; width:52px; height:4px;
  border-radius:2px; background:var(--vt-orange,#ff6a00);
}

/* Điều hướng bài trước / sau */
.single-post .nav-links a,
.single-post .post-navigation a{ color:var(--vt-blue,#1466dc); font-weight:600; }
.single-post .nav-links a:hover,
.single-post .post-navigation a:hover{ color:var(--vt-orange,#ff6a00); }

/* Mobile */
@media (max-width:767px){
  .single-post .entry-title{ font-size:24px; }
  .single-post .entry-content{ font-size:15px; line-height:1.8; }
  .single-post .entry-content h2{ font-size:21px; }
  .single-post .entry-content h3{ font-size:18px; }
}.price-wrapper {
    display: none !important;
}/* Nút "Nhận báo giá" trên card (loại nút không phải add-to-cart) */
.woocommerce ul.products li.product .button:not(.add_to_cart_button),
.woocommerce ul.products li.product a.button:not(.add_to_cart_button){
  background:var(--vt-blue,#1466dc) !important;
  border:none !important;
  color:#fff !important;
  border-radius:8px !important;
  font-weight:700;
  padding:9px 18px !important;
  letter-spacing:.2px;
  transition:all .22s ease;
}
.woocommerce ul.products li.product .button:not(.add_to_cart_button):hover{
  background:var(--vt-orange,#ff6a00) !important;
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(255,106,0,.28);
}