/* =========================================================
   TC CREDIT – wp.css
   Bổ sung cho WordPress: Contact Form 7, nội dung soạn thảo,
   thanh quản trị, trạng thái rỗng… (không sửa style.css gốc)
   ========================================================= */

[hidden] { display: none !important; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.tcc-trong { grid-column: 1 / -1; padding: 32px 24px; background: var(--mau-nen); color: var(--mau-phu); font-size: 15px; text-align: center; }

/* Thanh quản trị khi đăng nhập */
@media (min-width: 992px) { .admin-bar .tccredit-header { top: -48px; } }
@media (max-width: 991px) { .admin-bar .tccredit-header { top: 32px; } }
@media (max-width: 782px) { .admin-bar .tccredit-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .tccredit-header { top: 0; } }

/* ---------- Contact Form 7 ---------- */
.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; }
.wpcf7 .hidden-fields-container, .wpcf7 form > div[style*="none"] { display: none; }
.wpcf7-form-control-wrap { position: relative; display: block; }
.wpcf7-not-valid-tip { display: block; margin-top: 6px; font-size: 13px; line-height: 1.4; color: var(--mau-chinh); }
.wpcf7 .wpcf7-not-valid { border-color: var(--mau-chinh) !important; }
.chitiet-main-tuvan .wpcf7-not-valid-tip { color: #fff; font-weight: 700; }
.wpcf7 form .wpcf7-response-output { margin: 16px 0 0; padding: 12px 16px; border: 0; border-left: 4px solid var(--mau-vang); background: #fff8e6; font-size: 14px; line-height: 1.5; color: var(--mau-chu); }
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; }
.wpcf7 form.sent .wpcf7-response-output { border-left-color: #12b76a; background: #ecfdf3; color: #05603a; }
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output { border-left-color: var(--mau-chinh); background: var(--mau-hong); color: var(--mau-chinh-dam); }
.wpcf7-spinner { display: none; }
.wpcf7 form.submitting .tccredit-chung-nutgui, .wpcf7 form.submitting .chitiet-main-tuvangui { opacity: .6; pointer-events: none; }
.wpcf7 input[type="submit"]:disabled { opacity: .6; cursor: not-allowed; }
/* Ô đồng ý (acceptance) */
.tccredit-chung-dongy .wpcf7-form-control-wrap { flex: 1; }
.tccredit-chung-dongy .wpcf7-list-item { display: block; margin: 0; }
.tccredit-chung-dongy .wpcf7-list-item label { display: flex; align-items: flex-start; gap: 12px; padding-top: 0; }
.tccredit-chung-dongy .wpcf7-list-item-label { padding-top: 1px; }
/* Ô chọn đơn (radio / checkbox) trong form */
.wpcf7-list-item { margin: 0 16px 0 0; }

/* ---------- Danh mục sản phẩm: nút xem thêm khi còn trang sau ---------- */
@media (max-width: 767px) {
  .danhmuc-main-hienhet + .danhmuc-main-phantrang + .danhmuc-main-xemthem.danhmuc-main-conthem .danhmuc-main-nutxemthem,
  .danhmuc-main-hienhet + .danhmuc-main-xemthem.danhmuc-main-conthem .danhmuc-main-nutxemthem { display: flex; }
}
.danhmuc-main-nutxemthem:disabled { cursor: progress; }

/* ---------- Ảnh đại diện khách hàng (đánh giá) ---------- */
.trangchu-main-danhgiaten p:first-child { overflow: hidden; }
.trangchu-main-danhgiaten p:first-child span img { width: 48px; height: 48px; object-fit: cover; }
.lienhe-main-ketnoiqr a img { width: 100%; height: 100%; object-fit: contain; }

/* ---------- Trang thường / 404 ---------- */
.tcc-trang { padding-bottom: 180px; }
.tcc-trang > .tccredit-chung-khung { display: block; max-width: 940px; }
.tcc-404 { text-align: center; }
.tcc-404-so { font-size: 120px; line-height: 1; font-weight: 700; color: var(--mau-chinh); }
.tcc-404 .tccredit-chung-nutvien { margin-top: 32px; }
.tcc-trang-noidung { padding: 0 0 180px; }

/* ---------- Nội dung soạn thảo ---------- */
.baiviet-main-noidung img, .chitiet-main-baiviet img { height: auto; }
.baiviet-main-noidung .alignleft, .chitiet-main-baiviet .alignleft { float: left; margin: 6px 24px 16px 0; }
.baiviet-main-noidung .alignright, .chitiet-main-baiviet .alignright { float: right; margin: 6px 0 16px 24px; }
.baiviet-main-noidung .aligncenter, .chitiet-main-baiviet .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.baiviet-main-noidung .wp-caption { max-width: 100%; }
.baiviet-main-noidung .wp-caption-text { margin-top: 8px; font-size: 14px; color: var(--mau-phu); text-align: center; }
.baiviet-main-noidung table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: 15px; }
.baiviet-main-noidung th, .baiviet-main-noidung td { padding: 10px 14px; border: 1px solid var(--mau-vien); text-align: left; }
.baiviet-main-noidung::after, .chitiet-main-baiviet::after { content: ""; display: table; clear: both; }
.baiviet-main-noidung h2[id], .baiviet-main-noidung h3[id] { scroll-margin-top: 80px; }
