/*
Theme Name: BaoNgoc
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.woocommerce-shop .isures-sdc--dropdown_inner {
    display: flex;
}
.woocommerce-shop  .isures-sdc--dropdown_list .isures-sdc--logo_left {
    min-width: 60px;
    width: 80px;
    padding: 4px;
}
.woocommerce-shop .isures-sdc--wrap {
	height: 170px;
}

.box-image {
	    border-radius: 3%;
}
.price-wrapper {
	margin-top: 10px;}
}
.product-title a {
	    display: -webkit-box;
    -webkit-line-clamp: 2; /* Số dòng muốn hiển thị */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flashsale-progress .flashsale-progress {
    margin-top: 8px;
}
.flashsale-progress {
	margin-top: 15px;
    display: ruby-text;
}
.flashsale-progress .fs-bar {
    position: relative;
    width: 85%;
    height: 19px;
    background: #ddd;
    border-radius: 20px;
}

/* Thanh vàng */
.flashsale-progress .fs-fill {
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, #ff9800, #ffc107);
}
.flashsale-progress img.wp-smiley, .flashsale-progress img.emoji {
    height: 3em !important;
    width: 2em !important;
}
/* Icon 🔥 bên trái */
.fs-fire {
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    z-index: 2;
	filter: hue-rotate(-20deg) saturate(2) brightness(1.1);
}

/* Text nằm giữa */
.flashsale-progress .fs-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 500;
    color: #333;
    z-index: 2;
    white-space: nowrap;
}
.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot {
    background-color: #cfcfcf;
}
.nav-dropdown.nav-dropdown-simple>li>a:hover {
    background-color: #ff0000;
	font-weight: 600;
	color: #fff;
}
.isures-sdc--content_expires {
    font-size: 15px;
}
.isures-sdc-list_header {
    padding: 0px !important;
    font-weight: 600;
}
.st-sale .product-small.box {
	background: #fff;
    border-radius: 8px;
}
.add_to_cart_button {
	border-radius: 5px;
}
.woocommerce-ordering {
	    text-align: right;
    display: flow-root;
}
.woocommerce-ordering  .orderby {
	    width: 22%;
    float: right;
}
.separator {
	color: #fff;
}
.single-product #custom_html-2 {
	display: none;
}
.noUi-horizontal .noUi-handle {
    width: 20px !important;
    height: 20px !important;
}
.noUi-horizontal {
    height: 12px !important;
	    margin-top: 20px !important;
}
.preset-buttons button {
    width: 40%;
    padding: 0;
	font-weight: 500;
	    padding: 5px 5px;
    font-size: 13px;
}
#wpforms-form-742 {
	display: flex;
}
#wpforms-form-742  input {
	height: 40px;
}
#wpforms-form-742 .wpforms-submit-container button {
	border-radius: 0px 5px 5px 0px !important;
}
.preset-buttons button:hover {
	border-color: #ff0000;
}
.disable.isures-sdc--item {
    opacity: 1;
    cursor: auto;
    pointer-events: auto;
}
.isures-sdc--info_wrap {
	padding-left: 70px;
}
.isures-sdc--content_name {
    -webkit-line-clamp: 2;
}
.section-title i {
	opacity: 1 !important;
}
.section-title b {
    display: none;
}
.section-title-bold span, .section-title-bold-center span {
	border: none;
}
#footer .col {
	padding-bottom: 0px;
}
.row-xemthem .col {
	padding-bottom: 0px;
}
.row-dan .box-text {
	padding-bottom: 0px;
}
.row-dan h3 {
	margin-bottom: 10px;
}
.home-news .post-item{
	padding-bottom: 0px !important;
}
.wpforms-submit  {
	    background-color: #ff0000 !important;
    border: 1px solid #ff0000 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    padding: 0px 15px !important;
}
/* Bọc 2 nút lại thành hàng ngang */
.single_add_to_cart_button,
.ux-buy-now-button {
    width: 48%;
}

/* Container của form add to cart */
.cart {
    display: flex;
    gap: 10px;
}

/* Cho xuống cùng 1 hàng */
.cart .single_add_to_cart_button,
.cart .ux-buy-now-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.nav-dropdown.nav-dropdown-default>li>a {
    font-size: 15px;
    color: #333 !important;
}
.nav-dropdown.nav-dropdown-default>li:hover a {
    color: red !important;
}
.isures-sdc--code_item {
    border: 1px solid #ff0000 !important;
   color: #ff0000 !important;
}

#wpforms-submit-742 {
	    padding: 0px 19px !important;
    min-width: max-content;
}





/* Nút thêm vào giỏ hàng */
.single_add_to_cart_button::before {
    content: "\f07a"; /* icon giỏ hàng */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}

/* Nút mua ngay */
.ux-buy-now-button::before {
    content: "\f00c"; /* icon check */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}
.nbw_single_price del {
  position: relative;
  text-decoration: none;
	
}

.nbw_single_price del::after {
	content: "";
    position: absolute;
    left: 0;
    top: 57%;
    width: 95%;
    height: 0.5px;
    background: #545454;
    transform: translateY(-50%);
}
.label-km {
	font-size: 15px;
}
.price-goc del bdi {
	font-weight: 500;
}
.woocommerce-Tabs-panel p, .woocommerce-Tabs-panel li {
	margin-bottom: 10px;
    font-size: 15px;
}
.product-title {
	color: #333 !important;
}
.custom-top-bar {
    font-size: 14px;
    padding: 8px 0;
}
.product-categories li {
	padding-left: 15px;
}
.custom-top-bar .top-line {
    margin-bottom: 5px;
}

.call-btn {
    color: #000;
    text-decoration: none;
    font-weight: 500;
}
.bottom-line {
	border-top: 1px solid #e6e6e6;
	    padding: 5px 0px;
}
.call-btn i {
    margin-right: 5px;
}

.highlight {
    color: red;
    font-weight: 500;
}
#woocommerce-product-search-field-1 {
	min-height: 40px;
    border-radius: 5px;
	    background: #e8e8e8;
}
.st-brea  p {
	margin-bottom: 0px;
}
.fkcart-shortcode-container {
	    width: 70px;
    height: 70px;
    border: 1px solid #e2e2e2;
    justify-content: center;
}
.widget .current-cat>a {
    color: #cf2e2e;
    font-weight: 500;
}
.product-categories li a {
	text-transform: uppercase;
	    padding: 12px 0 !important;
}
.category-page-title {
	    background: #ebebeb;
    text-shadow: unset;
}
.woocommerce-breadcrumb a, .woocommerce-breadcrumb, .rank-math-breadcrumb a, .rank-math-breadcrumb .last {
	color: #fff !important;
	font-weight: 500;
	text-transform: uppercase !important;
	font-size: 12px;
}
/* Ẩn tạm tính */
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
    display: none !important;
}

/* Ẩn shipping mặc định */
.woocommerce-checkout-review-order-table tfoot tr.shipping, .cart-discount  {
    display: none !important;
}

/* Ẩn coupon */
.woocommerce-checkout-review-order-table tfoot tr.discount {
    display: none !important;
}
/* Luôn hiển thị vùng giá biến thể để Script lấy dữ liệu */
.single_variation_wrap .woocommerce-variation-single-variable-price {
    display: block !important;
}

/* Ẩn vùng giá biến thể mặc định (ở trên nút Mua ngay) để tránh bị lặp 2 lần giá */
.single_variation_wrap .woocommerce-variation-price {
    display: none !important;
}

/* Tùy chỉnh màu sắc giá cho giống TikTok Shop */
.product-page-price .price {
    color: #fe2c55 !important; /* Màu đỏ đặc trưng */
    font-weight: bold;
}

/* Định dạng giá cũ (gạch ngang) nếu có khuyến mãi */
.product-page-price .price del {
    font-size: 0.8em;
    color: #999;
    margin-right: 8px;
    font-weight: normal;
}

/* 1. Ẩn dấu gạch ngang giữa 2 mức giá ban đầu */
.product-price-container > span[aria-hidden="true"]:not(.woocommerce-Price-amount) {
    display: none !important;
}

/* 2. Nếu chưa chọn biến thể, chỉ hiện cái giá đầu tiên (giá thấp nhất) */
.product-price-container .woocommerce-Price-amount.amount:nth-child(n+2) {
    display: none !important;
}

/* 3. Ẩn giá biến thể mặc định của WooCommerce ở phía dưới nút mua */
.single_variation_wrap .woocommerce-variation-price {
    display: none !important;
}

/* 4. Định dạng lại giá cho đẹp và nổi bật */
.product-price-container .amount {
    color: #fe2c55 !important;
    font-weight: bold;
    font-size: 1.2em;
}

.product-price-container del .amount {
    color: #999 !important;
    font-size: 0.8em;
    margin-right: 5px;
}
.cart_item .variation {
	    display: flex;
    float: inline-start;
    padding-left: 20px;
}
.summary-box {
    background: #f6f6f6;
    padding: 12px;
    border-radius: 10px;
    margin-top: 10px;
}

.summary-section {
    margin-bottom: 10px;
}

.summary-section strong {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
}

.summary-box .row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    font-size: 13px;
    margin: 4px 0;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 15px !important;
}
.discount span:nth-child(2) span, .discount span:nth-child(2), .order-total .amount {
	color: #fe2c55 !important;
}
.summary-section .row span {
	text-align: left;
	    color: #333;
	font-weight: 500;
}
.summary-box .discount {
    color: #333;
    font-weight: 500;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
.summary-section strong {
	text-align: left;
	color: #333 !important
}
.isures-image--review {
    float: left;
    margin-right: 8px;
    border-radius: 5px;
}
.ux-buy-now-button  {
	width: 30%;
    background: #e50202 !important;
    border-radius: 6px;
    color: #ffffff;
    padding: 5px;
    opacity: 1;
}
.contact-company_name {
	font-weight: 600;
    font-size: 20px;
}
.form-contact {
	line-height: 0px !important;
	color: #fff !important;
}
/* Bo tròn các ô nhập liệu và khung đơn hàng */
.checkout input, .checkout select, .checkout textarea {
    border-radius: 12px !important;
    border: 1px solid #f1f1f1 !important;
    background-color: #fafafa !important;
}
.address-field  {
	width: 100% !important;	
}
/* Biến nút thanh toán thành dạng nút bo tròn kiểu TikTok */
#place_order {
    background-color: #fe2c55 !important; /* Màu đỏ đặc trưng TikTok */
    border-radius: 25px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 15px 30px !important;
}

/* Tối ưu hiển thị trên Mobile giống App */
@media (max-width: 600px) {
    .woocommerce-checkout {
        padding: 10px !important;
    }
	.woocommerce-checkout .has-border {
    padding: 15px !important;
}
	.cart_item .variation {
    display: flex;
    font-size: 10px;
		padding-left: 0px !important;
		font-weight: 500;
	}
	.isures-sdc--code_item {
    padding: 2px 8px !important;
		    margin: 8px 8px 0px 0px
	}
/* 	.summary-box {
    padding: 0 !important;
	} */
	.st-brea {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
		padding-left: 15px !important;
	}
/*     .col-inner {
        padding: 0px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    } */
}
/* Tổng quan bảng thanh toán */
.shop_table.woocommerce-checkout-review-order-table {
    border: none !important;
    background-color: #fff !important;
}

/* Cột tiêu đề bên trái */
.shop_table th {
    font-weight: 600 !important;
    color: #333;
    border: none !important;
}

/* Cột giá bên phải */
.shop_table td {
    text-align: right !important;
    font-weight: bold !important;
    border: none !important;
}

/* Màu đỏ cho các dòng giảm giá (Discount) */
.cart-discount td, .cart-discount th, .shipping-discount td {
    color: #fe2c55 !important; 
}

/* Dòng "Tổng cộng" cuối cùng */
.order-total th, .order-total td {
    font-size: 1.2em;
    border-top: 1px solid #f1f1f1 !important;
    padding-top: 20px !important;
}

/* Nút Đặt hàng cố định ở dưới (Sticky Mobile) giống TikTok */
@media (max-width: 600px) {
    .woocommerce-checkout-payment {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 15px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        z-index: 999;
    }
	#wpforms-form-742 .wpforms-submit-container button { 
		padding: 0px 12px !important;
	}
.home .isures-sdc--dropdown_list .isures-sdc--logo_left, .woocommerce-shop .isures-sdc--dropdown_list .isures-sdc--logo_left {
    min-width: 70px !important;
    width: 70px !important;
	}
/* 	.isures-sdc--info_wrap {
    padding-left: 42px;
} */
	.isures-sdc--content_left {
    bottom: 8px;
    position: relative;
}
	.isures-sdc--item {
    min-height: 65px !important;
}
	    .home .isures-sdc--save_code, .woocommerce-shop .isures-sdc--save_code {
        font-size: 10px;
        top: 6px;
    }
	    .home .isures-sdc--save_code, .woocommerce-shop .isures-sdc--save_code {
        right: 0px !important;
    }
    body { padding-bottom: 100px; } /* Tránh bị che mất nội dung cuối */
}
@media only screen and (max-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.woocommerce-ordering .orderby {
    width: 53%;
	}
	.category-page-row {
		padding-top: 0px;
	}
	 .tax-product_cat .isures-sdc--dropdown_list::after, .tax-product_cat   .isures-sdc--dropdown_list::before {
		content: unset !important;
	}
 .tax-product_cat .isures-sdc--dropdown_list .isures-sdc--logo_left {
    min-width: 65px !important;
    width: 65px !important;
	}
/* 	.tax-product_cat .isures-sdc--content_expires, .tax-product_cat .isures-sdc--content_excpt {
		display: none;
	} */
/* .tax-product_cat .isures-sdc--dropdown_list .isures-sdc--dropdown_inner {
    display: ruby-text;
} */
	.tax-product_cat .isures-sdc--info_wrap {
        padding-left: 66px;
        width: 320px;
}
	.tax-product_cat .isures-sdc--dropdown_inner {
    min-height: 130px !important;
}
.tax-product_cat .isures-sdc--save_code {
    right: 15px;
    font-size: 13px;
	}
}





/*CTA*/
.cta-wrapper {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 9999;
}

.cta-main {
    width: 60px;
    height: 60px;
    background: #e60005;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    animation: pulse 1.5s infinite;
}
.cta-main i {
	font-size: 25px;
}
.cta-list a:hover i {
	color: #fff !important;
}
.cta-list i {
	font-size: 25px;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255,87,34,0.7); }
    70% { box-shadow: 0 0 0 15px rgba(255,87,34,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,87,34,0); }
}

.cta-list {
    position: absolute;
    bottom: 100px;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: 0.3s;
}

.cta-wrapper.active .cta-list {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.cta-item {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.cta-item.call { background: #28a745; }
.cta-item.zalo { background: #0084ff; }
.cta-item.messenger { background: #006AFF; }