/*
 * QiLi Paper wordmark and WebP media patch.
 * Uses customer-provided Chinese and English wordmark refinements from 2026-06-09.
 */
.vanglam-v1-page {
  --vanglam-qili-wordmark-en: url("/vanglam/qili-wordmark-en-20260609.webp");
  --vanglam-qili-wordmark-zh: url("/vanglam/qili-wordmark-zh-20260609.webp");
  --vanglam-qili-wordmark-current: var(--vanglam-qili-wordmark-en);
}

.vanglam-v1-page .vanglam-brand-qili.is-qili-wordmark-ready {
  display: inline-block;
  width: 164px;
  height: 40px;
  flex: 0 0 auto;
  background-image: var(--vanglam-qili-wordmark-current);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}

.vanglam-v1-page .vanglam-brand-qili.is-qili-wordmark-ready[data-qili-wordmark="zh"] {
  --vanglam-qili-wordmark-current: var(--vanglam-qili-wordmark-zh);
  width: 154px;
}

.vanglam-v1-page .vanglam-navbar .vanglam-brand-qili.is-qili-wordmark-ready {
  width: 184px;
  height: 46px;
}

.vanglam-v1-page
  .vanglam-navbar
  .vanglam-brand-qili.is-qili-wordmark-ready[data-qili-wordmark="zh"] {
  width: 174px;
}

.vanglam-v1-page .vanglam-footer .vanglam-brand-qili.is-qili-wordmark-ready {
  width: 150px;
  height: 36px;
}

.vanglam-v1-page
  .vanglam-footer
  .vanglam-brand-qili.is-qili-wordmark-ready[data-qili-wordmark="zh"] {
  width: 142px;
}

.vanglam-v1-page .vanglam-page-hero {
  background-image: linear-gradient(90deg, #f7f5f1f5, #f7f5f1c2),
    url("/vanglam/hero-paper.webp") !important;
}

@media (max-width: 560px) {
  .vanglam-v1-page .vanglam-brand-qili.is-qili-wordmark-ready {
    width: 132px;
    height: 32px;
  }

  .vanglam-v1-page .vanglam-brand-qili.is-qili-wordmark-ready[data-qili-wordmark="zh"] {
    width: 126px;
  }
}