/*
Theme Name: NBK Design
Theme URI: https://nbkdesign.vn
Author: NBK Vietnam
Author URI: https://nbkdesign.vn
Description: Theme tối giản cho Design Market — tối ưu cho Elementor + Elementor Pro, dùng font brand qua plugin nbk-fonts. Header/Footer dựng bằng Theme Builder.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nbk-design
Tags: elementor, full-width, custom-menu, translation-ready
*/

/* --- Reset tối thiểu (Elementor lo phần layout) --- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: #0d0d0d;
  background: #ffffff;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: #f56749; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; line-height: 1.2; }

/* Bao nội dung cho trang KHÔNG dùng Elementor canvas */
.nbk-container { max-width: 1200px; margin: 0 auto; padding: 40px 24px; }
.nbk-tl {
    padding: 0 !important;
}
/* ==========================================================================
   NBK — tùy biến theo class vị trí (home-stt-01 … home-stt-12) & widget
   Các section trang home đã được gắn class vị trí tương ứng (home-stt-NN)
   để nhắm CSS theo vị trí, vd:  .home-stt-05 { ... }
   ========================================================================== */

/* Reset nền flexbox base (theo yêu cầu) */
.e-flexbox-base {
	margin: 0;
	padding: 0 !important;
	background: #000;
}

/* Timeline — point + line CANH GIỮA item (theo chiều dọc); nhãn (trái) và nội dung
   bên phải (nbk-about) đều NGANG HÀNG với point. Line liền mạch qua tâm item. */
.nbk-tl .nbk-tl-left {
	display: flex;
	flex-direction: column;
	padding-left: calc(var(--nbktl-pt, 18px) + var(--nbktl-lblgap, 12px));
	padding-bottom: 0;
	text-align: left;
}
.nbk-tl .nbk-tl-left .nbk-tl-marker {
    left: 0;
    transform: none;
    right: 0;
    margin: auto;
}
.nbk-tl .nbk-tl-left .nbk-tl-point {transform: translate(-50%, -50%); }
.nbk-tl .nbk-tl-item.is-active .nbk-tl-left .nbk-tl-point {
	transform: translate(-50%, -50%) scale(var(--nbktl-pt-scale, 1));
}
.nbk-tl .nbk-tl-left .nbk-tl-line-top { top: 0; height: 50%; }
.nbk-tl .nbk-tl-left .nbk-tl-line-bot { top: 50%; bottom: 0; }
.nbk-tl .nbk-tl-left .nbk-tl-label { display: block; position: absolute; right: 10px; }

/* Bổ sung line-top cho item ĐẦU TIÊN (widget mặc định ẩn) */
/* .nbk-tl .nbk-tl-item:first-child .nbk-tl-line-top { display: inherit; } */

/* Vùng phải (e-child): nội dung canh giữa dọc -> ngang hàng point; các element full 100% */
.nbk-tl .nbk-tl-item > .e-child { justify-content: center !important; }
.nbk-tl .nbk-tl-item .e-child .elementor-element { width: 100% !important; }

/* Thu gọn khoảng cách giữa cột trái & phải ~50px + padding list 40px hai bên. */
.nbk-tl .nbk-tl-item { gap: 20px !important; }
.nbk-tl .nbk-tl-list { padding-left: 40px; padding-right: 40px; }

/* Bề rộng cột trái = 100px */
.nbk-tl .nbk-tl-left { flex-basis: 100px !important; max-width: 100px !important; }

/* NBK About — canh giữa hàng thẻ ribbon */
.nbk-about-tags { margin-left: auto !important; margin-right: auto !important; }

.nbk-mq {
    border-bottom: 2px solid #fff;
}
 .nbk-ac-title {
    gap: 0 !important;
 }
 .nbk-ac-icon {
    margin: 0 !important;
}
.nbk-ac-left {
    margin-top: 90px;
}
.nbk-ics-date {
    color: #000000 !important;
}
 .nbk-ics-media {
    overflow: inherit !important;
 }
 .nbk-ics-dm {
    left: -40px !important;
    bottom: -38px !important;
    width: 40px !important;
 }

 #nbk-header .nbk-hd-top-center {
    justify-content: right !important;
 }
 /* .nbk-hvt-tab {
      padding: 44px 44px 130px 44px !important;
 }
  .nbk-hvt-tab + .nbk-hvt-tab {
    margin-top: -65px !important;
}
.nbk-hvt-num {
   padding: 4px 30px 0 !important;
} */