/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

h2 {
    font-size: 17px;
}
h3 {
    font-size: 16px;
    text-transform: uppercase;
}
h1.product-title {
    text-transform: uppercase;
    font-size: 22px;
}
.review-form-inner h3 {
    text-transform: none;
}
.padding0{padding:0px}
.header-top {
    border-bottom: 1px solid #515151;
}
td {
    color: #000000;
}
label, legend {
    font-size: 1em;
}
.box-push .box-text{padding:5px}
.header .flex-row,.woocommerce-checkout #main,.single-product #main,.product-page-title {
    max-width: 1300px;
	margin:0px auto;
}
#wide-nav ul li a {
    padding: 10px 15px;
}
.header-nav-main li.html.custom {
    width: 100%;
}
.nav-dark span.amount {
    color: revert-rule;
}
/* Ép chữ Số lượng và nút tăng giảm nằm ngang hàng (Cách PHP) */
.woocommerce div.product form.cart {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 15px; /* Tạo khoảng cách đều giữa chữ, ô số lượng và nút mua */
}

.custom-qty-label {
    margin-bottom: 0 !important; /* Chống rớt dòng */
    line-height: 1 !important;
}

.woocommerce div.product form.cart div.quantity {
    margin-bottom: 0 !important; /* Chống rớt dòng cho ô số lượng */
}
/* Thêm chữ Số lượng trước ô tăng giảm ở trang sản phẩm */
.single-product .summary .quantity {
    display: inline-flex !important;
    align-items: center;
}

.single-product .summary .quantity::before {
    content: "Số lượng: ";
    font-weight: bold;
    color: #333; /* Bạn có thể đổi mã màu chữ tại đây */
    white-space: nowrap;
	min-width: 32%;
}
/* HIỆU ỨNG ÁNH SÁNG QUÉT NGANG CỦA SHOP BE BUBAM */
.header-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30%; /* Độ rộng vệt sáng */
    height: 100%;
    pointer-events: none;
    z-index: 1;
    
    /* Vệt sáng trắng mờ */
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.1) 50%, 
        transparent 100%
    );
    
    /* Tăng độ nghiêng cho vệt sáng */
    transform: skewX(-25deg);
    
    /* Hiệu ứng: 8 giây, lặp lại vô hạn, đi tới rồi lui */
    animation: shop-light-sweep 3s infinite alternate ease-in-out !important;
}

@keyframes shop-light-sweep {
    0% {
        left: -40%; /* Bắt đầu từ ngoài bên trái */
    }
    100% {
        left: 110%; /* Kết thúc ở ngoài bên phải */
    }
}
.topsanpham .product-small {
    padding-bottom: 0px !important;
}
.star-rating {
    margin: 0;
}
.has-shadow .box-text {
    padding: 5px;
	font-size:1em;
}
.has-shadow .box-text span.price {
    font-size: 1.1em;
}
.fiauto-reg-range span.amount bdi {
    font-weight: normal;
	font-size:1em;
}
.fiauto-variable-price-wrapper{
	align-items: center; gap: 4px; margin: 0;
}
.ux-swatches-attribute-ux_label {
    margin-top: 10px;
}
.fiauto-sale-range{
	background: transparent; font-weight: 300; text-decoration: none; font-size: 1.2em; color: #d10000; display: block; line-height: 1.2;
}
.fiauto-reg-range{font-size: 0.95em; display: block; color: #555; line-height: 1.2;}
input#woocommerce-product-search-field-0 {
    padding: 22px;
}
table.variations .label {
    padding-right: 0;
    min-width: 32%;
    width: 32%;
}
.custom-ux-block-under-btn ul,.woocommerce div.product form.cart {
    margin: 0;
}
.custom-ux-block-under-btn ul li:last-child {
    margin-bottom: 0;
}
.sticky-add-to-cart-select-options-button {
    margin: 5px 5px 5px 15px;
    padding: 0px 10px;
    font-size: 15px;
}

/* Biến toàn bộ cụm thành một hàng ngang */
.single-product div.product form.cart .ux-quantity.buttons_added {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    background: none !important; /* Bỏ nền xám bọc ngoài của Flatsome */
    border: none !important;     /* Bỏ viền bọc ngoài của Flatsome */
	margin-bottom:15px;
}

/* Căn chữ "Số lượng" bên trái thẳng hàng với "Chọn bộ" ở trên */
.single-product div.product form.cart .fiauto-quantity-label {
    flex: 0 0 105px;  /* Độ rộng nhãn bên trái (bằng các mục trên) */
    max-width: 105px;
    font-weight: bold;
    color: #333;
    font-size: 15px;
    text-align: left;
	min-width:113px;
}
.single-product div.product form.cart .ux-quantity.buttons_added input.minus,
.single-product div.product form.cart .ux-quantity.buttons_added input.qty,
.single-product div.product form.cart .ux-quantity.buttons_added input.plus {
    border: 1px solid #ddd !important;
    background-color: #fff;
    box-shadow: none !important;
}
.single-product div.product form.cart .ux-quantity.buttons_added input.qty {
    border-left: none !important;
    border-right: none !important;
    max-width: 60px !important;        /* Độ rộng của ô hiển thị số */
    text-align: center !important;
}
.product-summary .variations_button {
    padding: 0;
}
form.variations_form.cart {
    gap: 0;
}
.box-text-products ins.fiauto-sale-range {
    font-size: 1em;
}
.form-flat .flex-row .flex-col {
    padding-right: 0;
}
.nav-small.nav>li.html {
    font-size: .85em;
}
.nav-right li a {
    text-transform: none;
    font-size: .85em;
}
div#wide-nav ul li a {
    font-weight: bold;
}
.baohanh .fiauto-box h3 {
    color: #000;
}
.margintop20{margin-top:20px}.marginbottom20{margin-bottom:20px}.marginbt20{margin:20px auto}
.footer-1 > .row {
    max-width: 1300px;
}
.page-title-inner {
    padding-top: 0;
}
.product-gallery {
    background-color: #fff;
    padding: 15px 15px 15px 25px;
	border: 1px solid #dcdcdc;
}
.product-info {
    background-color: #fff;
    margin-left: 15px;
    border: 1px solid #dcdcdc;
}
.page-title .page-title-inner {
    padding: 0;
}
.page-title .page-title-inner {
    padding: 15px 0px 0px 0px;
    min-height: 0;
}
.product-info .cart .single_add_to_cart_button,.product-info .cart .ux-buy-now-button {
    background-color: #000;
    padding: 10px 45px;
	border-radius: 0;
    min-width: 38%;
	text-transform: uppercase;
    font-size: 90%;
	opacity:1;
}
.rank-math-contact-info .rank-math-contact-section,.rank-math-contact-info .rank-math-contact-section p {
    margin: 0;
}
.rank-math-contact-section,.rank-math-contact-section > div {
    display: flex;
}
.type-post .entry-header-text, .type-post .entry-content.single-page {
    padding: 0;
}
    .rank-math-contact-section {
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border: 1px solid #eee;
        padding: 5px 10px;
        border-bottom: none;
    }
	.rank-math-contact-section.rank-math-contact-map {
    border-bottom: 1px solid #eee;
}
    .rank-math-contact-section label{
        flex: 0 0 105px;
        font-weight: bold;
        color: #333;
        margin-bottom: 0;
    }
    .rank-math-organization-description p {
        margin: 0;
    }
.quantity input[type=number]{height:100%}
.single_add_to_cart_button,.product-info .cart .ux-buy-now-button {
    position: relative;
    overflow: hidden;
}
p.price.product-page-price.price-on-sale {
    margin: 0;
}

.single_add_to_cart_button:after,.product-info .cart .ux-buy-now-button:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(30deg);
    transition: all 0.6s;
}

.single_add_to_cart_button:hover:after,.product-info .cart .ux-buy-now-button:hover:after {
    left: 120%;
}
.product-info .cart .single_add_to_cart_button:hover,.product-info .cart .ux-buy-now-button:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid;
}
.price-wrapper .price {
    display: flex;
}
.price-wrapper .price ins {
    order: 1;
}
.price-wrapper .price del {
    order: 2;
}
.price-wrapper .price del .amount {
    font-size: 78%;
    padding-left: 10px;
}
input#submit {
    background-color: #000;
}
div#reviews {
    display: block;
}
div#reviews #comments, div#review_form_wrapper {
    max-width: 100%;
    flex-basis: 100%;
}
.product-tabs li a {
    color: #000;
    font-size: 100%;
    font-weight: bold !important;
}
.product-tabs {
    border-bottom: 1px solid #dcdcdc;
}
.nav-line>li.active>a:after{opacity:1}
.nav-line>li>a:after {
    background-color: var(--fs-color-primary);
    content: " ";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .3s;
    width: 100%;
}
.product-quick-view-container .product-info {
    margin-left: 0;
}
.page-wrapper,.shop-page-title, #main .category-page-row {
    max-width: 1280px;
    margin: 0px auto;
}
.category-page-row {
    background-color: #fff;
}
.woocommerce-Reviews .col-inner .fiauto-yt-lazy {
    width: 46%;
    float: left;
    margin: 0% 2%;
}
/* Căn chỉnh lại giao diện Select2 cho hợp với Flatsome */
            .select2-container--default .select2-selection--single {
                height: 55px !important;
                border: 1px solid #ddd !important;
                border-radius: 0 !important;
                display: flex;
                align-items: center;
            }
            .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 38px !important;
            }
            .select2-dropdown {
                border: 1px solid #ddd !important;
                z-index: 999999;
            }
            .select2-search__field {
                outline: none !important;
            }
.hotro h6 {
    text-transform: none;
    font-weight: normal;
}
.hotro h6 {
    text-transform: none;
    font-weight: normal;
    font-size: 95%;
    opacity: 1;
    letter-spacing: normal;
    line-height: normal;
}
.footer-widgets .textwidget ul li {
    margin-bottom: 0;
}
.footer-widgets .textwidget ul li, .footer-widgets .textwidget p {
    margin-bottom: 0;
}
.is-divider {
background-color: rgb(0 0 0);}
    .product-summary .ux-product-brands a {
        border: none;
        min-height: 0;
    }
.footer-widgets {
    padding: 40px 0px;
}
.select2-container--default .select2-selection--single {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
}
.variations select {
    background-color: #ffffff !important;
    appearance: none;
}
.select2-dropdown {
    background-color: #ffffff !important;
}
.select2-container--default .select2-selection--single {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
}
.pagebaohanh .fiauto-box h3 {
    color: #000;
    font-weight: bold;
    font-size: 20px;
}
.baohanh .dark p {
    color: #000;
}
.row .hdsd .row-small:not(.row-collapse) {
    margin: 0;
}
.fiauto-box { background:#fff; padding:20px; border:1px solid #ddd; border-radius:8px; margin-bottom:20px;min-height: 275px;}
        .fiauto-input { width:100%; padding:10px; margin:8px 0; border:1px solid #ccc; border-radius:4px; height: 45px; }
        .fiauto-btn { background:#d10000; color:#fff; border:none; padding:12px 20px; cursor:pointer; width:100%; border-radius:4px; font-weight:bold; text-transform: uppercase; }
        .fiauto-msg { padding: 10px; margin-bottom: 10px; border-radius: 4px; font-weight: 500; }
		/* Tùy chỉnh khối fiauto-box để chứa viền sáng */
.col-inner .fiauto-box {
    position: relative;
    background: #fff; /* Màu nền trắng bên trong */
    border-radius: 8px; /* Bo góc */
    overflow: hidden;
    border: none !important; /* Gỡ bỏ viền tĩnh cũ */
    z-index: 1;
    padding: 25px; /* Khoảng cách nội dung bên trong */
}
.cauhoi .box-image {
    padding: 15px;
    background: #e6e6e6;
}
.cauhoi .box-image .image-cover {
    border-radius: 10px;
}
.cauhoi .blog-post-inner h5 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
}
.blog-wrapper {
    max-width: 1280px;
    margin: 0px auto;
    margin-top: 25px;
}
p#billing_address_1_field {
    width: 100%;
}
/* Tạo lớp viền sáng chạy quanh */
.col-inner .fiauto-box::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(
        transparent, 
        #bbbbbb, /* Màu đỏ thương hiệu FiAuto */
        transparent 30%
    );
    animation: fiauto-rotate 4s linear infinite;
    z-index: -2;
}

/* Tạo lớp đè để giữ màu nền cho form */
.col-inner .fiauto-box::after {
    content: '';
    position: absolute;
    inset: 8px; /* Độ dày của viền sáng (2px) */
    background: inherit; /* Tự động lấy màu nền trắng ở trên */
    border-radius: 7px;
    z-index: -1;
}
/* Làm dính hàng Tab WooCommerce khi cuộn (Desktop & Mobile) */
.woocommerce-tabs ul.nav-tabs,
.woocommerce-tabs ul.tabs {
    position: -webkit-sticky !important; /* Hỗ trợ trình duyệt Safari trên iPhone/Mac */
    position: sticky !important;
    
    /* Khoảng cách từ mép trên màn hình xuống hàng Tab. 
       Nếu Header của bạn cũng đang dính, số này phải bằng chiều cao của Header */
    top: 0px; 
    
    z-index: 99; /* Đảm bảo Tab luôn nổi lên trên chữ và hình ảnh bên dưới */
    
    /* Màu nền bắt buộc phải có, nếu không khi cuộn chữ sẽ bị đè lộn xộn lên nhau */
    background-color: #ffffff; 
    
    /* Định dạng lại một chút cho đẹp khi nó dính lại */
    padding-top: 10px;
    padding-bottom: 5px;
    box-shadow: 0 4px 6px -4px rgba(0,0,0,0.1); /* Đổ bóng nhẹ phân cách với nội dung */
}
.product-title a {
    color: #000;
    font-weight: 600;
}
/* Tùy chỉnh riêng cho màn hình điện thoại và máy tính bảng (Header thường mỏng hơn) */
@media screen and (max-width: 849px) {
    .woocommerce-tabs ul.nav-tabs,
    .woocommerce-tabs ul.tabs {
        top: 0px; /* Giảm khoảng cách xuống cho khớp với Header Mobile */
    }
}

/* Hiệu ứng xoay viền */
@keyframes fiauto-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@media (max-width:768px){
	.product-info {
    margin-left: 0px;
	border:none;
	margin-top: 15px;
}
.product-gallery{border:none;background-color: transparent;
    padding: 15px;}
.page-title:not(.featured-title)+main .product-main {
    padding-top: 0;
}
.medium-flex-wrap .flex-col{padding:0px}
.row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 0px 2px;
}
.product-gallery .vertical-thumbnails {
    padding: 0px 17px;
}
.product-gallery .col.large-10 {
    padding-bottom: 5px;
}
}
@media (max-width: 549px) {
    .small-nav-collapse>li {
        margin-right: 20px !important;
        width: auto;
    }
	.ux-quantity.quantity.buttons_added {
    width: 100%;
}
.product-info .cart .single_add_to_cart_button, .product-info .cart .ux-buy-now-button{padding: 10px 0px;width:calc(50% - 1em)}
.feedbackmobile .col {
    padding: 10px;
}
.slidehomemobile .col {
    padding: 0;
}
.select2-container .select2-selection{font-size:14px;}
.fiauto-btn{font-size:15px;}
.hdsd .accordion-inner {
    padding: 0;
}
    .box-text {
        font-size: 100%;

    }
}
@media (max-width: 767px) {
.custom-ux-block-under-btn .col.padding0 {
    padding-left: 15px;
    padding-right: 15px;
}
.product-info .price {
    font-size: 1em;
}
.upsells .box-text {
    padding-bottom: 0;
}
}