/* ============================================================
   NMI-DIGI - CSS bổ sung riêng cho WordPress
   (giữ nguyên design system: biến màu lấy từ base.css)
   ============================================================ */

/* --- Hotline trên header --- */
.nav-hotline{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:6px 12px;border-radius:var(--radius-btn);transition:var(--transition)}
.nav-hotline:hover{background:rgba(59,40,204,0.06)}
.nav-hotline-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#EDE9FF,#DDD5FF);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:0.95rem;flex-shrink:0}
.nav-hotline-text{display:flex;flex-direction:column;line-height:1.15}
.nav-hotline-text small{font-size:0.66rem;color:var(--text-muted);font-weight:500}
.nav-hotline-text strong{font-size:0.9rem;color:var(--text-dark);font-weight:800}
.mob-hotline{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border:1px solid var(--border-light);border-radius:12px;text-decoration:none;color:var(--text-body);font-size:0.88rem}
.mob-hotline i{color:var(--primary)}
.mob-hotline strong{color:var(--text-dark)}

/* --- Logo khách hàng dạng ảnh (khi upload ảnh thay cho mask CSS) --- */
.cl-logo-img{height:34px;width:auto;max-width:130px;object-fit:contain;opacity:0.55;filter:grayscale(1);transition:var(--transition)}
.cl-logo-img:hover{opacity:1;filter:none}

/* --- Link trong tiêu đề thẻ --- */
.cs-title a,.blog-title a,.ins-title a,.home-cs-title a,.bf-title a,.res-title a{color:inherit;text-decoration:none}
.cs-title a:hover,.blog-title a:hover,.ins-title a:hover,.home-cs-title a:hover,.bf-title a:hover{color:var(--primary)}

/* --- Bộ lọc dạng thẻ <a> (WordPress dùng link thay button) --- */
.cs-filter a,.ins-filter a{background:#fff;border:1px solid var(--border-light);color:var(--text-body);font-size:0.86rem;font-weight:500;padding:8px 18px;border-radius:50px;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block}
.ins-filter a{padding:7px 16px}
.cs-filter a:hover,.cs-filter a.active,.ins-filter a:hover,.ins-filter a.active{background:var(--gradient-btn);color:#fff;border-color:transparent}

/* --- Nội dung soạn thảo --- */
.nmi-entry{font-size:0.95rem;color:var(--text-body);line-height:1.8}
.nmi-entry h2{font-size:1.5rem;font-weight:800;color:var(--text-dark);margin:32px 0 14px}
.nmi-entry h3{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin:26px 0 12px}
.nmi-entry h4{font-size:1.05rem;font-weight:700;color:var(--text-dark);margin:22px 0 10px}
.nmi-entry p{margin-bottom:16px}
.nmi-entry ul,.nmi-entry ol{margin:0 0 18px;padding-left:22px}
.nmi-entry li{margin-bottom:8px}
.nmi-entry a{color:var(--primary)}
.nmi-entry img{max-width:100%;height:auto;border-radius:14px}
.nmi-entry blockquote{border-left:3px solid var(--primary);background:var(--bg-light);padding:16px 20px;border-radius:0 12px 12px 0;margin:20px 0;font-style:italic}
.nmi-entry table{width:100%;border-collapse:collapse;margin-bottom:20px}
.nmi-entry th,.nmi-entry td{border:1px solid var(--border-light);padding:10px 14px;font-size:0.88rem}
.nmi-entry th{background:var(--bg-light);font-weight:700;color:var(--text-dark)}
.nmi-entry-thumb{margin-bottom:26px}
.nmi-entry-thumb img{width:100%;border-radius:18px}

/* --- Meta bài viết --- */
.nmi-post-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:0.84rem;color:var(--text-muted)}
.nmi-post-meta i{color:var(--primary);margin-right:4px}
.nmi-tags{margin-top:26px;padding-top:18px;border-top:1px solid var(--border-light);font-size:0.84rem}
.nmi-tags a{display:inline-block;background:var(--bg-light);border:1px solid var(--border-light);border-radius:50px;padding:4px 14px;margin:0 6px 6px 0;color:var(--text-body);text-decoration:none}
.nmi-tags a:hover{background:var(--gradient-btn);color:#fff;border-color:transparent}

/* --- Sidebar --- */
.nmi-sidebar .card-tile{gap:10px}
.nmi-cat-list{list-style:none;margin:0;padding:0;width:100%}
.nmi-cat-list li{border-bottom:1px solid var(--border-light);padding:8px 0;font-size:0.86rem}
.nmi-cat-list li:last-child{border-bottom:none}
.nmi-cat-list a{color:var(--text-body);text-decoration:none}
.nmi-cat-list a:hover{color:var(--primary)}
.nmi-recent{display:flex;gap:12px;align-items:center;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--border-light);width:100%}
.nmi-recent:last-child{border-bottom:none}
.nmi-recent img{width:60px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0}
.nmi-recent span{font-size:0.84rem;font-weight:600;color:var(--text-dark);line-height:1.4}
.nmi-recent:hover span{color:var(--primary)}

/* --- Phân trang --- */
.nmi-pagination ul{list-style:none;display:inline-flex;gap:6px;padding:0;margin:0;flex-wrap:wrap;justify-content:center}
.nmi-pagination a,.nmi-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border-light);border-radius:10px;background:#fff;color:var(--text-body);font-size:0.88rem;font-weight:600;text-decoration:none;transition:var(--transition)}
.nmi-pagination a:hover,.nmi-pagination .current{background:var(--gradient-btn);color:#fff;border-color:transparent}

/* --- Thông báo form --- */
.nmi-alert{border-radius:12px;padding:14px 18px;font-size:0.88rem;margin-bottom:18px;border:1px solid}
.nmi-alert-ok{background:#EDF9F1;border-color:#BDE5C8;color:#1E7A3C}
.nmi-alert-error{background:#FDECEC;border-color:#F5C2C2;color:#B42318}

/* --- Form tìm kiếm --- */
.nmi-search .form-control{padding:12px 16px;border-radius:10px;border:1px solid var(--border-light);font-size:0.92rem}

/* --- Bản đồ nhúng --- */
.map-frame iframe{width:100%;height:100%;min-height:320px;border:0;border-radius:inherit}

/* --- Ảnh đại diện đội ngũ --- */
.team-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* --- Ảnh thumbnail tài nguyên --- */
.res-thumb img{width:100%;height:100%;object-fit:cover}

/* --- Comment --- */
.nmi-entry .comment-respond{margin-top:36px}
.nmi-entry .comment-list{list-style:none;padding:0}
.nmi-entry .comment-form input[type=text],.nmi-entry .comment-form input[type=email],.nmi-entry .comment-form input[type=url],.nmi-entry .comment-form textarea{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:10px;font-size:0.9rem;font-family:inherit}
.nmi-entry .comment-form .submit{background:var(--gradient-btn);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-btn);font-weight:600;cursor:pointer}

/* --- Admin bar không che navbar sticky --- */
.admin-bar .navbar-nmi{top:32px}
@media screen and (max-width:782px){.admin-bar .navbar-nmi{top:46px}}