.elementor-102 .elementor-element.elementor-element-a0247e4{--display:flex;}.elementor-102 .elementor-element.elementor-element-3e60075{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-102 .elementor-element.elementor-element-a0247e4{--min-height:100px;}}/* Start custom CSS for bameheader, class: .elementor-element-3e60075 *//* =================================================== */
/* 1. BOTÓN DEL CARRITO EN DESKTOP (LIMPIO Y SIN VERDE) */
/* =================================================== */
.header-button .th-btn, .header-button .th_btn {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    min-width: auto !important;
    box-shadow: none !important;
}

.header-button .th-btn::before, .header-button .th-btn::after,
.header-button .th_btn::before, .header-button .th_btn::after {
    display: none !important;
    content: none !important;
}

.header-button .th-btn i, .header-button .th_btn i {
    font-size: 24px !important;
    color: #ffffff !important;
    transition: 0.3s;
}

.header-button .th-btn:hover i, .header-button .th_btn:hover i {
    color: #c4fc34 !important;
}

/* =================================================== */
/* FORZAR VISIBILIDAD DEL CARRITO EN NOTEBOOKS/TABLETS */
/* =================================================== */
@media (min-width: 992px) {
    /* 1. Desbloquea la columna principal (oculta por defecto en < 1200px) */
    .th-header .col-auto.d-none.d-xl-block {
        display: block !important;
    }

    /* 2. Desbloquea el div interno (oculto por defecto en < 1400px) */
    .th-header .header-button .d-xxl-block.d-none {
        display: block !important;
    }
}

/* =================================================== */
/* 2. ELIMINAR LÍNEA DOBLE EN MENÚ MÓVIL (CONTACTO/CARRITO) */
/* =================================================== */
li.menu-item:nth-last-child(2),
li.menu-item:nth-last-child(2) > a {
    border-bottom: none !important;
}

li.menu-item:last-child,
li.menu-item:last-child > a {
    border-top: none !important;
    border-bottom: none !important;
}

/* =================================================== */
/* 3. LOGO Y CARRITO EN LA CABECERA MÓVIL */
/* =================================================== */
.offcanvas-nav .offcanvas-logo {
    max-width: 150px !important;
    height: auto !important;
}

.offcanvas-navigation .offcanvas-cart-link {
    margin-left: auto !important; /* Empuja el carrito a la derecha */
    margin-right: 20px !important; /* Separación con la hamburguesa */
    display: flex;
    align-items: center;
}

/* =================================================== */
/* 4. LÍNEA VERDE ESPORT MÓVIL (CORRECCIÓN ESPACIO VACÍO) */
/* =================================================== */
.offcanvas-navigation .offcanvas-nav {
    position: relative;
    border-bottom: none !important;
    z-index: 10;
}

/* relleno negro  */
.offcanvas-navigation .offcanvas-nav::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -9px;
    height: 10px;
    width: 100%;
    background: #050505; /* Cámbialo si tu cabecera usa un negro distinto */
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 20px 100%);
    z-index: -1;
}

/* línea verde  */
.offcanvas-navigation .offcanvas-nav::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    height: 12px;
    width: 100%;
    background: #c6d300;
    clip-path: polygon(0 0, 100% 0, calc(100% - 18px) 100%, 18px 100%);
    z-index: -2;
}/* End custom CSS */