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

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


/* Chỉ áp dụng cho iPad trở lên (≥768px) */
@media (min-width: 768px) {
    .icon-box.featured-box.icb-khnv-tc-wat.icon-box-left.text-left {
        padding-top: 60px;
    }
    
    .c-khnv-tc-wat .col-inner {
        height: 410px;
        display: flex;
        flex-direction: column;
    }
    
    .t-khnv-tc-wat {
        height: 230px;
    }
}

/* trang chu */
.icb-khnv-tc-wat img{
	border-radius: 99px;
}
/* trang chu end*/

/* trang san pham */

[data-attribute_name="attribute_pa_dung-luong"] .ux-swatch.selected::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 15px;
    width: 15px;
    height: 15px;
    background-image: url('/wp-content/uploads/2025/08/cicle.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
	
}

.variations_form .ux-swatch.selected {
    border: 2px solid #8A4FFF;
    box-shadow: none !important;
}

.ux-swatch.ux-swatch--label.selected {
    background-color: #F5F3FF;
}

.ux-swatch.ux-swatch--label {
    border-radius: 5px;
}

button.ux-buy-now-button {
    background: #7F56D9;
}

.ux-swatch.ux-swatch--label .ux-swatch__text {
    color: #1A0F33;
    font-weight: 510;
}

/* trang san pham end */
/* fix thanh search ghi de len tat ca */
.col .live-search-results, .header .search-form .live-search-results, .header-block .live-search-results{
    position: relative;
}
/* trang thanh toan */

input#billing_first_name {
    border-radius: 5px;
    box-shadow: none;
}

input#billing_last_name {
    border-radius: 5px;
    box-shadow: none;
}

input#billing_email{
    border-radius: 5px;
    box-shadow: none;
}

input#billing_email_confirm{
    border-radius: 5px;
    box-shadow: none;
}

input#billing_phone{
    border-radius: 5px;
    box-shadow: none;
}

textarea#order_comments{
   border-radius: 5px;
    box-shadow: none; 
}

#place_order {
    background: #7F56D9;
    border-radius: 10px;
}

form.checkout.woocommerce-checkout .has-border {
    border-radius: 10px;
}

.woocommerce-billing-fields span.required{
color: red;	
}

/* trang thanh toan end*/
/* fix thanh search ghi de len tat ca end */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}