/* Busjes Filters frontend styles (badges + dropdown) */

.busjes-filter-match{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 8px;
    border-radius:6px;
    border:2px solid #00AF66;
    background:#ffffff;
    color:#00AF66;
    font-size:13px;
    font-weight:600;
    margin:6px 0;
}

.busjes-badge-row{ margin:6px 0; }

.busjes-badge-row--cart{
    margin-top:8px;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.busjes-title-badge-wrap{
    display:block;
    margin-bottom:6px;
}

.woocommerce-loop-product__title .busjes-filter-match{
    margin-bottom:4px;
}

.products .busjes-filter-match{
    font-size:12px;
    padding:3px 6px;
}

.busjes-filter-label{
    display:block;
    margin:0 0 6px;
    font-weight:600;
}

/* Select2 small tweaks */
.select2-container--default .select2-selection--single{
    height:40px;
    border-radius:6px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:40px;
}


/* Align badge row consistently above price by reserving space for titles */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    min-height: 3.6em;
}

/* Vehicle tab pages: prevent custom tabs container from overriding theme fonts (price/title) */
.custom-tabs{ font-family: inherit !important; }
.custom-tabs .price, .custom-tabs .woocommerce-Price-amount{ font-family: inherit !important; }


/* --- Layout normalization for product grids ---
   Ensures badges sit at a consistent vertical position (just above price) by stabilizing title height.
*/
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
    line-height:1.25;
    min-height:3.2em; /* ~2 lines */
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

/* --- Tabs font override ---
   Some pages define .custom-tabs { font-family: ... !important } inline.
   Use higher specificity so prices keep the theme font.
*/
html body .custom-tabs,
html body .custom-tabs *{
    font-family: inherit !important;
}
html body .custom-tabs .price,
html body .custom-tabs .woocommerce-Price-amount,
html body .custom-tabs .woocommerce-Price-amount *{
    font-family: inherit !important;
}


/* --- Alignment: keep badge row on consistent vertical position in product grids --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; /* 2 lines */
    overflow:hidden;
    min-height:3.2em; /* keeps badge aligned */
}

/* --- Vehicle pages: prevent custom tabs font from overriding theme fonts (prices etc.) --- */
html body .custom-tabs,
html body .custom-tabs *{
    font-family: inherit !important;
}