/* 
Theme Name: Tex Automotive
Theme URI: https://texautomotive.com
Description: Custom child theme for Tex AutomotiveAuthor: Elementor Team
Author: ADA Digital Marketing
Author URI: https://adadigital.co.uk
Template: hello-elementor
Version: 2.0.0
Text Domain: tex-automotive
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Class for woocommerce where it defaults to roboto */
.force_monserrat{
        font-family: "Montserrat", sans-serif !important;
}
/* Restrict height to avoice content shift */
#bmh-top-header{
    height:45px!important;
}
/* Remove focus box from add to cart*/
.woocommerce-message:focus-visible {
    outline: none !important;
}

/* Set max size on slider content for small laptop screens*/

#home_slide_wrapper .elementor-slide-description{
    max-width:740px;
}

#parts_accessories_offers_wrap .cstm_content_width{
    max-width:375px;   
}

/* Read More Btn Styling */
.readmore-toggle{
    padding:0;
    margin:0;
    color: var( --e-global-color-secondary )!important;
    font-weight:bold;
}
.readmore-toggle:hover{
    padding:0;
    margin:0;
    color: var( --e-global-color-primary )!important;
    font-weight:bold;
}

@media screen and (min-width: 768px) {
    /* Custom Style, shop page categories DESKTOP ONLY */
    
    
    /* Vehicle filtering is handled by the TEX Vehicle Selector */
    #bmh4x4CustomFilters .wpc-filters-section[data-filter-e-name="vehicle"] {
        display: none !important;
    }
    #bmh4x4CustomFilters .tex-vehicle-selector{
	margin-bottom:0px;
    }
    #bmh4x4CustomFilters .tex-vehicle-selector select{
        display: block;
        margin-bottom: 10px;
        background-color: var( --e-global-color-primary )!important;
        color: #ffffff;
        border: 1px solid var( --e-global-color-primary );
	padding-right: 20px;
        border-radius: 0!important;
        padding-bottom: 10px;
        padding-top: 10px;
	font-size: 1.2rem;
        font-weight: 700 !important;
        cursor:pointer;
    }
#bmh4x4CustomFilters .tex-vehicle-selector select:not(:disabled):hover,
#bmh4x4CustomFilters .tex-vehicle-selector select:not(:disabled):focus {
    border-radius: 0 !important;
}   

   #bmh4x4CustomFilters .tex-vehicle-selector select {
        appearance: none;
        -webkit-appearance: none;
        padding-right: 45px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23009FE3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 7px center;
        background-size: 22px;
    }
    #bmh4x4CustomFilters .tex-vehicle-selector a{
	padding:15px;
	background-color: var( --e-global-color-secondary )!important;
	color:#ffffff;
	display:block;
	text-align:center;
	font-family: "Montserrat", Sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	text-transform: uppercase;
    }
    
    #bmh4x4CustomFilters .tex-vehicle-selector__action {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
        transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;
    }

    #bmh4x4CustomFilters .tex-vehicle-selector__action:has(
        .tex-vehicle-selector__button[aria-disabled="true"]
    ) {
        opacity: 0;
        transform: translateY(6px);
        visibility: hidden;
        pointer-events: none;
    }

    .tex-vehicle-selector select,
    .tex-vehicle-selector__button {
        transition:
            border-color 0.2s ease,
            background-color 0.2s ease,
            color 0.2s ease,
            opacity 0.2s ease,
            transform 0.2s ease;
    }

/* =========================================
   TEX VEHICLE SELECTOR - DISABLED STATES
========================================= */

#bmh4x4CustomFilters .tex-vehicle-selector select:disabled {

    /* Background */
    background-color: #e8e8e8 !important;

    /* Text */
    color: #BDBDBD!important;

    /* Border */
    border: 1px solid #666767 !important;

    /* Consistent disabled appearance */
    opacity: 0.65 !important;

    /* Cursor */
    cursor: not-allowed;

}

/* Ensure all disabled dropdowns behave identically */
#bmh4x4CustomFilters .tex-vehicle-selector select:disabled option {
    color: var(--e-global-color-primary);
}

    #bmh4x4CustomFilters{
        font-family:montserrat!important;
    }
    #bmh4x4CustomFilters .wpc-filters-ul-list{
    
    }
    #bmh4x4CustomFilters .wpc-filters-ul-list .wpc-checkbox-item{
    	border: 1px solid #666767;
    }
    
    
    #bmh4x4CustomFilters .wpc-term-item-content-wrapper .wpc-filter-link{
        /* z-index:1; bring the main category above the ddl */
        color:var( --e-global-color-primary )!important;
    }
    #bmh4x4CustomFilters .wpc-has-children .wpc-term-item-content-wrapper label{
        z-index:1; /*  bring the main category above the ddl so we can select it  */
        padding-left:20px;
    }
    
    #bmh4x4CustomFilters .wpc-toggle-children-list{
    	right:12px;
    	width:90%;
    }
    #bmh4x4CustomFilters .wpc-toggle-children-list:after,
    #bmh4x4CustomFilters .wpc-toggle-children-list:before{
         background-color:var( --e-global-color-secondary );
         height:3px;
    }
    #bmh4x4CustomFilters .wpc-toggle-children-list:after{
        bottom: calc(50% + -3px); /* 'icon' positioning */
    }
    .wpc-toggle-children-list:after, .wpc-toggle-children-list:before {
       
    }
    #bmh4x4CustomFilters .wpc-term-item-content-wrapper .wpc-filter-link{
    	font-size:1.2rem;
    	font-weight:700!important;
    	color:#3A4838;
    }
    #bmh4x4CustomFilters .children .wpc-filter-link {
        font-weight:500!important;  
    }
    
    #bmh4x4CustomFilters .wpc-opened .wpc-term-item-content-wrapper{
    	background-color:var( --e-global-color-primary )!important;
    	
    }
    #bmh4x4CustomFilters .wpc-opened .wpc-term-item-content-wrapper a{
    	color:#FFFFFF!important;
    }
    #bmh4x4CustomFilters .wpc-closed .wpc-term-item-content-wrapper{
        background-color:#e8e8e8!important;
    }
    #bmh4x4CustomFilters .wpc-closed .wpc-term-item-content-wrapper a{
    	color:var( --e-global-color-primary )!important;
    }
    #bmh4x4CustomFilters .wpc-filters-ul-list .wpc-checkbox-item input[type="checkbox"]{
        visibility: hidden;
    	/*  hides the checkbox on 'main' categories */
    }
    
    #bmh4x4CustomFilters .wpc-filters-ul-list .wpc-checkbox-item .wpc-term-item-content-wrapper{
    	padding:10px 0 10px 0;	
        background-color:#e8e8e8;
    }
    
    
    #bmh4x4CustomFilters .wpc-filters-ul-list .wpc-term-count{
    	visibility: hidden; /* hides the counter on 'main' categories */
    }
    .children {
    	margin:0;
    	padding:0;
    }
    #bmh4x4CustomFilters .children .wpc-checkbox-item{
    	border:none;
    }
    #bmh4x4CustomFilters .children .wpc-checkbox-item .wpc-term-item-content-wrapper{
    	background-color:#ffffff!important;
    	padding:0;
    	margin:0;
    }
    
    #bmh4x4CustomFilters .children .wpc-checkbox-item .wpc-term-item-content-wrapper a{
    	color:#666767!important;
    }
    #bmh4x4CustomFilters .children .wpc-checkbox-item input[type="checkbox"]{
        visibility: visible;
    }
    
    #bmh4x4CustomFilters .children .wpc-term-count{
    	visibility: visible;
    }
    #bmh4x4CustomFilters .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single, #bmh4x4CustomFilters .wpc-sorting-form .select2-container--default .select2-selection--single{
        border-radius: 0;
    
    }
    #bmh4x4CustomFilters .select2-container .select2-selection--single .select2-selection__arrow b{
        background:none;
    }
    #bmh4x4CustomFilters .wpc-has-children .wpc-term-item-content-wrapper input{
    	display:none;
    }
    #bmh4x4CustomFilters .wpc-term-item-content-wrapper{
        /*padding-left:20px!important;*/
    }
    #bmh4x4CustomFilters .children .wpc-term-item-content-wrapper {
        padding-left:0px!important;
    }

}
/* Custom Style, filter on mobile */
#mobilefilterbtn .wpc-filters-open-widget{
	width:100%; 
	background-color:#ffffff;
}
#mobilefilterbtn .wpc-filters-open-button-container{
	margin:0;
}


/* Custom Style, hover animations on categories */
.popcat_item{
    
}
.popcat_item:hover{
  border-color:var( --e-global-color-primary )!important;  
  background-color:#ffffff!important;
}


/* Custom Style, always square product images */
.square_product_image {
     aspect-ratio: 1 / 1;
     overflow:hidden
}
    

/* Custom Style, full width View More Btn */
#ProductContainer .e-loop__load-more .elementor-button{
    display:block;
    padding:10px 15px 10px 15px;
    font-size:1.2rem;
    font-weight:bold;
}

/* Custom Styles, Product Page*/
.bmh_orangehighlight{
color:#EBA140;
}

#productPageInfo .bmh_incvat{
color:#EBA140;
font-size:1.2rem;
}

#productPageInfo .single_add_to_cart_button{
display:block;
width:100%;
}
#productPageInfo .quantity .qty{
    width:40%;
}

/* cart image width override*/
.cart .product-thumbnail img {
    min-width:150px;
}

/* basket add padding to info messages */
.woocommerce-checkout-payment .woocommerce-info{
    padding:10px;
}

/* Grid / List Custom  */
.products-grid { 
    display: none;
}

.toggle-grid .active,
.toggle-list .active {
  color:#F79E1B!important;
}

/* Custom Search Results */
.search-results-count {
    font-size: 1rem;
    margin-bottom: 20px;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    color:var( --e-global-color-text );
}
.search-results-count .src-term {
    color: var( --e-global-color-secondary );
    font-weight: bold;
}
.search-results-count .src-count {
    color: var( --e-global-color-primary );
    font-weight: bold;
}

#MainMenuContainer .elementor-widget-off-canvas {
	
}

.woocs-lds-ellipsis div {
  background: var( --e-global-color-primary )!important;

}

/* YITH Btn Defaults*/

.ywgc_enter_code{
    font-family: "Montserrat", Sans-serif!important;    
    padding:0;
}

.ywgc_enter_code .form-row-first{ 
  padding-right:0;  
}
.ywgc_enter_code .form-row-last{ 
  padding-left:0;  
}
.ywgc_enter_code .form-row-first input, .ywgc_enter_code .form-row-last input{
     border-radius:0!important;   
}

.ywgc_apply_gift_card_button{
    border-color:#F79E1B!important;
    font-family: "Montserrat", Sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    min-height:42px;
    border-radius:0!important;
}
.ywgc_apply_gift_card_button:hover{
    border-color:#f8b652!important;
}

/* Tex Specific */
#hero_sliders{
    
}

#hero_sliders strong{
    font-size:3.2rem;
}
.hero_pretitle{
    font-size:1.5rem;
    font-weight:600;
    color: var( --e-global-color-primary );
    margin-bottom:20px;
}

@media (max-width: 767px) {
	#hero_sliders strong{
	   font-size:2rem!important;
	}
	.hero_pretitle{
	   font-size:1rem!important;
color:var( --e-global-color-secondary );
	}
}


#card-details-wrap img{
    filter: grayscale(1);
    transition:0.450s;
}
#card-details-wrap img:hover{
    filter: grayscale(0);
}


/* TEX Archive Header */
.tex-archive-header {
    display: flex;
    align-items: center;
    width: 100%;
}
.tex-archive-header__media {
    flex: 0 0 40%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.tex-archive-header__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* TEX Archive Header - Content */
.tex-archive-header__content {
    flex: 1;
    min-width: 0;
    margin: 3%;
}
.tex-archive-header__title {

}
.tex-archive-header__description {
    margin: 0;
}
.tex-archive-header__description p:first-child {
    margin-top: 0;
}
.tex-archive-header__description p:last-child {
    margin-bottom: 0;
}


/* TEX Archive Header - Image */
.tex-archive-header__media {
    flex: 0 0 30%;
    display: flex;
    justify-content: flex-end;
}
.tex-archive-header__image {
    display: block;
    width: 100%;
    max-width: 800px;
    height: auto;
}


/* TEX Archive Header - Sub Categories */
.tex-archive-header--depth-1 .tex-archive-header__media {
    flex-basis: 15%;
}
.tex-archive-header--depth-1 .tex-archive-header__image {
    max-width: 500px;
}

/* TEX Archive Header - Vehicle Selected */
.tex-archive-header--vehicle .tex-archive-header__media {
    flex-basis: 15%;
}
.tex-archive-header--vehicle .tex-archive-header__image {
    max-width: 500px;
}

/* TEX Archive Header - Mobile */
@media (max-width: 767px) {
    .tex-archive-header {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
    }
    .tex-archive-header__media {
        flex-basis: auto;
        justify-content: flex-start;
    }
    .tex-archive-header__image {
        max-width: 100%;
    }
}


/* =========================================
   TEX PRIMARY MENU
========================================= */
@media (min-width: 1025px) {
.tex-menu-wrap {
    position: relative;
    z-index: 1000;
    width: 100%;
}

.tex-menu,
.tex-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tex-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.tex-menu a {
    text-decoration: none;
    color: #ffffff;
    font-family: "Montserrat", Sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
}


/* =========================================
   TOP LEVEL MENU ITEMS
========================================= */

.tex-menu > .menu-item {
    position: relative;
    z-index: 1;
}

.tex-menu > .menu-item:hover,
.tex-menu > .menu-item:focus-within {
    z-index: 100;
}

.tex-menu > .menu-item > a {
    display: block;
    padding: 18px 12px;
}

.tex-menu > .menu-item > a:hover,
.tex-menu > .menu-item:focus-within > a {
    color: #ffffff;
    background: var(--e-global-color-b7f7107);
}


/* =========================================
   MAIN DROPDOWN
========================================= */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	z-index: 1!important;
}
.tex-menu > .menu-item > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: max-content;
    min-width: 220px;
    max-width: 500px;
    columns: 2 200px;
    column-gap: 40px;
    padding: 25px;
    background: var(--e-global-color-b7f7107);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease;
}


/* =========================================
   SHOW DROPDOWN
========================================= */

.tex-menu > .menu-item:hover > .sub-menu,
.tex-menu > .menu-item:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}


/* =========================================
   GROUPS
   e.g. BRAKING / WIPERS / HARDWARE & SEALS
========================================= */
.tex-menu > .menu-item > .sub-menu > .menu-item {
    display: inline-block;
    width: 200px;
    margin: 0 0 24px;
    break-inside: avoid;
}

.tex-menu > .menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 8px;
    vertical-align: 3px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}
.tex-menu > .menu-item-has-children:hover > a::after,
.tex-menu > .menu-item-has-children:focus-within > a::after {
    transform: rotate(225deg);
	vertical-align:0px;
}


/* =========================================
   GROUP HEADINGS
========================================= */

.tex-menu > .menu-item > .sub-menu > .menu-item > a {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: normal;
}


/* =========================================
   LINKS WITHIN EACH GROUP
========================================= */

.tex-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
    position: static;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;

    opacity: 1;
    visibility: visible;
    pointer-events: inherit;

    transform: none;
    background: none;
}
.tex-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item {
    display: block;
    margin: 0;
}

.tex-menu > .menu-item > .sub-menu > .menu-item > .sub-menu a {
    display: block;
    padding: 4px 0;
    white-space: normal;
    font-weight: 500;
    font-size: 0.8rem;
}


/* Non-clickable group headings */
.tex-menu > .menu-item > .sub-menu > .menu-item > a[href="#"] {
    pointer-events: none;
    cursor: default;
}

}

/* =========================================
   TEX TABLET / MOBILE MENU
========================================= */

@media (max-width: 1024px) {

    .tex-menu-wrap {
        width: 100%;
    }

    .tex-menu,
    .tex-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .tex-menu {
        display: block;
        width: 100%;
    }

    .tex-menu a {
        text-decoration: none;
        color: #ffffff;
        font-family: "Montserrat", Sans-serif;
    }


    /* =========================================
       TOP LEVEL ITEMS
    ========================================= */

    .tex-menu > .menu-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .tex-menu > .menu-item > a {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        padding: 16px 0;

        font-size: 0.9rem;
        font-weight: 600;
        text-transform: uppercase;
    }


    /* =========================================
       ALL SUBMENUS
    ========================================= */

    .tex-menu .sub-menu {
        display: none;

        position: static;

        width: 100%;
        margin: 0;
        padding: 0 0 16px 15px;

        background: none;
    }

    .tex-menu .menu-item.is-open > .sub-menu {
        display: block;
    }


    /* =========================================
       SECOND LEVEL / GROUP HEADINGS
    ========================================= */

    .tex-menu > .menu-item > .sub-menu > .menu-item > a {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        padding: 8px 0;

        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
    }


    /* =========================================
       THIRD LEVEL LINKS
    ========================================= */

    .tex-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
        padding: 4px 0 10px 15px;
    }

    .tex-menu > .menu-item > .sub-menu > .menu-item > .sub-menu a {
        display: block;

        padding: 6px 0;

        font-size: 0.8rem;
        font-weight: 500;
        text-transform: none;
    }


    /* =========================================
       DROPDOWN ARROWS
    ========================================= */

    .tex-menu .menu-item-has-children > a::after {
        content: "";

        flex: 0 0 auto;

        width: 6px;
        height: 6px;

        margin-left: 12px;
        margin-right: 3px;

        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;

        transform: rotate(45deg);

        transition: transform 0.2s ease;
    }

    .tex-menu .menu-item-has-children.is-open > a::after {
        transform: rotate(225deg);
    }
}

/* =========================================
   TEX MOBILE VEHICLE SELECTOR
   Separate Elementor container on mobile
========================================= */
@media screen and (max-width: 767px) {
    #texmobilevehiclefilter .tex-vehicle-selector {
        margin-bottom: 0;
    }

    #texmobilevehiclefilter .tex-vehicle-selector select {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding: 10px 45px 10px 12px;
        background-color: var(--e-global-color-primary) !important;
        color: #ffffff;
        border: 1px solid var(--e-global-color-primary);
        border-radius: 0 !important;
        font-family: "Montserrat", sans-serif;
        font-size: 1.2rem;
        font-weight: 700 !important;
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23009FE3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 7px center;
        background-size: 22px;
        cursor: pointer;
    }

    #texmobilevehiclefilter .tex-vehicle-selector select:disabled {
        background-color: #e8e8e8 !important;
        color: #bdbdbd !important;
        border: 1px solid #666767 !important;
        opacity: 0.65 !important;
        cursor: not-allowed;
    }

    #texmobilevehiclefilter .tex-vehicle-selector select:disabled option {
        color: var(--e-global-color-primary);
    }

    #texmobilevehiclefilter .tex-vehicle-selector a {
        display: block;
        padding: 15px;
        background-color: var(--e-global-color-secondary) !important;
        color: #ffffff;
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    #texmobilevehiclefilter .tex-vehicle-selector__action {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
        transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    }

    #texmobilevehiclefilter .tex-vehicle-selector__action:has(
        .tex-vehicle-selector__button[aria-disabled="true"]
    ) {
        opacity: 0;
        transform: translateY(6px);
        visibility: hidden;
        pointer-events: none;
    }

    /* Filter Everything mobile popup: hide its duplicate Vehicle filter. */
    .wpc-filters-section[data-filter-e-name="vehicle"] {
        display: none !important;
    }
}

/* Variable products - hide Add to Basket and separator */
.tex-product-variable .elementor-element.tex-add-to-basket,
.tex-product-variable .elementor-element.tex-button-separator {
    display: none !important;
}