/*
 Theme Name:Woodmart Child
 Description:Woodmart Child Theme
 Author:XTemos
 Author URI:http://xtemos.com
 Template:woodmart
 Version:1.0.0
 Text Domain:woodmart
*/
.woocommerce-tabs .reviews_tab,
#tab-reviews {
    display: none !important;
}

.wd-product.wd-hover-icons .wrapp-buttons {
  display:none;
}

.wd-load-more {
  border-radius:15px;
  background-color:#C70000;
  color:#fff;
}

/* Caption ảnh */
.wp-caption-text {
  font-size:16px;
  background-color: #0011;
  color:#666;
  text-align:center;
  font-style:italic;
  border-radius: 0 0 10px 10px;
}
.wp-block-image img {
	width: 100%;
}
.hover-product-sidebar {
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:20px;
}

.product-list-column {
  width:50%;
}

.product-image-column {
  width:50%;
  display:flex;
  justify-content:center;
}

.sidebar-products {
  list-style:none;
  padding:0;
  margin:0;
}

.sidebar-products li {
  margin-bottom:10px;
  padding:8px 12px;
  background-color:#f9f9f9;
  border:1px solid #eee;
  border-radius:6px;
  transition:all 0.3s ease;
  position:relative;
}

.sidebar-products li:hover {
  background-color:#fff3e0;
  border-color:#fbc02d;
  transform:translateX(3px);
}

.sidebar-products li a {
  display:block;
  color:#c62828;
  font-weight:600;
  text-decoration:none;
  font-size:12px;
  transition:color 0.3s ease;
}

.sidebar-products li:hover a {
  color:#e65100;
}

.product-image-column img {
  width:150px;
  height:150px;
  object-fit:cover;
  border:1px solid #ddd;
  border-radius:5px;
  padding:5px;
  transition:opacity 0.3s ease;
}

/* Điện thoại nhỏ (dưới 480px) */
@media (max-width: 480px) {
  /* CSS cho smartphone nhỏ */
}
/* Điện thoại lớn & tablet dọc */
@media (min-width: 481px) and (max-width: 767px) {
  /* CSS cho điện thoại lớn hoặc tablet dọc */
	.product-image-column {
		display:none !important;
	}
	.product-list-column {
		width:100% !important;
	}
}
/* Tablet ngang */
@media (min-width: 768px) and (max-width: 1023px) {
  /* CSS cho iPad ngang hoặc tablet lớn */
}

/* Laptop nhỏ */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* CSS cho laptop nhỏ */
}

/* Desktop trung bình */
@media (min-width: 1280px) and (max-width: 1439px) {
  /* CSS cho desktop phổ thông */
}

/* Desktop lớn */
@media (min-width: 1440px) {
  /* CSS cho màn hình lớn */
}