/* Main Css */
.input_number_product input::-webkit-outer-spin-button,
.input_number_product input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.input_number_product input[type=number] {
    -moz-appearance: textfield;
}
.input_number_product .btn_num:hover, .input_number_product .btn_num:focus  {
    background-color: transparent!important;
}
nav.rank-math-breadcrumb p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
}
.elementor-icon-box-title, .elementor-image-box-title {
	margin-top: 0;
}
ins {
	text-decoration: none;
}
ul.page-numbers {
	display: flex!important;
	gap: 10px;
    justify-content: center;
}
li .page-numbers {
	display: inline-flex!important;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
	border: 1px solid #FFCB57;
}
.blog-item .blog-excerpt p:last-child {
    margin-bottom: 0;
}
nav.elementor-pagination .page-numbers {
	display: inline-flex;
	justify-content: center;
    align-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid #FEBB12;
	background-color: #fff;
	border-radius: 5px;
	font-weight: 600;
}
nav.elementor-pagination .page-numbers:hover, nav.elementor-pagination .page-numbers.current  {
	background-color: #FEBB12;
}
.woocommerce ul.products li.product a img {
	margin: 0;
}
/* Home Page Css */
.video-item .play-btn {
	transform: translate(-50%, -50%);
}
.home-blog-item .content-wrap {
	position: absolute;
	bottom: 0;
}
.home-blog-item .title .elementor-heading-title {
    min-height: 45px;
    overflow: hidden;
    display: block; /* Sử dụng block thay vì -webkit-box */
    line-height: 1.5; /* Đảm bảo độ cao dòng để nội dung có thể xuống dòng */
    word-wrap: break-word; /* Cho phép từ dài xuống dòng nếu cần */
}

.product-item .title .elementor-heading-title {
    height: 50px;
    overflow: hidden;
    display: block; /* Sử dụng block thay vì -webkit-box */
    line-height: 1.5; /* Đảm bảo độ cao dòng để nội dung có thể xuống dòng */
    word-wrap: break-word; /* Cho phép từ dài xuống dòng nếu cần */
}

@media (max-width: 767px) {
    .home-blog-item .title .elementor-heading-title {
        min-height: 30px;
    }
    .product-item .title .elementor-heading-title {
        height: 30px;
    }
}

/* Single Product Css */
.single_variation_wrap .woocommerce-variation-availability, a.reset_variations {
	display: none!important;
}
p.quantity-label {
	font-size: 16px;
    font-weight: 300;
    line-height: 19px;
}
.input_number_product {
	display: inline-flex;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.input_number_product input {
	height: 40px!important;
	border: 0;
}
.input_number_product input.btn_num {
	font-size: 16px;
	color: #000;
	font-weight: 400;
}
table.variations tr {
	display: flex;
	gap: 10px;
	align-items: center;
}
table.variations tr th.label, table.variations tr td.woo-variation-items-wrapper {
	padding: 0;
	background-color: transparent;
}
/* Contact Toolbox */
.fixed-toolbox {
	display: flex;
	flex-direction: column;
	gap: 15px;
	position: fixed;
	bottom: 65px;
	right: 9px;
	z-index: 999;
}
.fixed-toolbox .link_mess {
	background-color: #0080f7;
	border-radius: 50%;
	width: 48px;
	height: 48px;
}
.fixed-toolbox .phone_call {
	width: 48px;
	height: 48px;
	display: inline-block;
	background: url(https://kienferios.allplus.vn/wp-content/uploads/2024/08/iconmobile@2x-300ppi.png);
	background-position: -314px -175px;
	background-color: #ff0000;
	background-size: 545px;
	border-radius: 50%;
	padding: 15px;
	-webkit-animation: ring 1s linear infinite;
	animation: ring 1s linear infinite;
}
.fixed-toolbox .chatzalo {
	background: url(https://kienferios.allplus.vn/wp-content/uploads/2024/08/icon-zalo.png) no-repeat;
	background-size: cover;
	width: 50px !important;
	height: 50px !important;
}
.fixed-toolbox .icon-rm-chat-messgenger {
	width: 43px;
	height: 43px;
	background-size: 608px;
	background-position: -438.5px -198px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(https://kienferios.allplus.vn/wp-content/uploads/2024/08/iconmobile@2x-300ppi.png);
	background-repeat: no-repeat;
	-webkit-animation: ring 1.5s linear infinite;
	animation: ring 1.5s linear infinite;
}
@keyframes ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	10% {
		-webkit-transform: rotate(-25deg);
		transform: rotate(-25deg);
	}

	20% {
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg);
	}

	30% {
		-webkit-transform: rotate(-25deg);
		transform: rotate(-25deg);
	}

	40% {
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg);
	}

	50% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

/* Ẩn icon kính lúp */
.woo-variation-gallery-trigger .dashicons-search,
.woo-variation-gallery-trigger .dashicons {
    display: none !important;
}

/* Kéo phần tử trigger phủ toàn bộ ảnh */
.woo-variation-gallery-trigger {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 20;
    background: transparent !important;
}

/* Làm nền popup ảnh trong suốt nhẹ */
.pswp__bg {
    background: rgba(0, 0, 0, 0.5) !important;
}


/* Hover vào ảnh thumbnail - hiệu ứng nâng lên + khung */
.wvg-gallery-thumbnail-image:hover {
    border: 1px solid rgba(0, 0, 0, 0.3); /* Viền đậm hơn chút */
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Đổ bóng nhẹ */
    transition: all 0.3s ease-in-out;
}

/* Khi ảnh đang được chọn */
.wvg-gallery-thumbnail-image.current-thumbnail {
    border: 1px solid rgba(0, 0, 0, 0.6); /* Viền rõ hơn ảnh hover */
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
    transition: all 0.3s ease-in-out;
}

/* Ảnh bình thường không hiệu ứng */
.wvg-gallery-thumbnail-image img {
    transition: transform 0.2s ease-in-out;
}

.wvg-slider-prev-arrow,
.wvg-slider-next-arrow {
   z-index: 999 !important;
    pointer-events: auto !important;
}
/* Nội dung của sản phẩm */
.fragrance-notes h3 {
    font-size: 1.2em;
    color: brown;
    background-image: linear-gradient(to right, #ffc3a0 0%, #ffafbd 100%);
    padding: 5px 10px;
    display: inline-block;
	border-radius: 5px;
	font-weight: 600;
    font-style: normal;
	    width: 100%;
	    margin-bottom: .5em;
    margin-top: 0;
    text-rendering: optimizeSpeed;
}

.fragrance-notes {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.notes-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding-bottom: 2em;
}
.fragrance-term {
    font-size: 85%;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    width: 20%;
    position: relative;
    cursor: pointer;
}

li {
    margin-bottom: .6em;
}

.elementor-posts-nothing-found::before {
  content: "Không có sản phẩm nào.";
  display: inline-block; /* hoặc block nếu muốn full width */
  white-space: nowrap;   /* ✅ Ngăn xuống hàng */
  color: #161618;
  font-family: 'Inter Tight', sans-serif;
  font-size: 15.2px;
  text-align: center;
  font-weight: 400;
  width: 100%;
}

/* Thanh màu của sản phẩm */
.mui-huong-bars {
  display: flex;
  flex-direction: column;
}

.mui-huong-bar {
  position: relative; /* để overlay bám theo thanh */
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-family: 'Inter Tight', sans-serif;
  font-size: 15px;
  padding: 6px 0;
  border-radius: 0px 2px 5px 0px;
  transition: width 1s ease-out, transform 0.3s, box-shadow 0.3s, font-weight 0.3s;
  line-height: 1.2;
  color: #000;
  box-shadow: 0 1px 1px rgba(0,0,0,.06);
  overflow: hidden;
}

/* Overlay phủ cả chữ nhưng trừ thanh đầu tiên */
.mui-huong-bar:not(:first-child)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.3);
  pointer-events: none;
}

.mui-huong-bar:hover {
  transform: scale(1.02);
  box-shadow: 0 2px 4px rgba(0,0,0,.15);
}

.mui-huong-text {
  pointer-events: none;
}

/* Sửa đánh giá */
/* Bọc cả cụm lại để dễ kiểm soát */
.nlx-rating-wrap { display:flex; align-items:center; gap:8px; }

/* Huy hiệu số điểm 5.0 */
.nlx-rating-badge{
  background:#EC4C2C; color:#FFFFFF;
  font-family:'Inter Tight',sans-serif; font-weight:600;
  font-size:12px; line-height:20px; padding:0 6px;
  border-radius:4px; display:inline-flex; align-items:center;
}
/* Sao của CusRev đã set bằng color_stars.
   Canh vị trí một chút nếu cần */
.nlx-rating-wrap .cr-stars,
.nlx-rating-wrap .star-rating{ margin:0 4px; }

/* Link (9 đánh giá) */
.nlx-review-link{
  color:#0727A5; text-decoration:none;
  font-family:'Inter Tight',sans-serif; font-weight:600; font-size:14px; line-height:20px;
}
.nlx-review-link:hover{ text-decoration:underline; }

/* ================== DUNG TÍCH (pa_dung-tich) ================== */
/* Biến dùng lại */
:root{
  --sw-gap: 0px;
  --sw-pad: 8px 10px;
  --sw-radius: 6px;
  --sw-border: #e6e6e6;
  --sw-active: #ef4444;
  --sw-font: -apple-system,BlinkMacSystemFont,"Inter Tight",sans-serif;
}
/* Tắt box-shadow cho tất cả item swatches - Khung chứa dung tích */
.woo-variation-swatches .variable-items-wrapper .variable-item {
  box-shadow: none !important;
}
/* Ô TD chứa swatches: xếp dọc, canh trái */
table.variations td.value.woo-variation-items-wrapper{
  display:flex; flex-direction:column; align-items:flex-start;
  padding:0; margin:0;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_dung-tich"]{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;                 /* khoảng cách giữa các ô */
  width: 100%;
}
/* Ô swatch: căng đều theo cột, cùng chiều cao */
.variable-items-wrapper[data-attribute_name="attribute_pa_dung-tich"] .button-variable-item{
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 44px;          /* chiều cao đồng đều */
  width: 100% !important;               /* ô giãn hết cột */
  min-width: 0 !important;   /* hủy min-width cũ gây tràn hàng */
  padding: var(--sw-pad);
  box-sizing: border-box;
  text-align: center;
	background:#fff; border:1px solid var(--sw-border); border-radius:var(--sw-radius)!important;
  transition:none !important;    
}

/* Bên trong canh giữa và giãn đủ rộng */
.variable-items-wrapper[data-attribute_name="attribute_pa_dung-tich"] .variable-item-contents{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
font-size: 14px !important;
}
/* Trạng thái chọn */
.variable-items-wrapper[data-attribute_name="attribute_pa_dung-tich"] .button-variable-item.selected{
  border-color:var(--sw-active); box-shadow:none !important; outline:0 !important;
}
/* Không thay đổi gì khi hover/focus */
table.variations td.value.woo-variation-items-wrapper .variable-item:hover,
table.variations td.value.woo-variation-items-wrapper .variable-item:focus,
table.variations td.value.woo-variation-items-wrapper .variable-item:focus-visible,
table.variations td.value.woo-variation-items-wrapper .variable-item:focus-within{
  transform: none !important;
  box-shadow: none !important;
}
.variable-items-wrapper[data-attribute_name="attribute_pa_dung-tich"] .variable-item-span{
  font-weight:500; line-height:1;
}

/* Giáaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */
.variable-items-wrapper[data-attribute_name="attribute_pa_dung-tich"] .sw-price{
  width:100%; padding-top:0; line-height:1.2; border:0 !important; /* bỏ đường kẻ */
}
.variable-items-wrapper[data-attribute_name="attribute_pa_dung-tich"] 
.sw-price .woocommerce-Price-amount bdi{
  color:#111; font-size:12px; font-weight:400; font-family:var(--sw-font);
}
/* Kết thúc giáaaaaaaaaaaaa */

/* ===== [blinds_product_types] – 3 cột bằng nhau ===== */
.blinds-type-list{
  display: grid !important;                    /* ghi đè rule flex cũ */
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;                                   /* khoảng cách giữa các ô */
  align-items: stretch;
}

.blinds-type-card{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 6px 6px 0px 6px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  text-decoration: none;
  color: #161618;
  background: #fff;
  transition: border-color .2s, box-shadow .2s, transform .1s;
}

.blinds-type-card .thumb img{
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 6px;
}

/* giữ style đang có */
.blinds-type-card.is-active{ border-color:#DF0000; }
.blinds-type-card .label{
  font-family:'Inter Tight', sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  color:#333;
  margin:3px 0;
  display:inline-block;
}


/* Màu chữ giá của sản phẩm */
/* Chỉ hiện giá sale, ẩn giá gốc trong #top-price */
#top-price .price del,
#top-price .price del *,
#top-price .price del + ins:before,       /* ký tự phân tách giữa del và ins (nếu có) */
#top-price .price .screen-reader-text {   /* text trợ năng "Original price..." */
  display: none !important;
}

#top-price .price ins .woocommerce-Price-amount,
#top-price .price ins .woocommerce-Price-amount bdi,
#top-price .price ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
#top-price .price > :not(del) .woocommerce-Price-amount,
#top-price .price > :not(del) .woocommerce-Price-amount bdi,
#top-price .price > :not(del) .woocommerce-Price-amount .woocommerce-Price-currencySymbol{
  color:#E52D27 !important;
  font-family:'Inter Tight', sans-serif !important;
  font-size:20px;
  font-weight:600;
  text-decoration:none !important;
	line-height: 0;
}

#top-price .price ins,
#top-price .price > :not(del) .woocommerce-Price-amount{
  display: inline-block;          /* để có thể dịch chuyển */
  transform: translateY(3px);    /* hạ xuống 3px */
  /* hoặc dùng position thay cho transform:
  position: relative; top: 10px;
  */
}

/* Tình trạng còn hàng, hết hàng */
/* Màu xanh #0727A5, font Inter Tight, đậm vừa */
.status-blue .stock,
.status-blue p.stock,
.status-blue .stock-status,       /* trường hợp markup là <span class="stock-status instock"> */
.status-blue .instock {
  color: #3eb846 !important;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 600;
  font-size: 14px !important;              /* tùy chỉnh */
}

/* Tuỳ chọn: nếu hết hàng thì tô đỏ */
.status-blue .out-of-stock,
.status-blue .stock-status.outofstock {
  color: #DF0000 !important;
  font-weight: 600;
}

/* Nội dung chi tiết sản phẩm - FAQ */
/* Vùng FAQ tổng */
.faq-section{
  width: 100%;
  max-width: 650px;
  margin-top: 30px;
}

/* Mỗi item */
.faq-item{ margin-bottom: 12px; }

/* Câu hỏi */
.faq-question{
  font-weight: 700;
  cursor: pointer;
  margin-top: 12px;
  position: relative;
  padding: 12px 20px 10px;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  line-height: 1.6;
  background: #fff;
}

/* Ký hiệu ở bên phải (tùy chọn) */
.faq-question::after{
  content: "+";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
}

/* Câu trả lời (ẩn mặc định) */
.faq-answer{
  display: none;
  margin-top: 10px;
  padding: 12px 20px 10px;
  border-radius: 8px;
  border: 1px solid #bdbdbd;

  /* Nền theo panel của bạn trong ảnh (có thể chỉnh) */
  background-image:
    radial-gradient(73% 147% at 26% 22%, rgb(234 223 223) 23%, transparent 59%),
    radial-gradient(91% 146% at 80% 20%, rgba(255,255,255,.5) 47%, rgba(0,0,0,.05) 100%);
  background-blend-mode: screen;
}

/* Hiển thị khi mở (nếu bạn thêm class .active bằng JS) */
.faq-item.active .faq-answer{ display:block; }
.faq-item.active .faq-question::after{ content:"–"; }
/* H2 nhỏ lại trên màn hình ≤ 767px */
@media (max-width: 767px){
  /* Tiêu đề khu FAQ */
  .faq-section h2{
    font-size: 20px !important;
    line-height: 1.35;
    margin: 12px 0;
  }

  /* (Tuỳ chọn) các H2 chung trong khu mô tả/chi tiết sản phẩm */
  .product-detail-info h2,
  .product-description h2,
  .woocommerce-Tabs-panel h2{
    font-size: 20px !important;
    line-height: 1.35;
  }
}
@media (max-width: 767px){
h2{
    font-size: 20px !important;
    line-height: 1.35;
    margin: 12px 0;
  }
}
@media (max-width: 767px){
  h3 {
    font-size: 18px !important;   /* chỉnh nhỏ hơn h2 */
    line-height: 1.4;
    margin: 10px 0;
  }
}