/* =============================================
   HOTFIX v2 — Force CSS overrides
   ============================================= */

/* ============ MOBILE: HIDE ALL FLOAT BUTTONS ============ */
@media (max-width: 900px) {
  /* Ẩn TẤT CẢ float buttons trên mobile */
  .float-contact,
  .float-contact *,
  .float-chat-stack,
  .float-chat-stack *,
  a.float-btn,
  body > a.float-btn,
  body > .float-btn,
  .float-call,
  .float-zalo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Desktop: chỉ hiện 1 float-chat-stack */
@media (min-width: 901px) {
  .float-contact { display: none !important; }
  .float-chat-stack {
    position: fixed !important;
    right: 14px !important;
    bottom: 24px !important;
    z-index: 80 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .float-chat-stack .float-btn {
    width: 52px !important; height: 52px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18) !important;
  }
  .float-chat-stack .float-call { background: #16a34a !important; }
  .float-chat-stack .float-zalo { background: #0068FF !important; font-weight: 700 !important; }
}

/* ============ PRODUCT CARD: FIX OUT-OF-STOCK LAYOUT ============ */
.product-card {
  position: relative;
}
.product-card .img-wrap {
  position: relative !important;
  overflow: hidden;
}
.product-card.out-of-stock {
  opacity: 0.7;
}
.product-card.out-of-stock .img-wrap img,
.product-card.out-of-stock .img-wrap .img-placeholder {
  filter: grayscale(0.5);
}
.stock-overlay {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(-12deg) !important;
  background: rgba(220, 38, 38, 0.92) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 4px 14px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  z-index: 3 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
  white-space: nowrap !important;
  text-align: center !important;
  pointer-events: none;
}

/* Low stock badge */
.stock-badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 10px;
  white-space: nowrap;
  z-index: 4;
}
.stock-badge.low-stock {
  background: #fef3c7;
  color: #92400e;
}