/* ============================================================
   TOCONTAP — wp.css
   Phần tinh chỉnh riêng cho bản WordPress (bổ sung sau style.css gốc):
   menu WP, [hidden], banner ảnh bìa, thông báo form, entry-content...
   ============================================================ */

/* [hidden] phải thắng các display:grid/flex khai báo trong style.css gốc */
[hidden]{display:none !important}

/* ---------- MENU (wp_nav_menu) ---------- */
.nav .menu{list-style:none; margin:0; padding:0}
.nav .menu > li{position:relative}
.nav li.current-menu-item > a,
.nav a[aria-current="page"]{color:var(--gold); font-weight:600}
.nav .menu li ul{display:none}

@media (min-width:860px){
  .nav .menu{display:flex; align-items:center}
  .nav .menu > li{display:block}
}

/* ---------- TRANG CHỦ (entry-content trong card) ---------- */
.entry-content > :first-child{margin-top:0}
.entry-content > :last-child{margin-bottom:0}
.entry-content ul{padding-left:20px}
.entry-content ul li{margin-bottom:8px}
.entry-content a{color:var(--navy-2)}

/* ---------- BANNER ẢNH BÌA TRANG TUYỂN DỤNG ---------- */
.banner{position:relative; overflow:hidden}
.banner .banner-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}

/* ---------- FORM LIÊN HỆ: THÔNG BÁO LỖI MÁY CHỦ ---------- */
.err-box{
  display:block !important; margin-top:14px; padding:12px 14px; border-radius:8px;
  background:#FDECEA; border:1px solid #F5C6C2; font-size:14.5px; color:#922B21;
}
.ok.show{display:block}

/* ---------- CHI TIẾT BÀI VIẾT ---------- */
a.chip{text-decoration:none}
a.share{text-decoration:none}
.article .entry-content > :first-child{margin-top:0}
.article .entry-content h2{
  margin:28px 0 12px; font-size:18px; line-height:1.35; font-weight:800;
  padding-left:12px; border-left:4px solid var(--gold);
}
.article .entry-content h2:first-child{margin-top:0}
@media (min-width:860px){
  .article .entry-content h2{font-size:20px}
}
.article .entry-content blockquote.quote{
  background:var(--cream); border-left:4px solid var(--gold); border-radius:0 10px 10px 0;
  padding:16px 18px; margin:0 0 16px; font-style:italic; color:#2A3245;
}
.article .entry-content p{margin:0 0 16px}
.article .entry-content ul{margin:0 0 16px; padding-left:20px}

/* Danh sách chi tiết kiểu "✓" dùng chung (nội dung wysiwyg đóng thẻ class) */
.entry-content ul.detail-list{list-style:none; margin:0; padding:0}
.entry-content ul.detail-list > li{position:relative; padding-left:24px; margin-bottom:18px; font-size:14.5px}
.entry-content ul.detail-list > li::before{content:"✓"; position:absolute; left:0; top:0; color:var(--gold); font-weight:bold}
.entry-content ul.sub-bullet-list{margin:8px 0 0; padding-left:15px; list-style:disc}
.entry-content ul.sub-bullet-list li{margin-bottom:6px; font-size:13.5px; color:#475569}

/* ---------- PHÂN TRANG (nếu có) ---------- */
.navigation.pagination{margin:20px 0 0}
.navigation .page-numbers{display:inline-block; padding:8px 14px; margin:0 4px 4px 0;
  border:1px solid var(--line); border-radius:8px; text-decoration:none; background:#fff}
.navigation .page-numbers.current{background:var(--navy); color:var(--gold); border-color:var(--navy)}

/* ---------- WIDGET FOOTER (tùy chọn) ---------- */
.widget{font-size:13.5px; text-align:left; max-width:640px; margin:10px auto 0}
.widget-title{font-size:14px; color:var(--gold); margin:0 0 6px}
footer ul{list-style:none; margin:0; padding:0}
footer a{color:#B9C3D4; text-decoration:none}
footer a:hover{color:var(--gold)}