/* ==========================================================================
   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; }

.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). */

.sidebar__auth .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 .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; }
}

/* ---------------------------------------------- Ô thanh toán có logo (footer) */
/* Logo ngân hàng/ví thường thiết kế cho nền sáng: ô nền trắng, viền liền, logo thu vừa khung. */

.slot--logo {
  padding: 6px var(--s-2);
  background: #fff;
  border-style: solid;
  border-color: transparent;
}

.slot--logo .slot__logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 28px;
  object-fit: contain;
}