/*
Theme Name: NEM
Description: This is a child theme for Flatsome Theme
Author: Truong Phong
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.popup-form-dangky .nhom-lua-chon p {
    margin-bottom: 18px; /* tăng số này để khoảng cách lớn hơn */
}
/* Thu nhỏ chiều ngang popup trên màn hình desktop */
.pum-container {
    max-width: 500px !important;  /* Bạn có thể đổi: 500px, 600px, 650px... */
    margin: 0 auto !important;
}

/* Tối ưu lại chiều ngang trên mobile */
@media (max-width: 768px) {
    .pum-container {
        max-width: 90% !important;
    }
}
/* Tiêu đề popup của Popup Maker */
.pum .pum-title,
.pum .popmake-title,
.pum .pum-title.popmake-title {
    font-size: 28px !important;     /* chỉnh 26–30 tuỳ mắt */
    font-weight: 700 !important;    /* in đậm */
    line-height: 1.3 !important;    /* giãn dòng */
    color: #b7322e !important;      /* đỏ trùng màu nút ĐĂNG KÝ NGAY */
    margin-bottom: 30px !important; /* cách form bên dưới */
}

ul, ol {
  padding-left: 32px;
  margin-left: 0;
  list-style-position: outside;
}

/* Flatsome: tắt lớp tools phủ lên ảnh sản phẩm */
.woocommerce .product-small .box-image .image-tools,
.woocommerce .product-small .box-image .image-tools-top,
.woocommerce .product-small .box-image .image-tools-bottom,
.woocommerce .product-small .box-image .image-tools.grid-tools {
  display: none !important;
}

/* Flatsome: bỏ lớp overlay xám khi hover (nếu có) */
.woocommerce .product-small .box-image:before,
.woocommerce .product-small .box-image:after,
.woocommerce .product-small .box-image .image-cover:before,
.woocommerce .product-small .box-image .image-cover:after {
  content: none !important;
  opacity: 0 !important;
}

/*************************************************
 * FLATSOME: TẮT ICON/OVERLAY (WOOSC/WOOSW/QUICKVIEW)
 * + GIỮ ẢNH HIỆN BÌNH THƯỜNG
 * + CLICK ẢNH VÀO SẢN PHẨM ĐƯỢC
 *************************************************/

/* A) Ẩn icon/tools (túi, mắt...) trên ảnh */
.product-small .image-tools,
.product-small .image-tools-top,
.product-small .image-tools-bottom,
.product-small .image-tools.grid-tools {
  display: none !important;
}

/* B) Tắt lớp phủ xám (thường là pseudo-element) nhưng KHÔNG ẩn ảnh */
.product-small .box-image:before,
.product-small .box-image:after,
.product-small .box-image .image-cover:before,
.product-small .box-image .image-cover:after {
  content: none !important;
  opacity: 0 !important;
}

/* C) Nếu còn lớp vô hình chặn click: cho nó “không bắt chuột” */
.product-small .box-image .image-tools,
.product-small .box-image .image-tools *,
.product-small .box-image .overlay,
.product-small .box-image .image-overlay {
  pointer-events: none !important;
}

/* D) Luôn cho link ảnh click được */
.product-small .box-image > a,
.product-small .box-image > a * {
  pointer-events: auto !important;
  cursor: pointer;
  position: relative;
  z-index: 50;
}

/* E) An toàn thêm cho WooCommerce loop */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  position: relative;
  z-index: 60;
}
/* Tắt hoàn toàn khối Chat Zalo / Facebook / Hotline */
.phongvt-contact {
  display: none !important;
}

/* ===== Button VR – GỢN SÓNG NHỎ + 3 ĐỢT ===== */
.pulse-ring {
  position: relative;
  z-index: 9999;
}

/* vòng sóng */
.pulse-ring::before,
.pulse-ring::after,
.pulse-ring span::before {
  content: "";
  position: absolute;
  inset: -6px; /* 🔹 nhỏ hơn (trước là -12px) */
  border-radius: 50%;
  background: rgba(0, 170, 255, 0.30); /* nhẹ hơn chút */
  animation: pulse-ring-effect 2.8s infinite;
  z-index: -1;
  pointer-events: none;
}

/* lệch nhịp từng vòng */
.pulse-ring::after {
  animation-delay: 0.3s;
}

.pulse-ring span::before {
  animation-delay: 1s;
}

/* animation nhỏ & mượt */
@keyframes pulse-ring-effect {
  0% {
    transform: scale(0.95);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.4); /* 🔹 nhỏ hơn (trước 1.7) */
    opacity: 0;
  }
}

.phongvt-product-info .price-type-line{
  margin-top: 3px;
}


/* Nút biến thể (mặc định) */
.variable-item.button-variable-item{
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #ddd !important;
}

/* Chữ bên trong (mặc định) */
.variable-item.button-variable-item .variable-item-contents,
.variable-item.button-variable-item span{
  color: #333 !important;
}

/* Nút đang được chọn -> nền đỏ, chữ trắng */
.variable-item.button-variable-item.selected{
  background: #c0392b !important;
  border-color: #c0392b !important;
}

.variable-item.button-variable-item.selected .variable-item-contents,
.variable-item.button-variable-item.selected span{
  color: #fff !important;
}

/* Hover (tuỳ chọn) */
.variable-item.button-variable-item:hover{
  border-color: #c0392b !important;
}

/* Checkout: kéo dài đều các ô nhập */
.woocommerce-checkout form.checkout .form-row{
  width: 100% !important;
}

.woocommerce-checkout form.checkout .form-row input.input-text,
.woocommerce-checkout form.checkout .form-row select,
.woocommerce-checkout form.checkout .form-row textarea{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Nếu theme đang đặt fixed width cho wrapper */
.woocommerce-checkout form.checkout .form-row .woocommerce-input-wrapper{
  display: block;
  width: 100% !important;
}

/* Mobile: cho 2 cột (first/last) về 1 cột */
@media (max-width: 768px){
  .woocommerce-checkout form.checkout .form-row-first,
  .woocommerce-checkout form.checkout .form-row-last{
    float: none !important;
    width: 100% !important;
  }
}
/* Checkout: label nằm trên input (không chia cột trái/phải) */
.woocommerce-checkout form.checkout .form-row{
  display: block !important;
}

/* Label full width, không bị bó cột */
.woocommerce-checkout form.checkout .form-row label{
  display: block;
  width: 100% !important;
  margin-bottom: 6px;
  white-space: normal;
}

/* Input nằm dưới label */
.woocommerce-checkout form.checkout .form-row .woocommerce-input-wrapper{
  width: 100% !important;
}
/* ===== Floating contact buttons ===== */
.contact-float {
  position: fixed;
  right: 24px;
  bottom: 120px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 9999;
}

/* ===== Button (GIỮ NGUYÊN KÍCH THƯỚC) ===== */
.contact-btn {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  transition: transform 0.2s ease;
}

/* ===== ICON BÊN TRONG (TĂNG SIZE → VIỀN TRẮNG MỎNG) ===== */
.contact-btn img {
  width: 88%;
  height: 88%;
  object-fit: contain;
  display: block;
}

/* ===== RIÊNG MESSENGER (TO HƠN CHÚT ĐỂ CÂN) ===== */
.contact-btn img[alt="Messenger"] {
  width: 100%;
  height: 100%;
}

/* ===== Hover ===== */
.contact-btn:hover {
  transform: scale(1.08);
}

/* ===== Shake animation (GIỮ NGUYÊN) ===== */
@keyframes shake {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(-8deg); }
  40%  { transform: rotate(8deg); }
  60%  { transform: rotate(-6deg); }
  80%  { transform: rotate(6deg); }
  100% { transform: rotate(0deg); }
}

.shake {
  animation: shake 1.4s infinite;
}

.delay-1 { animation-delay: 0.3s; }
.delay-2 { animation-delay: 0.6s; }

/* ===== CHỈ HIỂN THỊ TRÊN MÁY TÍNH ===== */
@media (max-width: 991px) {
  .contact-float {
    display: none !important;
  }
}
.optional{
display:none;
}
#order_comments_field{
display:none;
}
/* Ẩn danh sách phương thức thanh toán */
#payment ul.payment_methods {
display: none !important;
}

/* Ẩn mô tả thanh toán */
#payment .payment_box {
display: none !important;
}
/* Ẩn phương thức thanh toán ở trang đặt hàng thành công */
.woocommerce-order-overview__payment-method {
    display: none !important;
}
.woocommerce-table--order-details tfoot tr:nth-child(2) {
    display: none;
}