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

/* Make option in dropdown */
.pv-make-opt {
    display: flex;
    align-items: center;
    gap: 8px;
}
.pv-make-opt__img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 3px;
}

/* Selected value rendering */
.pv-make-sel {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.pv-make-sel__img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 2px;
}

.pv-opt{
  display:flex; align-items:center; gap:8px;
}
.pv-opt__img{
  width:56px; height:56px; object-fit:contain; border-radius:3px;
}
.pv-sel{
  display:inline-flex; align-items:center; gap:6px;
}
.pv-sel__img{
  width:48px; height:48px; object-fit:contain; border-radius:2px;
}

.view-compatible-vehicles {
    background-color:#e0e0e0 !important;
    margin-bottom:24px;
}

.view-compatible-vehicles:hover {
    background-color:#c0c0c0 !important;
}

.vehicle-tr img {
    width:64px !important;
    height:auto !important;
}

.single-product-vehicles table {
    width:100% !important;
    
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
}
/* === Estilos filtro de vehículo === */
.select2-container--default .select2-selection--single {
    background-color: #ffffff; /* morado */
    color: #111111;            /* texto blanco */
    border: 2px solid #000000; /* borde negro */
    border-radius: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111111 !important;   /* texto blanco */
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent !important; /* flecha blanca */
}

/* === Dropdown con mismo morado en hover/selección === */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
    background-color: #351D75 !important; /* morado */
    color: #ffffff !important;
}

.vehicle-filter.horizontal .widget_title {color:#fff !important;}

.vehicle-filter {border-radius:16px !important}