/*

	Theme Name:     Mobex Child

	Theme URI:      http://www.enovathemes.com/mobex

	Description:    Mobex - Auto Parts Woocommerce WordPress Theme

	Author:         Enovathemes

	Author URI:     https://enovathemes.com

	Version:        1.0

	Template:       mobex

*/



/* =Theme customization starts here

-------------------------------------------------------------- */

.homepage .product-vehicle-filter {

    display: flex;

    flex-direction: column;

}



.header .vehicle-filter.horizontal[data-count="1"]>.atts {

    display: flex;

    flex-direction: row;

    width: 75%;

}



.header .vehicle-filter.horizontal[data-count="1"]>.last {

    width: 25%;

}



html .select2-results__option,

.login-toggle {

    border-radius: 0px;

}



.widget ul li {

    padding: 5px 0 5px 5px;

}



.homepage .vehicle-filter.horizontal.vin[data-count="1"][data-rem="true"]>.atts,

.homepage .vehicle-filter.horizontal.vin[data-count="1"][data-rem="true"]>.last {

    width: 100%;

}



.header .vehicle-filter .vf-item {

    width: inherit;

}



.vehicle-filter {

    padding: 0;

}



.vehicle-filter.horizontal .widget_title {

    margin: 0;

    padding-bottom: 10px;

}



.header .vehicle-filter .select2-container--default .select2-selection--single,

.header .vehicle-filter input,

.homepage .vehicle-filter .select2-container--default .select2-selection--single,

.homepage .vehicle-filter input {

    border-radius: 0px !important;

}



.select2-container--default.select2-container--disabled .select2-selection--single {

    background-color: #bdbdbd;

    border-color: #bdbdbd;

}



.header .wpr-search-form input {

    margin: 0;

}



@media only screen and (max-width: 767px) {

    .shop-top-widgets .vehicle-filter-mobile-toggle {

        display: none;

    }



    .shop-top-widgets .product-vehicle-filter {

        display: block;

    }

}



.woocommerce-ordering>select {

    height: 40px;

}



@media only screen and (min-width: 768px) {

    .shop-top-widgets .product-vehicle-filter {

        display: none;

    }

}



.login-toggle.hbe-toggle {

    padding: 22px;

}



.comp .product .comp-form .button,

.comp .product .comp-form .added_to_cart {

    color: #e9e9e9 !important;

}



.product .onsale {

    color: #fff;

}



.loop-categories:not(.swiper-wrapper) {

    list-style-type: none;

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}



.clear-attribute.active {

    display: none !important;

}



.row-gap {

    row-gap: 15px !important;

    flex-flow: row wrap;

}



.top-parts-item__content {

    display: flex;

    justify-content: center;

    flex-flow: column;

    align-items: center;

    z-index: 4;

    position: relative;

}



.top-parts-item__content img {

    max-height: 140px;

}



.top-parts-item .top-parts-item-tooltip {

    display: none;

}



.top-parts-item.active .top-parts-item-tooltip {

    display: block;

}



.top-parts-item.active .top-parts-item__content {

    background: #fff;

    border: 1px solid #065f1b;

    border-radius: 4px 4px 0 0;

    border-width: 1px 1px 0 !important;

    z-index: 4;

}



.top-parts-item__name {

    align-items: center;

    color: #032f4a;

    display: flex;

    justify-content: center;

    min-height: 40px;

    text-align: center;

    font-size: 15px;

}



.top-parts-item-tooltip {

    background: #fff;

    border: 1px solid #065f1b;

    border-radius: 0 0 4px 4px;

    display: none;

    padding: 16px;

    position: relative;

    top: -1px;

    width: 100%;

    z-index: 1;

}



.top-parts-item-tooltip__header {

    display: grid;

    gap: 8px;

    grid-template-areas: "title close";

    grid-template-columns: auto 24px;

    margin-bottom: 16px;

}



.top-parts-item-tooltip__wrap {

    scrollbar-base-color: #f3f4f4;

    scrollbar-face-color: #d0d3d6;

    scrollbar-3dlight-color: #d0d3d6;

    scrollbar-highlight-color: #d0d3d6;

    scrollbar-track-color: #f3f4f4;

    scrollbar-arrow-color: #f3f4f4;

    scrollbar-shadow-color: #d0d3d6;

    scrollbar-dark-shadow-color: #d0d3d6;

    max-height: 360px;

    overflow-y: auto;

    scrollbar-color: #d0d3d6 #f3f4f4;

    scrollbar-width: thin;

}



.top-parts-item-tooltip__wrap h6.subcategory-header {

    color: #237927

}



.row-gap-md-16 {

    flex-flow: row wrap !important;

    row-gap: 16px !important;

}



.row-cols-lg-4>* {

    flex: 0 0 25%;

    max-width: 25%;

}



@media screen and (max-width: 768px) {

    .row-cols-2>* {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .category-item a {

        display: flex;

        flex-flow: row !important;

        justify-content: flex-start;

    }



    ul.loop-categories .category-item .image-container {

        width: 20%;

        min-width: unset;

        max-width: unset;

    }



    ul.loop-categories .category-item .image-container img {

        position: relative;

    }



    ul.loop-categories .category-item .image-container svg {

        display: none;

    }



    .category-item h5 {

        width: 80%;

        margin-top: unset !important;



    }



    .category-item {

        width: 100%;

        max-width: unset !important;

    }

}



.top-parts-item-tooltip__link {

    align-items: center;

    color: #032f4a;

    cursor: pointer;

    display: flex;

    transition: color .2s;

    width: 100%;

}



.top-parts-item-tooltip__wrap ul {

    display: flex;

    flex-flow: row wrap;

    gap: 10px;

    list-style: none !important;

}



.top-parts-item-tooltip__wrap ul li {

    padding-left: 10px;

    position: relative;

}



.top-parts-item-tooltip__wrap ul li:before {

    content: "";

    position: absolute;

    transform: translateY(-50%);

    top: 50%;

    border-radius: 50%;

    left: 0;

    width: 5px;

    height: 5px;

    background: #000;

}



.top-parts-item-tooltip__wrap ul li a {

    font-size: 12px;

}



header .vf-item.engine {

    max-width: 150px;

}



@media screen and (min-width:768px) {

    .header .vehicle-filter.horizontal[data-count="1"]>.last {

        width: 20%;

    }

}



.widget.widget_product_filter_widget ul li li, .widget.widget_product_filter_widget ul li li li

{

    border-bottom: 1px solid #000;

}



.widget.widget_product_filter_widget ul li li:last-child, .widget.widget_product_filter_widget ul li li li:last-child{

    border-bottom: unset;

}



.widget_nav_menu ul li a .toggle, .widget_product_categories ul li a .toggle, .pf-item.list.cat ul li a .toggle{

    background-size: 13px !important;

}

.pf-item.list.cat ul ul li a.chosen{

    font-weight: 800 !important;

}



.post-content-wrap .product-sku, .product .summary .sku{

    color: red;

    font-weight: bold;

    font-size: 18px;

}



.comp ul.products .comp-details{

    background-color: #065f1b !important;

    color: #fff !important;

    font-weight: bold !important;

    font-size: 18px !important;

    width: 100%;

    height: 40px !important;

}

.single-product .post-single-navigation{

    display: none;

}

@media screen and (min-width: 768px) {

    .single-product  .comp .loop-posts .post .post-body-inner > * {

        display: block;

    }

    .single-product .comp .loop-posts .post .post-body-inner > .post-content-wrap{

        max-width: unset;

    }

}

.select2-results__options::-webkit-scrollbar 

{

    width: 15px;

}



.woocommerce-product-attributes-item__value {

    padding-bottom: 10px;

  

  }

  .woocommerce-product-attributes-item__value p {

    max-height: 50px;

    overflow: hidden;

    display: inline-block;

    transition: max-height 0.5s ease;

  }

  .woocommerce-product-attributes-item__value p.expanded {

    max-height: unset; /* Adjust to fit content */

  }

  

  .show-more {

    cursor: pointer;

    color: blue;

    text-decoration: underline;

  }



  form.woocommerce-checkout .col2-set> .col-1, form.woocommerce-checkout .col2-set> .col-2 {

    width: 100%;

  }

  .et-product-search .input-after,.et-product-search .et-search-button{

    display: none !important;

  }

  .et-product-search input[type="search"], .et-product-search input[type="search"]:focus, .et-product-search select:focus{

    border:1px solid #e0e0e0;

  }

  .row{

    display: flex;

  }

  .unset-max div {

    max-width: unset !important;

    max-height: unset !important;

  }



  #additional_vin_field label span:after {

    content: 'Introduceti serie sasiu autovehicul pentru verificarea identificarii pieselor comandate- 17 caractere';

    display: block;

    font-size: 12px;

    color: #696969;

}

.megamenu-tab .tab-item{

    min-height: auto !important;

}

.filter-button-toggle{

    display: none;

}   

.woocommerce-before-shop-loop .layout-control{

    display: none !important;

}

@media only screen and (max-width: 767px){

    .filter-button-toggle {

        display: inline-block;

        width: 100%;

        grid-column-start: 1;

        grid-column-end: 3;



    }

}

body .product .single_add_to_cart_button{

    color: #fff !important;

}

.woocommerce-ordering > select{

    width: auto;

}



@media screen and (max-width:767px){

    .et-mobile .e-con.e-flex{

        --width : auto;

    }

    .et-mobile .e-con-full, .et-mobile .e-con>.e-con-inner{

        padding-block-start: 0;

        padding-block-end: 0;

    }

    .et-mobile .e-con-inner {

        padding-bottom: 10px !important;

    }

    .et-mobile .product-search form > .search-results.active{

        max-height: 77vh;

    }

    

    .et-mobile .elementor-widget-et_product_search:before {

        content: 'Cauta dupa Cod OEM:';

        color: #fff;

    }

    .et-mobile .elementor-element {

        --widgets-spacing : 0;

    }

    .vehicle-filter input[type="submit"]{

        max-height: 48px !important;

    }

}