/* ==========================================================================
   blocks.css — Bổ sung của theme WordPress (không có trong bản HTML gốc).
   ========================================================================== */

/* ------------------------------------------- Ảnh thật trong block UX Builder */
/* Bản HTML chỉ dùng ô màu giữ chỗ (.ph); khi người biên tập chọn ảnh thật,
   ảnh lấp đầy đúng khung của ô giữ chỗ. */

.d33-media { overflow: hidden; }

/* Slide banner tự mang chữ (không caption). Khung 7:5 của mobile sẽ cắt mất chữ banner,
   nên dưới 768px đổi sang 1.85:1 và canh ảnh vào vùng chữ bên trái (banner khổ 1640 × 530). */
@media (max-width: 767px) {
  .hero__slide--plain { aspect-ratio: 1.85 / 1; }
  .hero__slide--plain img { object-position: 9.4% 50%; }
  .hero--plain .hero__dots { bottom: var(--s-2); }
}

/* Mũi tên che chữ đầu banner trên màn hình hẹp; vẫn chuyển được bằng chấm và phím mũi tên. */
@media (max-width: 1023px) {
  .hero--plain .hero__prev,
  .hero--plain .hero__next { display: none; }
}

.d33-media > .d33-media__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/* --------------------------------------------- Khối tài khoản trong sidebar */
/* Bản P02-R1 đã gỡ markup này nhưng giữ CSS (.sidebar__account, .avatar, .sidebar__auth).
   Theo khảo sát: 3 nút pill (Đăng nhập viền · Đăng ký vàng · Đăng ký trải nghiệm đỏ + icon).
   Thẻ tài khoản dạng card (.g33-account__links, như qq79.li) có kích thước riêng trong sections.css. */

.sidebar__auth:not(.g33-account__links) .btn {
  min-height: var(--btn-auth-h);
  border-radius: var(--r-pill);
  padding: 0 var(--s-2);
  font-size: var(--fs-nav);
  white-space: nowrap;
}

.sidebar__auth .btn svg { flex: 0 0 auto; }

/* Ô tài khoản bên phải header mobile: icon người dùng thay cho chữ. */
.mobile-header__action svg { width: 16px; height: 16px; }

/* 768–991: sidebar thu gọn còn 78px — nút co theo cột, chữ nhỏ như mục menu. */
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar__auth { justify-items: stretch; }

  .sidebar__auth:not(.g33-account__links) .btn {
    width: 100%;
    min-height: 30px;
    padding: var(--s-1) 2px;
    font-size: 8px;
    letter-spacing: 0;
    line-height: 1.2;
    white-space: normal;
  }

  .sidebar__auth .btn svg { display: none; }
}