/* Trang nhóm "content": nha sĩ, hỏi nha sĩ, tin tức, bài viết. CSS riêng theo từng trang (không sửa dental.css để tránh xung đột). */

/* thuộc tính hidden luôn thắng (các khối có display riêng trong dental.css) */
.p-nhasi [hidden], .p-post [hidden], .p-news [hidden], .p-qa [hidden] { display: none !important; }

/* ô tìm kiếm gọn trên trang danh sách (dùng lại .sbar của trang tìm kiếm nhưng không có ô khu vực) */
.nsbar { grid-template-columns: 1fr auto; margin: 4px 0 12px; }
.nsbar .q input { min-width: 0; }
.nsbar button { border: 0; background: var(--blue); color: #fff; font: inherit; font-weight: var(--fw-semi); padding: 0 22px; display: inline-flex; gap: 6px; align-items: center; cursor: pointer; border-radius: 0 calc(var(--r) - 1px) calc(var(--r) - 1px) 0; }
.nsbar button:hover { background: var(--blue-d); }

/* dòng kết quả tìm kiếm */
.p-nhasi .sinfo, .p-news .sinfo { margin: 6px 0 10px; font-size: 13px; color: var(--ink-2); }

/* bảng so sánh dạng chữ trong bài viết (cột cuối không in đậm/không ép một dòng) */
.p-post .ptable.txt td:last-child { font-weight: var(--fw-normal); white-space: normal; }
.p-post .ptable.txt td:first-child { font-weight: var(--fw-semi); }
.p-post .abody ol { margin: 0 0 14px; padding-left: 22px; }
.p-post .abody ol li { margin-bottom: 6px; }
.p-post .abody ol.steps3 { padding-left: 0; }
.p-post .abody .links a { color: var(--ink-2); }
.p-post .abody a { color: var(--blue); }
.p-post .abody .btn, .p-post .abody .ibtn { color: inherit; }
.p-post .ameta .lvb { margin-left: 2px; }
.p-post .ameta .ibtn { width: auto; padding: 0 10px; height: 30px; font-size: 13px; gap: 5px; display: inline-flex; align-items: center; }
.p-post .shareb button.ibtn { cursor: pointer; }
.p-post .acols aside .toc a.on { color: var(--blue); font-weight: var(--fw-semi); }

/* trang chi tiết nha sĩ: khối bài tư vấn */
.p-nhasi-ct .art { display: grid; grid-template-columns: 52px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line-2); color: inherit; }
.p-nhasi-ct .art:last-child { border-bottom: 0; }
.p-nhasi-ct .art h4 { margin: 2px 0; font-size: 14px; line-height: 1.35; }
.p-nhasi-ct .art small { color: var(--ink-3); }
.p-nhasi-ct .art .th { width: 52px; height: 52px; border-radius: var(--r-s); display: grid; place-items: center; font-size: 22px; }
.p-nhasi-ct .dhead .acts { flex-wrap: wrap; justify-content: flex-end; }

/* hỏi nha sĩ */
.p-qa .qa .ft { flex-wrap: wrap; gap: 12px; align-items: center; }
.p-qa .abox .who .btn { margin-left: auto; }
.p-qa .vote form { display: inline; }
.p-qa .inp { position: relative; display: flex; gap: 8px; align-items: center; border: 1px solid var(--line); border-radius: var(--r-s); background: #fff; padding: 8px 10px; font-size: 13px; color: var(--ink-3); }
.p-qa .ask .inp { background: #fff; color: var(--ink); }

/* tin tức: ô hỏi nha sĩ + tìm kiếm */
.p-news .ask .inp { display: flex; gap: 8px; align-items: center; background: #fff; color: var(--ink); border-radius: var(--r-s); padding: 8px 10px; }
.p-news .ask input::placeholder { color: var(--ink-4); }
.p-news .tagc a { cursor: pointer; }
.p-news .nbig .im img, .p-news .nmed .im img { display: block; }

@media (max-width: 760px) {
  .nsbar button { padding: 0 14px; }
  .p-nhasi-ct .dhead .acts { justify-content: flex-start; }
}

/* biểu mẫu đặt câu hỏi: lưới 2 cột như demo (câu hỏi, đồng ý và nút gửi chiếm cả hàng) */
@media (min-width: 761px) {
  .p-qa form#form .bb { grid-template-columns: 1fr 1fr; gap: 10px 14px; }
  .p-qa form#form .qf-full { grid-column: 1 / -1; }
}

/* nút Lưu ở dòng thông tin bài tin ngành: nằm một hàng như ở các bài khác */
.p-post .newsmeta .ibtn { width: auto; padding: 0 10px; height: 30px; font-size: 13px; gap: 5px; display: inline-flex; align-items: center; white-space: nowrap; }
.p-post .newsmeta span { display: inline-flex; gap: 4px; align-items: center; }

/* ===== nhận xét dưới bài viết ===== */
.cmts{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.cmts>h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:17px;font-weight:var(--fw-semi);color:var(--ink)}
.cmts>h2 i{color:var(--blue)}
.cmts>h2 em{font-style:normal;font-weight:var(--fw-semi);color:var(--ink-3);font-size:14px}
.cm-note{margin:0 0 12px;font-size:13px;color:var(--ink-3);display:flex;align-items:center;gap:6px}
.cm-empty{display:flex;gap:12px;align-items:center;margin:2px 0 12px;padding:12px 14px;border:1.5px dashed #cfdcee;border-radius:var(--r);background:#fafcff}
.cm-empty>i{font-size:30px;color:#8fb0e8;flex:none}
.cm-empty b{display:block;font-size:13px;color:var(--ink)}
.cm-empty span{font-size:13px;color:var(--ink-3);line-height:1.45}
.cm-note a{color:var(--blue);font-weight:var(--fw-semi)}
.cm-flash{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:var(--r);font-size:13px;line-height:1.45}
.cm-flash.ok{background:#e9f8f3;color:#0a7a5f;border:1px solid #b7e6d9}
.cm-flash.err{background:#fff1f2;color:#b4233a;border:1px solid #f5c2c9}
.cm-flash i{font-size:17px;flex:none;margin-top:1px}
.cm{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line-2,var(--line))}
.cm:first-of-type{border-top:0}
.cm .av{flex:none;width:34px;height:34px;border-radius:50%;background:var(--blue-s,#e8f0fd);color:var(--blue);display:grid;place-items:center;font-weight:var(--fw-semi);font-size:14px}
.cm .bd{min-width:0;flex:1}
.cm .who{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px}
.cm .who small{color:var(--ink-3);font-size:11px}
.cm p{margin:3px 0 0;font-size:13px;line-height:1.6;color:var(--ink-2);white-space:pre-line;overflow-wrap:anywhere}
.cm.pend{opacity:.85}
.cm-sample,.cm-pend{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:var(--fw-semi);padding:1px 7px;border-radius:var(--r-s);background:var(--bg-2);color:var(--ink-3);border:1px solid var(--line)}
.cm-pend{background:#fff7e6;color:#a15c00;border-color:#f3d9a4}
.cm-reply{display:flex;gap:8px;margin-top:8px;padding:8px 10px;background:var(--bg-2);border-left:3px solid var(--mint);border-radius:0 var(--r) var(--r) 0}
.cm-reply>i{color:var(--mint);font-size:16px;flex:none;margin-top:2px}
.cm-reply b{font-size:13px;color:var(--ink)}
.cm-reply small{color:var(--ink-3);font-size:11px}
.cm-reply p{margin:2px 0 0;font-size:13px}
.cm-form{margin-top:14px;display:grid;gap:8px;padding:14px;background:#f7fafd;border:1px solid var(--line);border-radius:var(--r)}
.cm-form label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:var(--fw-semi);color:var(--ink)}
.cm-form label i{color:var(--blue);font-size:16px}
.cm-form textarea{width:100%;font:inherit;font-size:13px;line-height:1.55;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r);background:#fff;resize:vertical;min-height:104px}
.cm-form textarea::placeholder{color:var(--ink-4)}
.cm-form textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,98,214,.12)}
.cm-act{display:flex;align-items:center;justify-content:space-between;gap:14px}
.cm-act small{display:flex;gap:6px;align-items:flex-start;font-size:11px;color:var(--ink-3);line-height:1.45}
.cm-act small i{color:var(--mint);font-size:14px;flex:none;margin-top:1px}
.cm-act .btn{flex:none}
.cmts>h2 .ti{margin-right:2px}
.cmts>h2 em{font-style:normal;font-size:12px;font-weight:var(--fw-semi);color:var(--ink-3);background:var(--bg-3,#eef2f6);border-radius:999px;padding:1px 9px;margin-left:4px}
@media (max-width:560px){.cm-act{flex-direction:column;align-items:stretch}.cm-act .btn{justify-content:center}}

/* ===== review phòng khám (trả phí): dải nội dung tài trợ trên đầu bài ===== */
.spon-top{display:flex;gap:10px;align-items:flex-start;margin:14px 0 4px;padding:10px 14px;background:linear-gradient(90deg,#fff7e6,#fffdf6);border:1px solid #f0d9a0;border-left:4px solid var(--gold,#c9a227);border-radius:var(--r)}
.spon-top>i{flex:none;color:var(--gold,#c9a227);font-size:20px;margin-top:1px}
.spon-top b{display:block;font-size:13px;color:#7a5a00}
.spon-top span{display:block;font-size:13px;line-height:1.5;color:var(--ink-2);margin-top:1px}