/* 2.3.66 — Bật lại ví voucher, thêm lối tắt Voucher của tôi và ẩn thẻ quy định game ở footer. */

/* Lớp 2.3.60 từng chủ động ẩn ví voucher khi tạm dừng dự án.
   Chỉ mở lại ví voucher; các ghi chú/quy định game cũ vẫn tiếp tục ẩn. */
body.woocommerce-checkout .moon-voucher-wallet,
body.woocommerce-checkout [data-moon-voucher-wallet] {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Không hiển thị thẻ Quy định Vườn Nhà Moon ở chân trang. */
.moon-site-footer .moon-footer-garden-policy {
  display:none !important;
}

/* Lối tắt Voucher của tôi ngay dưới khối khách hàng thân thiết. */
.moon-account-voucher-shortcut {
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  width:100%;
  min-height:104px;
  padding:18px 22px;
  border:1px solid #eadfd7;
  border-radius:18px;
  color:#4b382e;
  background:
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.82),transparent 31%),
    linear-gradient(135deg,#fffaf5,#fff1e5);
  box-shadow:0 9px 24px rgba(78,49,34,.045);
  text-decoration:none !important;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.moon-account-voucher-shortcut:hover {
  color:#4b382e;
  border-color:#efc7ae;
  box-shadow:0 12px 28px rgba(78,49,34,.09);
  transform:translateY(-1px);
}

.moon-account-voucher-shortcut__icon {
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,#f18a52,#df6730);
  box-shadow:0 9px 20px rgba(229,118,60,.2);
}

.moon-account-voucher-shortcut__icon .moon-account-svg {
  width:30px;
  height:30px;
}

.moon-account-voucher-shortcut__copy {
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:4px;
}

.moon-account-voucher-shortcut__copy small {
  color:#a06443;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.moon-account-voucher-shortcut__copy strong {
  color:#4b382e;
  font-size:18px;
  line-height:1.3;
}

.moon-account-voucher-shortcut__copy span {
  color:#846f63;
  font-size:12px;
  line-height:1.5;
}

.moon-account-voucher-shortcut__action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
  padding:8px 12px;
  border:1px solid #efcfba;
  border-radius:999px;
  color:#a65d37;
  background:rgba(255,255,255,.8);
  font-size:10.5px;
  font-weight:800;
  white-space:nowrap;
}

.moon-account-voucher-shortcut__action i {
  font-size:18px;
  font-style:normal;
  line-height:1;
}

@media (max-width:782px) {
  body.woocommerce-account .moon-account-voucher-shortcut {
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
    min-height:86px;
    padding:12px 14px;
    border-radius:13px;
  }

  body.woocommerce-account .moon-account-voucher-shortcut__icon {
    width:44px;
    height:44px;
    border-radius:13px;
  }

  body.woocommerce-account .moon-account-voucher-shortcut__icon .moon-account-svg {
    width:23px;
    height:23px;
  }

  body.woocommerce-account .moon-account-voucher-shortcut__copy small {
    font-size:8px;
  }

  body.woocommerce-account .moon-account-voucher-shortcut__copy strong {
    font-size:12px;
  }

  body.woocommerce-account .moon-account-voucher-shortcut__copy span {
    font-size:9.3px;
    line-height:1.35;
  }

  body.woocommerce-account .moon-account-voucher-shortcut__action {
    grid-column:1 / -1;
    justify-self:stretch;
    min-height:28px;
    padding:5px 9px;
    font-size:8.5px;
  }
}