/* ===== TQR (scoped, không ảnh hưởng Elementor) ===== */

/* Chỉ set font cho phần nội dung, KHÔNG set ở .tqr-card để tránh ảnh hưởng heading */
.tqr-card{
  max-width:600px;
  margin:16px auto;
  padding:16px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:16px;
  box-shadow:0 2px 6px rgba(0,0,0,0.04);
}
.tqr-card .tqr-content,
.tqr-card .tqr-meta,
.tqr-card .tqr-text,
.tqr-card .tqr-source,
.tqr-card .tqr-button{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial;
}

/* Header */
.tqr-card .tqr-header{display:flex;gap:12px;align-items:center;margin-bottom:8px}

/* Avatar */
.tqr-card .tqr-avatar{
  width:36px;height:36px;border-radius:50%;
  overflow:hidden;flex-shrink:0;background:#e0e0e0;
}
.tqr-card .tqr-avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* Meta */
.tqr-card .tqr-meta{display:flex;flex-direction:column;line-height:1.1}
.tqr-card .tqr-meta strong{font-size:16px;font-weight:700}
.tqr-card .tqr-sub{color:#666;font-size:12px}

/* Content */
.tqr-card .tqr-content{margin:12px 0}
.tqr-card .tqr-placeholder{color:#999}
.tqr-card .tqr-text{font-size:14px;line-height:1.5;margin:0 0 8px 0}
.tqr-card .tqr-source{color:#555;font-style:italic;font-size:14px}

/* Actions */
.tqr-card .tqr-actions{display:flex;gap:8px}

/* Button */
.tqr-card .tqr-button{
  background:#000;color:#fff;border:none;
  padding:10px 14px;border-radius:999px;cursor:pointer;
}
.tqr-card .tqr-button[disabled]{opacity:.6;cursor:not-allowed}

/* Dark mode */
@media (prefers-color-scheme: dark){
  .tqr-card{background:#0a0a0a;border-color:#222;color:#eee}
  .tqr-card .tqr-avatar{background:#333}
  .tqr-card .tqr-sub{color:#aaa}
  .tqr-card .tqr-placeholder{color:#aaa}
  .tqr-card .tqr-source{color:#ccc}
  .tqr-card .tqr-button{background:#fff;color:#000}
}

/* ===== Bảo vệ tiêu đề Elementor (khi ở trong .tqr-card) ===== */
/* Trả lại style gốc cho heading để tránh bị kế thừa font/line-height… */
.tqr-card h1,
.tqr-card h2,
.tqr-card h3,
.tqr-card h4,
.tqr-card h5,
.tqr-card h6,
.tqr-card .elementor-heading-title{
  all: revert;
}

/* ===== Tuỳ chọn theo yêu cầu trước đó ===== */
/* Nút nhỏ 14px */
.tqr-card .tqr-button{
  font-size:14px;
  padding:6px 14px;
}
/* Margin mobile */
@media (max-width: 767px){
  .tqr-card{margin-left:20px !important;margin-right:20px !important;}
}
/* Avatar tuỳ chỉnh (không ảnh hưởng <img> ngoài) */
.tqr-card .tqr-avatar{
  background-image:url('https://fchieuthuhai.com/wp-content/uploads/2025/10/486340781_1127343885859508_7076033179890665746_n.jpg');
  background-size:cover;background-position:center;
}
.tqr-card .tqr-avatar img{opacity:0;width:0;height:0}