/* ====================================================================
   XT - TTCNTT — Placeholder thumbnail (bài chưa có ảnh đại diện) · v3.3.1
   Dùng chung: Trang chủ (Khối tin tức) · Category · Search · Admin (xem trước).
   Màu / cỡ chữ / chữ: Tab 3 · Category → biến CSS --xt-ph-* (in ở :root).
   Co giãn TỈ LỆ theo bề rộng khung như 1 tấm ảnh (container query):
   cỡ chữ nhập ở Tab 3 là cỡ khi khung rộng 300px → khung 600px = gấp đôi.
   ==================================================================== */
.gigs-thumb-inner{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(135deg,var(--xt-ph-bg1,#E8C4C5) 0%,var(--xt-ph-bg2,#F2DFE0) 100%)}
.gigs-thumb-label{box-sizing:border-box;max-width:85%;display:flex;flex-direction:column;align-items:center;gap:4px;
  background:var(--xt-ph-card,#fff);border-radius:calc(var(--xt-ph-radius,6) * 1px);padding:12px 18px 14px;
  box-shadow:0 4px 14px rgba(0,0,0,.1);text-align:center;line-height:1.1}
.gigs-thumb-label .gigs-row{display:flex;gap:7px;align-items:center;text-align:left}
.gigs-thumb-inner .gigs-thumb-label .gigs-seal-mini{width:30px;height:30px;flex:0 0 auto;color:var(--xt-ph-seal,#B8070F);display:block}
.gigs-thumb-inner .gigs-thumb-label img.gigs-seal-mini{object-fit:contain;max-width:none;border-radius:0;position:static;inset:auto}
.gigs-thumb-label .gigs-lbl-vi{font-weight:800;color:var(--xt-ph-c1,var(--red-title,#B8070F));
  font-size:calc(var(--xt-ph-s1,9) * 1px);letter-spacing:.02em;line-height:1.1}
.gigs-thumb-label .gigs-lbl-en{font-weight:400;color:var(--xt-ph-c2,var(--gray,#8A8F98));
  font-size:calc(var(--xt-ph-s2,7) * 1px);letter-spacing:.2em;line-height:1;margin-top:2px;text-transform:uppercase}
.gigs-thumb-label .gigs-big{font-weight:800;color:var(--xt-ph-c3,var(--red,#A80C0F));
  font-size:calc(var(--xt-ph-s3,18) * 1px);letter-spacing:.06em;margin-top:4px;line-height:1;text-align:center;text-transform:uppercase}

/* Co giãn theo khung (trình duyệt hỗ trợ container query) — 1 đơn vị = 1px ở khung 300px */
@supports (container-type:inline-size){
  .gigs-thumb-inner{container-type:inline-size}
  .gigs-thumb-label{--u:calc(100cqw / 300);gap:calc(4 * var(--u));padding:calc(12 * var(--u)) calc(18 * var(--u)) calc(14 * var(--u));
    border-radius:calc(var(--xt-ph-radius,6) * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.1)}
  .gigs-thumb-label .gigs-row{gap:calc(7 * var(--u))}
  .gigs-thumb-inner .gigs-thumb-label .gigs-seal-mini{width:calc(30 * var(--u));height:calc(30 * var(--u))}
  .gigs-thumb-label .gigs-lbl-vi{font-size:calc(var(--xt-ph-s1,9) * var(--u))}
  .gigs-thumb-label .gigs-lbl-en{font-size:calc(var(--xt-ph-s2,7) * var(--u));margin-top:calc(2 * var(--u))}
  .gigs-thumb-label .gigs-big{font-size:calc(var(--xt-ph-s3,18) * var(--u));margin-top:calc(4 * var(--u))}
}