/**
 * CSS cuối chuỗi chỉ dành cho trang chi tiết sản phẩm, tách từ main-manh.css tại 6J2I.
 * Giữ nguyên giá trị CSS; file được enqueue tại đúng vị trí cascade của main-manh.css.
 */

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{
    border-radius: 0;
    border: 1px solid #949494;
    box-shadow:unset;
  }


  .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected{
    border-color: #D87C7C;
  }

  .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item.selected:not(.radio-variable-item).button-variable-item{
    background: url(bg-variant-checked.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    transition: unset;
  }

  .woo-variation-swatches.wvs-show-label .variations th.label{
    color: inherit;
  }

  .woocommerce-product-details__short-description table tr td{
    border: 1px solid #a5a5a5;
  }
  @media only screen and (min-width: 991px) {
    .woocommerce div.product div.images{
      width: 50%;
     }
     .woocommerce-page div.product div.summary {
        width: 46%;
      }
  }

    .fundiin-promotion__panel{
      margin-top: 5px;
      padding: 3px 8px;
      width: fit-content;
      max-width: 370px;
      background: linear-gradient(to right, #06DECD, #744DEF);
      color: #fff;
      font-family: var(--v247-font-family);
      font-size: 17px;
      border-radius: 5px;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 20px;
    }
    .fundiin_promotion__panel-inner {
        display: flex;
        column-gap: 10px;
        align-items: center;
    }
    .promotion-panel__description strong {
        font-weight: 600;
        color: #FFFDC3;
    }
    .fundiin-promotion__panel a{ color:#fff;text-decoration: underline; }

    .fundiin__promotion-panel {
      position: relative;
      margin: auto;
      box-shadow: 6px 2px 6px rgba(0, 0, 0, 0.1);
      display: flex;
      height: 70px;
      margin-bottom: 10px;
      z-index: 1;
  }
/*
 * Tab sản phẩm: dùng viền ngoài rất nhẹ cùng hệ sidebar; bên trong bỏ khung viền cứng.
 * Trạng thái tab được phân biệt bằng nền nhẹ + chữ, không dùng border nặng.
 */
.v247-product-tabs-layout > .v247-product-tabs-main {
    padding-top: 12px;
    padding-bottom: 14px;
    border: 1px solid var(--v247-panel-border);
    border-radius: var(--v247-panel-radius);
    background: var(--v247-panel-bg);
    box-shadow: var(--v247-panel-shadow);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0 0 16px !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 11px;
    background: var(--v247-panel-header-bg);
    box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after {
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 9px 14px !important;
    color: var(--v247-heading-muted);
    font-family: var(--v247-font-family);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;
    transition: color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li:focus-within {
    background: var(--v247-accent-soft) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--v247-accent-soft) !important;
    box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus-visible {
    color: var(--v247-accent);
    text-decoration: none !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 2em;
    padding: 8px 10px 12px;
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.woocommerce div.product .product_title {
    clear: none;
    margin: 0 0 10px;
    padding: 0;
    color: var(--v247-heading-text);
    font-family: var(--v247-font-family);
    font-size: var(--v247-h1-commerce);
    font-weight: var(--v247-heading-weight);
    line-height: 1.28;
    letter-spacing: -0.012em;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: red;
    font-size: 1.8em;
    font-weight: 500;
}

/* Chỉ chuẩn hóa heading trong nội dung sản phẩm; không ép toàn bộ h2 của trang. */
.single-product .woocommerce-Tabs-panel h2,
.single-product .woocommerce-Tabs-panel h3,
.single-product .woocommerce-Tabs-panel h4,
.single-product .woocommerce-Tabs-panel h5,
.single-product .woocommerce-Tabs-panel h6 {
    font-family: var(--v247-font-family);
    font-weight: var(--v247-heading-weight);
    line-height: 1.38;
    text-decoration: none;
}
.single-product .woocommerce-Tabs-panel h2 { margin: 24px 0 11px; color: var(--v247-heading-text); font-size: var(--v247-h2); }
.single-product .woocommerce-Tabs-panel h3 { margin: 21px 0 10px; color: var(--v247-heading-text); font-size: var(--v247-h3); }
.single-product .woocommerce-Tabs-panel h4 { margin: 18px 0 9px; color: var(--v247-heading-muted); font-size: var(--v247-h4); }
.single-product .woocommerce-Tabs-panel h5 { margin: 16px 0 8px; color: var(--v247-heading-muted); font-size: var(--v247-h5); }
.single-product .woocommerce-Tabs-panel h6 { margin: 14px 0 7px; color: var(--v247-heading-muted); font-size: var(--v247-h6); }
.single-product .woocommerce-Tabs-panel h1 a,
.single-product .woocommerce-Tabs-panel h2 a,
.single-product .woocommerce-Tabs-panel h3 a,
.single-product .woocommerce-Tabs-panel h4 a,
.single-product .woocommerce-Tabs-panel h5 a,
.single-product .woocommerce-Tabs-panel h6 a {
    color: inherit;
    text-decoration: none !important;
    transition: var(--v247-heading-transition);
}
.single-product .woocommerce-Tabs-panel h1 a:hover,
.single-product .woocommerce-Tabs-panel h1 a:focus-visible,
.single-product .woocommerce-Tabs-panel h2 a:hover,
.single-product .woocommerce-Tabs-panel h2 a:focus-visible,
.single-product .woocommerce-Tabs-panel h3 a:hover,
.single-product .woocommerce-Tabs-panel h3 a:focus-visible,
.single-product .woocommerce-Tabs-panel h4 a:hover,
.single-product .woocommerce-Tabs-panel h4 a:focus-visible,
.single-product .woocommerce-Tabs-panel h5 a:hover,
.single-product .woocommerce-Tabs-panel h5 a:focus-visible,
.single-product .woocommerce-Tabs-panel h6 a:hover,
.single-product .woocommerce-Tabs-panel h6 a:focus-visible {
    color: var(--v247-heading-hover);
    text-decoration: none !important;
}

.woocommerce-Tabs-panel > h2{
  display: none;
}

.woocommerce div.product form.cart .button.wpcbn-btn-single{
    background: #d6101d;
    transition: all .5s;
}

.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .button.wpcbn-btn-single:hover{
  background: var(--v247-accent-hover);
}
    .single-product .quantity:not(.manh-quantity){
        display: none !important;
    }
  .woocommerce.single-product span.onsale{
    top: 12px !important;
    right: auto !important;
    left: 12px;
  }
  .title-muangay{
    margin: 0;
  }
@media (max-width: 767.98px) {
	    .woocommerce div.product .product_title {
	        margin-top: 0;
	        font-size: var(--v247-h1-content-mobile);
	        line-height: 1.3;
	    }

        .single-product .woocommerce-Tabs-panel h2 { font-size: var(--v247-h2-mobile); }
        .single-product .woocommerce-Tabs-panel h3 { font-size: var(--v247-h3-mobile); }
        .single-product .woocommerce-Tabs-panel h4 { font-size: var(--v247-h4-mobile); }
        .single-product .woocommerce-Tabs-panel h5 { font-size: var(--v247-h5-mobile); }
        .single-product .woocommerce-Tabs-panel h6 { font-size: var(--v247-h6-mobile); }
.fundiin-promotion__panel{
	      margin-top: 5px;
	        }

	        .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price{
	            margin-top: 0;
	        }

	    .woocommerce div.product .woocommerce-product-rating{
	        margin-top: 0;
	    }
	  }
.woocommerce-product-gallery { position: relative; }
#show-short-description { position: relative; display: block; width: 100%; height: 34px; overflow: hidden; border: 0; background: transparent; text-align: left; cursor: pointer; }
#show-short-description.full-show { height: auto; }
#show-short-description .fa { position: absolute; top: 6px; right: 9px; font-size: 20px; }
.wpshare247-overlay-text { position: absolute; top: 12px; right: 12px; left: 12px; z-index: 99; padding: 10px 12px; border-radius: 6px; background: rgba(0, 0, 0, 0.65); color: #fff; font-size: 14px; }
.wpshare247-overlay-text ul li { list-style: disc; }

/* QA-08 FIX4: giữ pointer/touch cho swipe ngang trên lightbox ảnh mobile. */
@media (max-width: 768px) {
	body.single-product .fancybox-stage,
	body.single-product .fancybox-slide--image,
	body.single-product .fancybox-slide--image .fancybox-content,
	body.single-product .fancybox-slide--image .fancybox-image {
		touch-action: pan-y !important;
	}
}

@media (max-width: 767.98px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        display: none;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: 8px 12px !important;
        font-size: 13px;
    }
    .woocommerce div.product .woocommerce-tabs .panel {
        padding: 6px 4px 10px;
    }
    .v247-product-tabs-layout > .v247-product-tabs-main {
        padding-top: 10px;
        padding-bottom: 12px;
        border-radius: 12px;
    }
}

/* Responsive sản phẩm: hợp nhất từ responsive-product.css ở CLEAN-DEEP V3 để giảm 1 request CSS. */
@media only screen and (max-width: 500px) {
	 .single-product .summary.entry-summary{
		display: flex;
    	flex-direction: column;
	 }.single-product .summary.entry-summary .fb-like{
		order:3;
	 }.single-product .summary.entry-summary .price{
		*order:2;
	 }.single-product .summary.entry-summary #show-short-description{
		*order:5;
	 }.single-product .summary.entry-summary .cart{
		order:1;
	 }.single-product .summary.entry-summary .product_meta{
		order:6;
	 }
	/* QA cuối: mobile dùng nút mã giảm nổi màu đỏ; panel khuyến mãi desktop không lặp lại trên mobile. */
	 .single-product .summary.entry-summary .v247-coupon-product-panel{
		display: none !important;
	 }
     .woocommerce div.product form.cart{
        margin-bottom: 0;
     }
}

/* Product summary: mobile ưu tiên giá trước, sao sau trên cùng một hàng.
 * Giữ toàn bộ tinh chỉnh của cụm giá/sao tại đây để dễ đổi giao diện sau này. */
@media only screen and (max-width: 767.98px) {
	.single-product .summary.entry-summary .v247-product-rating-price {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 6px;
		width: 100%;
		margin: 0 0 12px;
	}

	.single-product .summary.entry-summary .v247-product-rating-price .price {
		order: 1;
		flex: 1 1 auto;
		min-width: 0;
		margin: 0 !important;
		font-size: clamp(18px, 5.2vw, 22px) !important;
		line-height: 1.2;
		white-space: nowrap;
	}

	.single-product .summary.entry-summary .v247-product-rating-price .woocommerce-product-rating {
		display: flex;
		order: 2;
		flex: 0 0 auto;
		align-items: center;
		margin: 0 !important;
		line-height: 1;
	}

	.single-product .summary.entry-summary .v247-product-rating-price .star-rating {
		width: 5.4em;
		height: 1em;
		margin: 0 !important;
		font-size: 0.95rem !important;
		line-height: 1 !important;
	}

	/* Đồng bộ kích thước glyph sao với chính khung star-rating.
	 * Ghi đè quy tắc legacy 25px chỉ trong cụm giá/sao mobile để tránh sao bị chồng. */
	.single-product .summary.entry-summary .v247-product-rating-price .star-rating::before,
	.single-product .summary.entry-summary .v247-product-rating-price .star-rating span::before {
		margin-top: 0 !important;
		padding: 0 !important;
		font-size: inherit !important;
		line-height: 1 !important;
	}
}

/* Nhãn biến thể: chuyển từ Additional CSS trong database về đúng CSS trang sản phẩm. */
.woocommerce div.product form.cart .variations label {
  color: red;
  font-size: 17px;
  font-weight: 600;
  text-align: left;
  transform: translateX(-8px);
}

/* REVIEW-RATING-INPUT-01
 * Form đánh giá vẫn dùng #rating + class selected/active do WooCommerce quản lý.
 * Chỉ thay glyph sao nhập liệu bằng Unicode để không phụ thuộc icon-font WooCommerce,
 * cùng nguyên tắc với sao hiển thị đã được ổn định ở main-manh.css.
 */
.single-product #review_form #respond p.stars {
    display: block;
    margin: 4px 0 12px;
    line-height: 1;
}

.single-product #review_form #respond p.stars > span {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.single-product #review_form #respond p.stars a {
    position: relative;
    display: inline-block;
    flex: 0 0 1.05em;
    width: 1.05em;
    height: 1.05em;
    overflow: hidden;
    color: #f3c11a;
    font-family: Arial, "Segoe UI Symbol", sans-serif !important;
    font-size: 28px;
    line-height: 1;
    text-decoration: none !important;
    text-indent: -999em;
    cursor: pointer;
    pointer-events: auto;
}

.single-product #review_form #respond p.stars a::before {
    position: absolute;
    inset: 0;
    display: block;
    width: 1.05em;
    height: 1.05em;
    color: currentColor;
    font-family: Arial, "Segoe UI Symbol", sans-serif !important;
    font-size: inherit;
    line-height: 1;
    text-align: center;
    text-indent: 0;
    content: "☆" !important;
}

/* Giá trị đã chọn: tô từ sao 1 đến đúng sao active. */
.single-product #review_form #respond p.stars.selected a::before {
    content: "★" !important;
}
.single-product #review_form #respond p.stars.selected a.active ~ a::before {
    content: "☆" !important;
}

/* Khi rê/chạm chọn: xem trước đúng mức 1–5 sao. */
.single-product #review_form #respond p.stars:hover a::before {
    content: "★" !important;
}
.single-product #review_form #respond p.stars a:hover ~ a::before {
    content: "☆" !important;
}

.single-product #review_form #respond p.stars a:focus-visible {
    border-radius: 3px;
    outline: 2px solid var(--v247-accent);
    outline-offset: 2px;
}

@media (max-width: 767.98px) {
    .single-product #review_form #respond p.stars a {
        font-size: 27px;
    }
}