/*
Theme Name: Tây Nam Solutions Child
Theme URI: https://taynamsolution.vn/
Description: Cảm ơn bạn đã sử dụng dịch vụ của Tây Nam Solutions. Nghiêm cấm sao chép và phát hành lại với mọi hình thức.
Author: Minh Nhựt
Author URI: https://nhut.me/
Version: 1.1.5
Text Domain: tns-child
Template: tns
*/


/* ======================================================
   1) FIX CLICK BLOG / RELATED bị đè overlay services
   - KHÔNG dùng z-index khủng để tránh đè header
====================================================== */

.related-posts-section,
#service-top-section,
#service-bottom-section {
  position: relative !important;
  z-index: 50 !important;
}

/* wrapper chung không cần z-index lớn */
.single-wrapper,
.home-content {
  position: relative !important;
  z-index: auto !important;
}

/* tắt bắt click cho lớp nền services gây đè */
.services-section,
.services-section::before,
.services-section::after,
.services-overlay,
.services-bg,
.services-title-bg {
  pointer-events: none !important;
}

/* mở lại click/drag cho swiper services */
.services-swiper,
.services-swiper * {
  pointer-events: auto !important;
}


/* ======================================================
   2) FIX MENU fixed đè lên nội dung single
====================================================== */
body.single,
body.single-post,
body.single-blog {
  padding-top: 100px !important; /* chỉnh theo chiều cao header của fen */
}


/* ======================================================
   3) FIX Table of Contents (Mục lục) né menu
   - hỗ trợ nhiều plugin TOC phổ biến
====================================================== */

.toc_container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
#toc_container,
#ez-toc-container,
.lwptoc-widget {
  margin-top: 24px;
}

/* nếu TOC sticky/fixed */
.toc_container.sticky,
.ez-toc-container.sticky,
.lwptoc--sticky,
.rank-math-toc.sticky,
#toc_container.sticky {
  top: 100px !important;     /* né header */
  z-index: 10 !important;    /* thấp hơn header */
}

/* nút toggle mục lục (nếu có) */
.ez-toc-toggle,
.lwptoc_toggle,
.lwptoc_i,
.toc-toggle,
#toc-toggle {
  top: 100px !important;
  z-index: 9 !important;
}


/* ======================================================
   4) FIX HEADER nhẹ (GIỮ NGUYÊN LAYOUT THEME)
   - chỉ nâng z-index + fixed, không phá flex/màu
====================================================== */

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/* nếu có admin bar khi login */
body.admin-bar .site-header {
  top: 32px;
}

/* fallback nếu theme dùng class khác */
.main-header,
.header-wrap,
.tns-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

body.admin-bar .main-header,
body.admin-bar .header-wrap,
body.admin-bar .tns-header {
  top: 32px;
}


/* ======================================================
   (Optional) Related card click style nếu fen chưa có
====================================================== */
.related-link{
  display:block;
  text-decoration:none;
  color:inherit;
}
.related-card{ transition:.2s ease; }
.related-link:hover .related-card{
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}
.related-arrow{ font-size:1.2rem; }