/* 
 * CSS para oscurecer las imágenes del slider y banners
 * Mejora la legibilidad del texto sobre las imágenes
 */

/* Oscurecer imágenes del slider principal */
.wf_slider_banner .wf_slider-item > img {
    filter: brightness(75%);
}

/* Oscurecer imágenes de los banners laterales */
.banner-wrapper .banner-wrapper-item .wf-image img {
    filter: brightness(60%);
}

/* Ajustes adicionales para mejorar la legibilidad */
.wf_slider_banner .wf_slider-content .title {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.wf_slider_banner .wf_slider-content .subtitle {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.banner-wrapper .banner-wrapper-item .banner-wrapper-inner .info .title {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.banner-wrapper .banner-wrapper-item .banner-wrapper-inner .info .subtitle {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

/* Hover effect para banners */
.banner-wrapper .banner-wrapper-item:hover .wf-image img {
    filter: brightness(60%);
    transition: filter 0.3s ease;
}

/* Estilo para la imagen CTA - más específico */
.hurry-img img,
div.hurry-img img,
.hurry-img.wf-text-center img {
    height: 320px !important;
    width: auto !important;
    object-fit: contain !important;
    max-width: none !important;
}

/* Ocultar sección Popular Categories */
#wf_product_category,
.wf_product_category {
    display: none !important;
}

/* Ocultar "My account" del menú principal */
#menu-item-17,
.menu-item-17 {
    display: none !important;
}

/* Ocultar contenido interno de la sección Blog & News */
#wf_posts .wf-container {
    display: none !important;
}

/* Ocultar botón de usuario en el navbar */
.wf_navbar-user-item {
    display: none !important;
}

/* Ajustar margen del carrito */
.wf_navbar-cart-item {
    margin-right: 0 !important;
}
.wf_navbar-list-right {
    padding: 0 !important;
}

/* Ocultar acciones del producto (compare y wishlist) */
.product-action {
    display: none !important;
}

/* Ocultar área de widgets de la barra superior */
.widget--right {
    display: none !important;
}

/* Ocultar las últimas 3 secciones del footer (dejar solo la primera) */
.wf_footer_middle .wf-col-lg-3:nth-child(2),
.wf_footer_middle .wf-col-lg-3:nth-child(3),
.wf_footer_middle .wf-col-lg-3:nth-child(4) {
    display: none !important;
} 

/* Ocultar los últimos 4 elementos del menú inferior móvil, dejar solo los primeros 3 */
.mobile-bottom-nav-wrapper ul li:nth-child(n+4) {
    display: none !important;
} 


button.wf_uptop {
    bottom: 8rem !important;
    transform: translateY(14rem) !important;
    right: 1rem !important;
}

.wf_uptop.active {
    transform: translateY(0) !important;
}

/* Ocultar páginas "My account", "Wishlist" y "Compare" del menú */
.menu-item-10, /* My account */
.page-item-10,
.menu-item-5, /* Wishlist */
.page-item-5,
.menu-item-4, /* Compare */
.page-item-4 {
    display: none !important;
}

/* Ocultar por URL también */
a[href*="/my-account/"],
a[href*="/wishlist/"],
a[href*="/compare/"] {
    display: none !important;
}

/* Ocultar por texto del enlace */
a[title="My account"],
a[title="Mi cuenta"],
a[title="Compare"] {
    display: none !important;
}