/*	
	Theme Name: Motors - Child Theme
	Theme URI: http://motors.stylemixthemes.com/
	Author: StylemixThemes
	Author URI: http://stylemixthemes.com/
	Description: Motors Child theme
	Version: 4.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: blue, red, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: motors-child
    Template: motors

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ===========================================
   CARRUSEL DE IMÁGENES WPBakery - MEJORAS SIMPLES
   =========================================== */

/* Ocultar indicadores que se superponen */
.vc_images_carousel .vc_carousel-indicators {
    display: none !important;
}

/* Hacer flechas visibles y funcionales */
.vc_images_carousel .vc_left.vc_carousel-control,
.vc_images_carousel .vc_right.vc_carousel-control {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(196, 207, 61, 0.8) !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #232628 !important;
    font-weight: bold !important;
    font-size: 20px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.vc_images_carousel .vc_left.vc_carousel-control {
    left: 10px !important;
}

.vc_images_carousel .vc_right.vc_carousel-control {
    right: 10px !important;
}

.vc_images_carousel .vc_left.vc_carousel-control:hover,
.vc_images_carousel .vc_right.vc_carousel-control:hover {
    background: #c4cf3d !important;
    color: #fff !important;
    transform: translateY(-50%) scale(1.05) !important;
}

/* Ocultar iconos originales */
.vc_images_carousel .vc_left.vc_carousel-control .icon-prev,
.vc_images_carousel .vc_right.vc_carousel-control .icon-next {
    display: none !important;
}

/* Sustituir por flechas → */
.vc_images_carousel .vc_left.vc_carousel-control:before {
    content: "←" !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.vc_images_carousel .vc_right.vc_carousel-control:before {
    content: "→" !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Reducir espacios entre imágenes */
.vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
    margin: 0 !important;
    padding: 0 2px !important;
}

/* Add your own styles here */

/* ===========================================
   WOOCOMMERCE - SOLUCIÓN SIMPLE Y LIMPIA
   =========================================== */

/* Resetear estilos de productos */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: -15px !important;
    padding: 0 !important;
    list-style: none !important;
}

.woocommerce ul.products li.product {
    flex: 0 0 calc(33.333% - 30px) !important;
    margin: 15px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease !important;
}

.woocommerce ul.products li.product:hover {
    border-color: #c4cf3d !important;
}

/* Eliminar bordes adicionales del tema */
.woocommerce ul.products li.product * {
    border: none !important;
    outline: none !important;
}

/* Eliminar bordes de enlaces */
.woocommerce ul.products li.product a {
    border: none !important;
    text-decoration: none !important;
}

/* Imágenes más grandes */
.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
}

/* Títulos con padding izquierdo */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #232628 !important;
    margin: 10px 12px 4px 16px !important;
    padding-left: 4px !important;
    line-height: 1.4 !important;
    display: block !important;
    height: 36px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Precios destacados */
.woocommerce ul.products li.product .price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #c4cf3d !important;
    margin: 4px 12px 8px 12px !important;
    display: block !important;
    line-height: 1.2 !important;
}

/* Botón - SIN ESPACIO FINAL */
.woocommerce ul.products li.product .button {
    display: block !important;
    width: calc(100% - 24px) !important;
    margin: 8px 12px 0px 12px !important;
    padding: 8px 14px !important;
    background: #232628 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: background 0.3s ease !important;
}

/* Eliminar espacio final del contenedor */
.woocommerce ul.products li.product {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

/* SOBRESCRIBIR CSS DEL TEMA MOTORS CON MÁS ESPECIFICIDAD */
body.woocommerce .products ul li .stm-product-inner,
body.woocommerce ul.products li .stm-product-inner,
.woocommerce .products ul li .stm-product-inner,
.woocommerce ul.products li .stm-product-inner {
    padding-bottom: 0 !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
}

.woocommerce ul.products li.product .button:hover {
    background: #c4cf3d !important;
    color: #232628 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        flex: 0 0 calc(50% - 30px) !important;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        flex: 0 0 calc(100% - 30px) !important;
    }
}

/* ===========================================
   CORRECCIÓN CONTRASTE BARRA LATERAL
   =========================================== */

.archive-listing-page .sidebar-entry-header .h4,
.filter-sidebar .sidebar-entry-header .h4 {
    color: #2596be !important;
}