/*
Theme Name: Uminex Child
Theme URI: https://uminex.kutethemes.net/
Template: uminex
Author: Kutethemes
Author URI: https://kutethemes.com/
Description: Uminex theme Shop is a simple but modern responsive WordPress theme that oozes high-street sophistication. Its sharp lines and flat design style has been designed to be pixel perfect. Simply load your photography and you can have an online shop to matches the likes of Prada, Gucci and Yves St Laurent.
Tags: two-columns,left-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,translation-ready
Version: 1.0.9.1749870743
Updated: 2025-06-14 03:12:23*/

.product-item a.compare {
  display: none;
}
/* 1. Carousel Image Padding */
.elementor-image-carousel .swiper-slide-inner {
  padding: 20px;
}
/* style quick view popup */
.yith-wcqv-main {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 99999 !important;
  background: #fff !important;
  max-width: 800px !important;
  width: 90% !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  border-radius: 10px !important;
  padding: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.form-submit-pr input[type="submit"],
.form-vs input[type="submit"]{
  margin: 10px auto 0 auto !important;
  display: block;
}
 #overlay {
    overflow-y: auto;
  }
#popup-dat-hang {
  width: 700px;
  max-height:80%;
  overflow-y: auto;
}

/* tab style*/
.tabs-nav-wrap {
  display: flex;
  align-items: center;
  gap: 10px; /* khoảng cách giữa tabs và link */
  flex-wrap: wrap; /* nếu quá dài sẽ xuống dòng */
}
.tabs-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tab-item {
  margin-right: 10px;
}

.tabs-link {
  margin-left: auto; /* đẩy "Xem thêm" sang bên phải nếu muốn */
}

.tabs-link .link {
  display: inline-block;
  padding: 6px 12px;
}
/* 2. Banner Footer Styles */
.banner-footer-pc {
  display: block;
}

.banner-footer-mobile {
  display: none;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}
/*Scale giao diện cho logo*/
@media (min-width: 768px) {
    img[src="https://www.maylanhgiasi.com.vn/wp-content/uploads/2025/06/Maylanhgiasi_logo_new.svg"][alt="Máy Lạnh Giá Sỉ"][class="_rw"] {
        transform: scale(1.5);
		margin-left: 55px;
    }
}
/* 3. Delivery Info Icon Color */
.delivery-info .item .icon {
  color: #0966b1;
}

/* 4. Header Top Text Style */
.header-top .text {
  font-size: 15px;
  font-weight: bold;
}

/* 5. Grid Layout for Logo Images */
.grid-container {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 10px;
}

.grid-container img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  background: #fff;
  border: 1px solid #ddd;
  padding: 5px;
  box-sizing: border-box;
}

/* 6. Menu Grid Layout */
.menu-grid-layout {
  display: none;
}

.item-grid-layout {
  text-align: center;
  font-size: 10px;
  font-weight: 500;
}

.menu-item-link {
  display: block;
  padding: 0 12px;
  text-decoration: none;
  color: #333;
  background: #fff;
  border: 0.5px solid #0966b1;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.menu-item-link:hover {
  background-color: #0966b1;
  color: #fff;
}

/* 8. .e-con-inner Layout */
.e-con-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
}
@media (min-width: 992px) {
  .uminex-buy-buttons-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2%;
    flex-wrap: wrap; /* hoặc dùng nowrap nếu muốn cố định 1 dòng */
  }

  .uminex-buy-buttons-wrapper > .add-to-cart,
  .uminex-buy-buttons-wrapper > #nut-dat-hang,
  .uminex-buy-buttons-wrapper > .yith-wcwl-add-to-wishlist {
    display: inline-flex;
    align-items: center;
  }
  .uminex-buy-buttons-wrapper > .add-to-cart,
  .uminex-buy-buttons-wrapper > #nut-dat-hang {
    flex: 0 0 49%;
  }

  /* Wishlist chiếm 100% chiều ngang, nằm xuống hàng */
  .uminex-buy-buttons-wrapper > .yith-wcwl-add-to-wishlist {
    flex: 0 0 100%;
  }
.uminex-buy-buttons-wrapper > #nut-dat-hang {
    display: flex;
    justify-content: center; /* căn giữa theo chiều ngang */
    align-items: center;     /* căn giữa theo chiều dọc */
    height: 100%;            /* đảm bảo đủ chiều cao để canh giữa dọc */
    text-align: center;      /* nếu cần thêm */
  }
	.uminex-buy-buttons-wrapper > .add-to-cart > a,
  .uminex-buy-buttons-wrapper > #nut-dat-hang {
    margin-top: 0;
	margin-bottom:0;
	
  }
	.uminex-buy-buttons-wrapper > #nut-dat-hang {
		border-radius:25px;
		
	}
	.entry-summary .buy-now {
	margin-top:0px !important;
}
	.uminex-buy-buttons-wrapper {
		margin-top:15px;
	}
}

/* 9. Responsive Styles */
@media (max-width: 1024px) {
  .grid-container {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 767px) {
  a.backtotop{
    bottom: 80px !important;
  }
  .ovic-sales-popup{
    display: none;

  }
	#overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px; /* chống dính sát viền */
    box-sizing: border-box;
  }

  .popup-wrapper {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    overflow-y: auto;
    position: relative;
    width: 100%;
	max-height: 80vh;
    overflow-y: auto;
  }

  .popup-wrapper button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    font-weight: 500;
  }
	.grid-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .header-top .header-inner,
  .elementor-element-f146fc0,
  .elementor-element-685001b,
  .elementor-element-6392f1d,
  .menu-item-3632,
  .menu-item-3633,
  .menu-item-3634,
  .menu-item-3635,
  .menu-item-3636,
  .menu-item-3637,
  .menu-item-3638,
  .menu-item-3639 {
    display: none;
  }

  .banner-footer-pc {
    display: none;
  }

  .banner-footer-mobile {
    display: block;
  }

  .menu-grid-layout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px;
  }

  .elementor-widget-container img.wp-image-3170 {
    margin-top: 5px;
  }

  span.title {
    display: none;
  }
  .uminex-buy-buttons-wrapper > #nut-dat-hang {
    border-radius: 25px;
    margin-top: 10px;
  }
  .form-grid {
    display: block !important;
  }
  #popup-dat-hang{
    max-width: 80% !important;
  }
	.form-vs {
      grid-template-columns: 1fr !important;
      padding-left: 10px;
      padding-right: 10px;
    }
    .form-vs input,
    .form-vs textarea {
      width: 100% !important;
    }
	
}

/* 10. VRV Logo Grid */
.vrv-container .brand-grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
  align-items: center;
  justify-items: center;
  margin-top: 20px;
}

.vrv-container .brand-grid-container img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}

/* 11. Company Info Section 
.post-grid {
  display: flex;
  flex-direction: column;
}

.post-item {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  margin-bottom: 5px;
  border-left: 3px solid #005baa;
  border-bottom: 1px solid #ddd;
  border-radius: 15px;
}

.post-item:last-child {
  border-bottom: none;
}

.post-icon {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  object-fit: contain;
  flex-shrink: 0;
}

.post-content {
  flex: 1;
}

.post-title {
  margin: 0 0 4px;
}


.post-title h2 {
  margin: 0;
  color: #005baa;
}
.post-title h3 {
  font-size: 1.1rem;
  margin: 0;
  color: #005baa;
}

.post-description {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.5;
} */
/* 7. Tabs Link */
.tabs-link {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}

.tabs-link .link {
  display: inline-block;
  text-decoration: none;
}

/* Css nut dat hang */ 
.woocommerce .uminex-order-button {
    background-color: #f0b800;
    color: #fff;
    border-radius: 4px;
}

.woocommerce .uminex-order-button:hover {
    background-color: #e09d00;
}
.uminex-buy-buttons-wrapper > .add-to-cart > a,
  .uminex-buy-buttons-wrapper > #nut-dat-hang {
	  width:100%;
}


/* -----------------------------
 *  CSS Description Product Calotery
 * ----------------------------- */

.category-description-wrapper {
    position: relative;
    max-width: 100%;
    margin-bottom: 20px;
}

.decriptions.limited {
    max-height: 100px; /* khoảng 2 dòng */
    overflow: hidden;
    position: relative;
}

/* Hiệu ứng làm mờ phần dưới */
.decriptions.limited::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

/* Khi mở rộng thì không giới hạn chiều cao */
.decriptions.expanded {
    max-height: none;
}

.decriptions.expanded::after {
    display: none;
}

/* Nút xem thêm */
.toggle-description {
    display: inline-block;
    margin-top: 10px;
    background-color: #2b38d1;
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
}

.toggle-description:hover {
    background-color: #19217d;
}
.toggle-wrapper {
    text-align: center;
}
/* End Description Product Calotery */

/* -----------------------------
 *  CSS Logo Product Image
 * ----------------------------- */

 .subcategory-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin: 20px 0;
}

.subcategory-logo-item img {
    max-height: 60px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.subcategory-logo-item:hover img {
    transform: scale(1.05);
}
@media (max-width: 768px) {
    /* Container chính */
    .inner-control {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;
        min-height: 80px; /* Tăng chiều cao để chứa logo lớn hơn */
        overflow: visible; /* Tránh logo bị ẩn */
    }

    /* Ẩn user link */
    .block-userlink {
        display: none;
    }

    /* Menu sát phải */
    .block-menu-bar {
        margin: 0;
        padding: 0;
        order: 2; /* Đặt menu ở vị trí thứ hai để đẩy sang phải */
        z-index: 10; /* Đảm bảo không che logo */
    }

    /* Cart sát trái */
    .block-minicart a.woo-cart-link .icon.main-icon-cart {
        margin: 0;
        padding: 0;
        order: 1; /* Đặt giỏ hàng ở vị trí đầu tiên để đẩy sang trái */
        z-index: 10; /* Đảm bảo không che logo */
    }

    /* Logo căn giữa */
    .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%); /* Căn giữa chính xác */
        top: 20px; /* Khoảng cách từ đỉnh */
        z-index: 1000; /* Đảm bảo logo ở trên cùng */
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .logo a {
        display: inline-block;
        color: var(--default-color);
        text-decoration: none;
        max-width: 100%;
        padding: 8px 0;
    }
    .logo img {
        display: block !important;
        max-width: 150px; /* Đặt kích thước tối đa cố định cho logo */
        width: 100%; /* Đảm bảo logo không nhỏ hơn container */
        height: auto; /* Giữ tỷ lệ */
        transform: scale(1.25) !important; /* Phóng to logo, ưu tiên cao */
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* Container chính */
    .inner-control {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1.5rem; /* Tăng gap để tận dụng không gian rộng hơn */
        width: 100%;
        padding: 0; /* Tăng padding ngang cho giao diện thoáng */
        margin: 0;
        position: relative;
        min-height: 90px; /* Tăng chiều cao để phù hợp với tablet */
        overflow: visible;
    }

    /* Hiển thị lại user link */
    .block-userlink {
        display: flex; /* Hiển thị lại vì tablet có không gian rộng hơn */
        align-items: center;
        margin: 0;
        padding: 0;
        z-index: 10;
    }

    /* Menu sát phải */
    .block-menu-bar {
        margin: 0;
        padding: 0;
        order: 2; /* Đặt menu ở vị trí thứ hai để đẩy sang phải */
        z-index: 10;
    }

    /* Cart sát trái */
    .block-minicart a.woo-cart-link .icon.main-icon-cart {
        margin: 0;
        padding: 0;
        order: 1; /* Đặt giỏ hàng ở vị trí đầu tiên để đẩy sang trái */
        z-index: 10;
    }

    /* Logo căn giữa */
    .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 15px; /* Giảm khoảng cách từ đỉnh để cân đối */
        z-index: 10;
        display: block;
        visibility: visible;
        opacity: 1;
    }

    .logo a {
        display: inline-block;
        color: var(--default-color);
        text-decoration: none;
        max-width: 100%;
        padding: 0.75rem 0; /* Tăng padding nhẹ cho link */
    }

    .logo img {
        display: block;
        max-width: 140px; /* Kích thước logo lớn hơn di động nhưng nhỏ hơn desktop */
        width: 100%;
        height: auto;
        transform: scale(1.15); /* Giảm mức phóng to so với di động */
        transition: transform 0.3s ease; /* Thêm hiệu ứng chuyển đổi mượt mà */
    }
}
	/* Ẩn user link */
    .block-userlink {
        display: none;
    }
@media (min-width: 1025px) {
._rw {
    transform: scale(1.2);
    margin-left: 20px;
	max-width: 188px;
	}
}

.blockUI.blockOverlay {
    display: none !important;
}