/*
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.   ***************/

.variation-select-button {
    display: none; /* Hide the default select box */
}

.variation-buttons {
    display: flex;
    gap: 10px;
}

.variation-buttons button {
    padding: 10px 15px;
    border: 1px solid #0073aa;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s;
}

.variation-buttons button:hover,
.variation-buttons button.active {
    background: #0073aa;
    color: #fff;
}

.product-main .content-row {
    background-color:#fff;
    border-radius: .75rem;
}
.single-product .product-container .row{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
}
.single-product table.variations .label {
    padding-right: 20px;
    display: none;
}
.single-product .product-main {
    padding-top: 20px;
}
.single-product .shop-container {
    padding-top: 20px;
}
.woocommerce-breadcrumb {
    text-transform: unset;
    font-size: 14px;
}
.woocommerce-breadcrumb a {
    color: rgb(18, 80, 220);
}
.product-footer .container {
    margin-bottom:30px;
    padding-top:0px;
    border-radius: .75rem;
}
.product-footer .tabbed-content .tab-panels {
    padding: 20px 20px;
    border: none;
    border-radius: .75rem;
}
.custom-variation-buttons {
    display: flex;
    margin-top: 15px;
    margin-bottom: 10px;
    justify-content: center;
    background: #f6f7f9;
    border-radius: .375rem;
}
.variation-btn {
    display: inline-flex;
    flex: 1 1 0%;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: .02em;
    background-color: unset;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .375rem;
    color: #4a4f63;
    padding: 6px 12px;
    margin: 0px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-transform: unset;
    justify-content: center;
    align-items: center;
}

.variation-btn:hover {
    border-color: #0073aa;
}

.variation-btn.active {
    color: #1250dc;
    border-color: #1250dc;
}

.variation-add-to-cart {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #0073aa;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.variation-add-to-cart:hover {
    background-color: #005177;
}
.product-small.box {
    padding-top: .75rem;
    padding-left: .75rem;
    padding-right: .75rem;
    border:1px solid #fff;
    border-radius: .75rem;
    background:#fff;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0,0,.2,1);
    transition-property: all;
}
.product-small.box:hover {
    border-color:#007aff;
}
.badge-container {
    margin:0px;
}
.badge-circle .badge-inner {
    font-size: 13px;
    border-radius:0px;
    border-top-left-radius: .75rem;
    border-bottom-right-radius: .75rem;
    background-image: linear-gradient(295deg, #CD1A0C 0%, #FF5246 98.45%);
}
.badge-container .badge {
    width: 52px;
    height: 26px;
    margin-left:0px;
}
.price del {
    display: none !important;
}
.box-text p.product-title {
    margin-bottom: .5rem;
}
.box-text p.product-title a {
    color:#020b27;
}
.product-small .price,.product-small .woocommerce-Price-amount {
    font-size: 16px;
    color: #1250dc;
}
.price-wrapper {
    height: auto !important;
}
.product-small span.amount {
    color: #1250dc;
}
.product-small .add_to_cart_button {
    display: inline-flex;
    width: 100%;
    height: 36px;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 50px;
    margin: 1rem 0px 0px 0px;
    padding: 8px 12px;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .01em;
    color: #fff;
    background-image: linear-gradient(315deg, rgb(18, 80, 220) 0%, rgb(48, 109, 228) 100%);
}

ul.nav li.tab.active {
    background-color: #edf0f3;
    border-radius: 8px 0px 0px 8px;
}
.sub-menu .tab-panels {
    width: 75%;
    border: none;
    background-color: #edf0f3;
}
.sub-menu .nav-line > li {
    border: none;
}
.sub-menu .nav-line > li > a {
    padding-left: 15px;
}
.sub-menu .nav-line > li > a::before {
    background-color: unset;
}
.sub-menu .nav-line > li:hover > a::before {
    background-color: unset;
}
.header-cart-title {
    margin: 0px 0px 0px 8px;
}
/* home */
.title_bestsale {
    display: flex;
}
.title_bestsale a {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #1250dc;
}
.title_bestsale h5 {
    width: auto;
    margin-right: 30px;
}
.slider_home {

}
.overflow-hidden {
    overflow: hidden;
}
.rounded-lg {
    border-radius: .5rem;
}
.section_suggest .icon-box {
    background: #fff;
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding: 10px 9px;
}
.section_suggest .icon-box h5 {
    margin-bottom: 0px;
    line-height: 23px;
}
.flex {
    display: flex;
}
.box_title_left {
    align-items: center;
}
.box_title_left .icon-box-text{
    padding-left: 10px;
}
.box_title_left.icon-box-left .icon-box-img + .icon-box-text {
    padding-left: 0.5em;
}
.box_title_left h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .0025em;
    color: #020b27;
}
.box_title_center {
    position: relative;
}
.box_title_center .icon-box-img {
    position: absolute;
    left: 50%;
    top: -3px;
    transform: translateX(-50%);
    z-index: 1;
}
.box_title_center .icon-box-text{
    z-index: 99;
    position: relative;
}
.box_title_center h3{
    color: #fff;
}
.section_footer .section-title-container {
    margin-bottom: 0px;
}
.section_footer h4.section-title{
    border: none;
    color: #657384;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .02em;
    margin-bottom: .5rem;
}
.section_footer h4.section-title span {
    border: none;
}
.section_footer .menu-item a.ux-menu-link__link {
    border: none !important;
    color: #1250dc;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .01em;
}
/* Hide WooCommerce Product Tabs Navigation */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
    display: none;
}

/* Optional: Remove extra spacing or borders the tabs might leave behind */
.woocommerce div.product .woocommerce-tabs .panel.wc-tab {
    padding-top: 0; /* Adjust if needed */
    border-top: none; /* Adjust if needed */
    margin-top: 0; /* Adjust if needed */
}
.product-footer .woocommerce-tabs {
    border: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}