/* 🔥 Elimina pseudo-elementos que actúan como separadores */
.header-top [class*="wishlist"]::before,
.header-top [class*="wishlist"]::after,
.header-top [class*="cart"]::before,
.header-top [class*="cart"]::after,
.header-top [class*="user"]::before,
.header-top [class*="user"]::after,
.header-top [class*="search"]::before,
.header-top [class*="search"]::after {
    content: none !important;
    display: none !important;
}

/* SOLUCIÓN DEFINITIVA - Eliminar ::before heredado del tema */
.ets-wishlist-products-container-header ul.buttons-share-wishlist li a::before,
.ets_wl_share_social ul.buttons-share-wishlist li a::before {
    content: '' !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
}


/* Estilos para el modal de wishlist */
#wishlistDeleteModal .modal-content {
    border-radius: 8px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

#wishlistDeleteModal .modal-header {
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
}

#wishlistDeleteModal .modal-title {
    font-weight: 600;
    color: #333;
}

#wishlistDeleteModal .btn-primary {
    background-color: #25b9d7;
    border-color: #25b9d7;
}

#wishlistDeleteModal .btn-primary:hover {
    background-color: #1ea1bb;
    border-color: #1ea1bb;
}



/* Override Mint Green Background */
/* Override Mint Green Background - Enhanced Specificity */
body,
body.ybc-skin-green_1,
body.ybc-skin-pink_1,
body.ybc-skin-blue_1,
body.ybc-skin-yellow_1 {
    background-color: #ffffff !important;
}

#wrapper {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Fix Floating Wishlist/List Button on Mobile */

/* Ocultar categorías móviles en desktop */
@media (min-width: 992px) {

    .categories_title_mobile,
    .categories_container_mobile {
        display: none !important;
    }
}

@media (max-width: 991px) {

    .header-nav .right-nav,
    .header-nav .col-mobile-right {
        justify-content: flex-end !important;
        display: flex !important;
    }

    .wishtlist_top {
        margin-left: 5px !important;
        margin-right: 5px !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
    }

    /* Ensure group stays together */
    .header-nav .right-nav>* {
        margin-left: 8px !important;
    }
}

/* Fix Hot Deals Wishlist Button Alignment - Targeted (#ybc_specificprices) */
#ybc_specificprices .thumbnail-container {
    position: relative !important;
}

#ybc_specificprices .wishlist,
#ybc_specificprices .wishlist-button-add {
    position: absolute !important;
    top: 168px !important;
    /* Lowered per request */
    left: 165px !important;
    /* Moved left (Desktop) */
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
}

/* Mobile Override for Hot Deals (Adjust overlay for smaller image) */
@media (max-width: 991px) {

    #ybc_specificprices .wishlist,
    #ybc_specificprices .wishlist-button-add {
        left: 325px !important;
        top: 305px !important;
        /* Moved right (Mobile) */
    }
}

/* Fix Wishlist Button Position in Related Products */
.product-miniature .thumbnail-container {
    position: relative !important;
}

/* More specific selector to override theme.css */
.products article .wishlist-button-add,
.product-miniature .wishlist-button-add {
    position: absolute !important;
    top: 213px !important;
    right: 8px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 10 !important;
}

/* Responsive adjustments for tablet */
@media (max-width: 991px) {

    .products article .wishlist-button-add,
    .product-miniature .wishlist-button-add {
        top: 172px !important;
        right: 3px !important;
    }
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {

    .products article .wishlist-button-add,
    .product-miniature .wishlist-button-add {
        top: 330px !important;
        right: 10px !important;
    }
}


#_desktop_cart {
    gap: 30px !important;
}

/* Custom Mobile Menu Styles */
@media (max-width: 991px) {

    /* Header (Rojo con letras blancas) - Override module's black */
    .transition_floating .close_menu,
    .transition_full .close_menu,
    .ets_mm_megamenu .close_menu {
        background-color: #ff0000 !important;
        /* Rojo consistente */
        color: #ffffff !important;
        /* Blanco */
        text-align: left !important;
        padding-left: 20px !important;
        display: flex !important;
        align-items: center !important;
        font-size: 18px !important;
        min-height: 50px !important;
    }

    .close_menu i.icon-bar {
        background-color: #ffffff !important;
    }

    /* Ocultar "Atras" (por si acaso queda algo en CSS del modulo) */
    .close_menu .pull-right {
        display: none !important;
    }

    /* Fondo blanco para el contenedor del menu y categorias */
    .mm_menus_ul {
        background-color: #ffffff !important;
    }

    /* Items del menu con fondo blanco */
    .mm_menus_li {
        background-color: #ffffff !important;
        border-bottom: 1px solid #eeeeee !important;
    }

    .mm_menus_li>a {
        color: #333333 !important;
    }

    /* Titulo Separador de Categorias - ROJO como el header */
    .categories_title_mobile {
        background-color: #ff0000 !important;
        /* Mismo rojo del header */
        padding: 10px 20px !important;
        font-weight: bold !important;
        color: #ffffff !important;
        /* Letras blancas */
        text-transform: uppercase !important;
        border-top: none !important;
        margin-top: 0 !important;
    }

    /* Contenedor de Categorias inyectadas */
    .categories_container_mobile {
        padding: 0 !important;
        background-color: #ffffff !important;
    }

    /* Asegurar que el bloque de categorias se vea al inyectarlo */
    .categories_container_mobile .category-top-menu-list {
        display: block !important;
        width: 100% !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .categories_container_mobile .category-top-menu-list>li {
        border-bottom: 1px solid #eeeeee !important;
        padding: 0 !important;
        background-color: #ffffff !important;
    }

    .categories_container_mobile .category-top-menu-list>li>a {
        display: block !important;
        padding: 12px 20px !important;
        color: #333333 !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
    }

    /* Subcategorias (hijos) */
    .categories_container_mobile .category-top-menu-list ul {
        /* jQuery maneja el display con slideDown/slideUp */
        list-style: none !important;
        padding-left: 0 !important;
        margin: 0 !important;
        background-color: #f9f9f9 !important;
        overflow: hidden !important;
    }

    .categories_container_mobile .category-top-menu-list ul li {
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .categories_container_mobile .category-top-menu-list ul li a {
        display: block !important;
        padding: 10px 20px 10px 35px !important;
        /* Indentación para subcategorías */
        color: #666666 !important;
        font-size: 13px !important;
        text-transform: none !important;
    }

    /* Indicador de que hay subcategorías */
    .categories_container_mobile .category-top-menu-list>li.has-children>a::after {
        content: "›" !important;
        float: right !important;
        font-size: 20px !important;
        transition: transform 0.3s ease !important;
    }

    .categories_container_mobile .category-top-menu-list>li.has-children.show-mobile>a::after {
        transform: rotate(90deg) !important;
    }
}

/* Correcciones estéticas de bordes redondeados */
.btn,
input[type="submit"],
input[type="button"] {
    border-radius: 50px !important;
    /* Botones tipo píldora */
}

body.ybc-skin-green_1 .star:after,
body.ybc-skin-green_1 .star-on:after,
body.ybc-skin-green_1 .star_on:after {
    color: #EB5C3A !important;
}

.ets_mm_megamenu ul:not(.dropdown-menu) {
    background-color: #EB5C3A;
}


body.ybc-skin-green_1 .owl-nav>div:hover,
body.ybc-skin-green_1 .mls_nav>div:hover,
body.ybc-skin-green_1 .cart-wishlist-checkout:hover,
body.ybc-skin-green_1 .btn-primary:hover,
body.ybc-skin-green_1 #new_comment_form button:hover,
body.ybc-skin-green_1 .pagination .current a,
body.ybc-skin-green_1 .products-sort-order .select-list:hover,
body.ybc-skin-green_1 .btn-secondary:hover,
body.ybc-skin-green_1 .btn-tertiary:hover,
body.ybc-skin-green_1 .quick-view:hover,
body.ybc-skin-green_1 .discount-percentage,
body.ybc-skin-green_1 .product-discount,
body.ybc-skin-green_1 .slick-prev:hover,
body.ybc-skin-green_1 .block-categories-custom h3.block-categories-title,
body.ybc-skin-green_1 .slick-next:hover,
body.ybc-skin-green_1 .wishlist .addToWishlist:hover,
body.ybc-skin-green_1 a#wishlist_button:hover {
    background-color: #EB5C3A !important;
    border-color: #EB5C3A !important;
}

body.ybc-skin-green_1 .ybc-widget-item-link:hover,
body.ybc-skin-green_1 #blockcart-modal .modal-header,
body.ybc-skin-green_1 .scroll_top.show_scroll,
body.ybc-skin-green_1 .custom-radio input[type="radio"]:checked+span,
body.ybc-skin-green_1 .owl-nav>div,
body.ybc-skin-green_1 .transition_floating .close_menu,
body.ybc-skin-green_1 .transition_full .close_menu,
body.ybc-skin-green_1 .mls_nav>div,
body.ybc-skin-green_1 .product-actions .add-to-cart,
body.ybc-skin-green_1 .mls_pag_button.active,
body.ybc-skin-green_1 .plw_content,
body.ybc-skin-green_1 .ynpt6 #ynp-submit.ynp-submit,
body.ybc-skin-green_1 .brand-products a.brand-view-products:hover,
body.ybc-skin-green_1 .ets_purchase_type_list input:checked+.product-thumbnail::before,
body.ybc-skin-green_1.ybc-layout-layouthome2 .mls_slider_running,
body.ybc-skin-green_1 .panel-product-w-custom .wishlist_button_extra:hover,
body.ybc-skin-green_1 #footer .ybc-theme-panel-inner #ybc_tc_float_header li.active {
    background-color: #EB5C3A !important;
    border-color: #EB5C3A !important;
}

.product-flags .out_of_stock {
    background: none repeat scroll 0 0 #EB5C3A !important;
}

.product-flags li:before {
    border-top: 6px solid #EB5C3A !important;
}

.copyright {
    height: 60px !important;
    background-color: #3B6377;
    color: #FFFFFF;
    text-align: center;
    padding: 1rem;
    font-size: 0.9rem;
    border-top: 1px solid #3B6377;
}


.ets-product-specific .discount-percentage::before {
    border-top: 6px solid #EB5C3A !important;
}

#header .logo {
    max-width: 60%;
}

@media (max-width: 991px) {
    .categories_title_mobile {
        background-color: #EB5C3A !important;
        padding: 10px 20px !important;
        font-weight: bold !important;
        color: #ffffff !important;
        text-transform: uppercase !important;
        border-top: none !important;
        margin-top: 0 !important;
    }
}

.login-wrapper .sign-up-link:hover,
.login-wrapper .forgot-link:hover {
    color: #0B3043 !important;
}

#login-form .form-footer button:hover {
    background-color: #0B3043 !important;
}

body.ybc-skin-green_1 .owl-nav>div:hover {
    background-color: #0B3043 !important;
    border-color: #0B3043 !important;
}

.product-flags .new {
    background: none repeat scroll 0 0 #0B3043;
}

.product-flags li.new:before {
    border-top: 6px solid #0B3043 !important;
}

.product-flags li.on-sale:before {
    border-top: 6px solid #f39d72 !important;
}

.category-sub-menu li .sub_cat_hover {
    min-width: 300px;
}

.bg-home .homeblog_wrapper {
    display: none !important;
}

li.product-flag {
    display: block;
    position: relative !important;
}


.product-flags li.product-flag {
    margin: 5px;
}

.product-cover img {
    background: #dfdfdf !important;
}

.image_item_product {
    background-color: #dfdfdf !important;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    margin: 0 0 2px 2px;
    max-width: 82%;

}

.product-line-grid-right .bootstrap-touchspin {
    width: 73px;
    box-shadow: none;
}

.no-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 175px;
    text-align: center;
}

span.no-items {
    font-size: 18px;
    margin-bottom: 20px;
    width: 700px;
}

.left_34 .ybc-widget-description-content {
    padding-left: 19%;
}