/* DOCHIFOOD PUBLIC V5.0.7 — QUOTE FULLSCREEN CLEAN
   Trang Báo giá: bỏ header trên, bỏ thanh gửi dưới, bỏ bottom nav.
   Chỉ giữ icon gửi cạnh tiêu đề Yêu cầu báo giá.
*/

/* :has() bám trực tiếp vào page đang active — không phụ thuộc body[data-view]. */
body:has(.v5-page[data-page="yours"].active) #v5Header,
body:has(.v5-page[data-page="yours"].active) #v5Nav,
body:has(.v5-page[data-page="yours"].active) #v5QuoteBar {
  display: none !important;
}

/* Thu hồi toàn bộ khoảng trống mà header/nav đã chiếm. */
body:has(.v5-page[data-page="yours"].active) .v5-pager {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

body:has(.v5-page[data-page="yours"].active) .v5-yours-scroll {
  padding-top: max(18px, env(safe-area-inset-top)) !important;
  padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
}

/* Không để CSS bản cũ ép thanh gửi nổi trở lại. */
body:has(.v5-page[data-page="yours"].active) .v5-quote-bar,
body:has(.v5-page[data-page="yours"].active) .v5-nav,
body:has(.v5-page[data-page="yours"].active) .v5-header {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Icon gửi là CTA duy nhất của trang. */
body:has(.v5-page[data-page="yours"].active) .v5-quote-head-send {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

@media (min-width: 760px) {
  body:has(.v5-page[data-page="yours"].active) .v5-pager {
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
  }

  body:has(.v5-page[data-page="yours"].active) .v5-yours-scroll {
    padding-top: 32px !important;
    padding-bottom: 40px !important;
  }
}

/* HOTFIX: hiện lại bottom nav trong trang Báo giá */
body:has(.v5-page[data-page="yours"].active) #v5Nav,
body:has(.v5-page[data-page="yours"].active) .v5-nav {
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* chừa chỗ cho bottom nav */
body:has(.v5-page[data-page="yours"].active) .v5-pager {
  bottom: calc(78px + env(safe-area-inset-bottom)) !important;
}

body:has(.v5-page[data-page="yours"].active) .v5-yours-scroll {
  padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
}

/* HOTFIX V5.0.8: luôn giữ tên sản phẩm khi video đang phát */
.v5-grid-card {
  position: relative !important;
}

.v5-grid-card .v5-grid-player,
.v5-grid-card .v5-grid-player iframe {
  z-index: 1 !important;
}

.v5-grid-card .v5-grid-copy {
  position: absolute !important;
  z-index: 20 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  padding: 10px 12px 12px !important;
  background: rgba(255,255,255,.96) !important;
  pointer-events: none !important;
}

.v5-grid-card .v5-grid-copy strong {
  display: -webkit-box !important;
  color: #123e72 !important;
  font-size: 14px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

@media (min-width: 760px) {
  .v5-grid-card .v5-grid-copy strong {
    font-size: 15px !important;
  }
}

/* V5.0.9 — FIX DE XUAT: TEN SP + HEART */

/* Player luôn nằm dưới tên và nút thao tác */
.v5-feed-player,
.v5-feed-player iframe {
  position: relative !important;
  z-index: 1 !important;
}

/* Tên sản phẩm luôn nhìn thấy, kể cả video đang phát */
.v5-feed-info {
  z-index: 60 !important;
  left: 18px !important;
  right: 84px !important;
  bottom: 22px !important;
  padding: 10px 12px !important;

  background: rgba(255,255,255,.94) !important;
  border-radius: 12px !important;

  color: #123e72 !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

.v5-feed-info small {
  display: none !important;
}

.v5-feed-info h2 {
  margin: 0 !important;
  color: #123e72 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: -.015em !important;
}

.v5-feed-info p {
  display: none !important;
}

/* Nút thao tác nằm trên player */
.v5-feed-actions {
  z-index: 70 !important;
}

/* Đổi nút báo giá "đ" thành trái tim */
.v5-round-action[data-action="quote"] {
  font-size: 0 !important;
}

.v5-round-action[data-action="quote"]::before {
  content: "♡";
  display: block;
  font-size: 30px;
  line-height: 1;
  font-weight: 500;
}

.v5-round-action[data-action="quote"].active::before {
  content: "♥";
}


/* V5.1.0 — nút tròn giữa tâm, nền xanh trong suốt */
.v5-round-action{
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: rgba(15, 115, 86, 0.12) !important;
  border: 2px solid rgba(15, 115, 86, 0.45) !important;
  color: #0f7356 !important;
  box-shadow: none !important;
  backdrop-filter: blur(2px) !important;
}

/* icon luôn nằm đúng giữa */
.v5-round-action i,
.v5-round-action span,
.v5-round-action svg,
.v5-round-action::before{
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.v5-round-action svg{
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  stroke: currentColor !important;
}

/* icon text như tim / i */
.v5-round-action:not(:has(svg)){
  font-size: 30px !important;
  font-weight: 700 !important;
}

/* trạng thái active */
.v5-round-action.active{
  background: rgba(15, 115, 86, 0.18) !important;
  border-color: rgba(15, 115, 86, 0.75) !important;
  color: #0f7356 !important;
}