/* ==========================================================================
   NTK Mentor: phần bổ sung dùng chung cho mọi trang (main.css giữ nguyên bản HTML).
   ========================================================================== */

/* Menu con trên thanh menu (rê chuột) */
.nav__dd{position:relative;display:flex}
.nav__sub{position:absolute;left:50%;top:100%;z-index:5;min-width:230px;margin-top:14px;padding:10px;border-radius:16px;background:rgb(12 10 7 / .97);border:1px solid var(--line-d);box-shadow:0 30px 50px -24px #000;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .3s,transform .4s var(--ease),visibility 0s .4s}
.nav__sub::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav__dd:hover .nav__sub,.nav__dd:focus-within .nav__sub{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .3s,transform .4s var(--ease)}
.nav__links .nav__sub a{padding:10px 14px;border-radius:10px;font-size:12.5px;letter-spacing:.06em;white-space:nowrap}
.nav__links .nav__sub a::after{display:none}
.nav__links .nav__sub a:hover,.nav__links .nav__sub a.is-on{background:rgb(227 182 117 / .1);color:var(--gold-hi)}
.mmenu{overflow-y:auto}
.mmenu a.mmenu__sub{font-family:var(--body);font-size:1rem;font-weight:600;letter-spacing:.04em;padding:10px 0 10px 18px;color:rgb(241 241 241 / .72)}
.mmenu a.is-on{color:var(--gold)}

/* Ô bẫy bot trong form (ẩn khỏi người dùng) */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form{position:relative}
.form__note[data-state=error]{color:#ff9b8a}
.form__note[data-state=ok]{color:var(--gold-hi);font-size:14px;font-weight:600}
.form__note[data-state=busy]{color:var(--gold)}
.form .btn[disabled]{opacity:.6;pointer-events:none}

/* Thanh quản trị WordPress (khi đăng nhập) không đè thanh menu dính */
.admin-bar .nav{top:32px}
.admin-bar .mmenu{inset:144px 0 0}
@media (max-width:782px){.admin-bar .nav{top:46px}.admin-bar .mmenu{inset:158px 0 0}}
@media (max-width:600px){.admin-bar .nav{top:0}}

/* Tiêu đề Anton: chữ có 2 dấu chồng (Ẫ, Ỗ, Ấ...) cao hơn khung mặt nạ 0.2em của bản HTML → bị cắt.
   Nới phần đệm trên của mặt nạ (.wm) và của chữ vàng (.wi tô nền gradient theo khung) rồi bù bằng margin âm,
   nên vị trí dòng chữ không đổi. */
.wm{padding-top:.42em;margin-top:-.42em}
.gold .wi{padding-top:.42em;margin-top:-.42em}

/* Ảnh đại diện bài viết do WordPress in ra có sẵn width/height (vd 300×169): thuộc tính height lấn tỷ lệ khung
   của bản HTML → dòng Blog cao gấp đôi, bài nổi bật bị kéo giãn theo. Trả chiều cao về auto để aspect-ratio có hiệu lực. */
.prow img{height:auto}
.feat__img img{height:100%}
/* Logo chân trang: CSS ép width 250px nhưng thuộc tính height="122" giữ nguyên → logo bị bóp méo (lỗi có từ bản HTML). */
.footer__logo{height:auto;max-width:100%}