.elementor-3631 .elementor-element.elementor-element-460511fe{--display:flex;}body.elementor-page-3631:not(.elementor-motion-effects-element-type-background), body.elementor-page-3631 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-4545c9c8 */div.woosw-name{
    color:white !important;
}
div.woosw-popup-content-mid-message{
    color:white !important;
}
div.woosw-item--name{
    color:white !important;
}
/* =======================================================
   WPC SMART WISHLIST - ESTILOS MODO OSCURO (MONTSERRAT)
   ======================================================= */

/* 1. Tipografía y color base de la tabla y contenedor */
.woosw-popup,
.woosw-content,
.woosw-items,
.woosw-items * {
    font-family: 'Montserrat', sans-serif !important;
}

/* 2. Fondo de la tabla y bordes */
.woosw-items {
    background-color: transparent !important;
    border-color: #222222 !important;
    color: #ffffff !important;
    width: 100% !important;
}

.woosw-items tr,
.woosw-items td,
.woosw-items th {
    background-color: transparent !important;
    border-bottom: 1px solid #222222 !important;
    color: #ffffff !important;
}

/* 3. Nombre del producto */
.woosw-item--name a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woosw-item--name a:hover {
    color: #c5a880 !important; /* Acento dorado/hover */
}

/* 4. Precios */
.woosw-item--price,
.woosw-item--price .woocommerce-Price-amount {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* 5. Fecha agregada */
.woosw-item--time {
    color: #888888 !important;
    font-size: 12px !important;
    margin-top: 4px !important;
}

/* 6. Botón de eliminar (ícono X o basurero) */
.woosw-item--remove span,
.woosw-item--remove a {
    color: #888888 !important;
    transition: color 0.2s ease !important;
}

.woosw-item--remove span:hover,
.woosw-item--remove a:hover {
    color: #ff4d4d !important;
}

/* 7. Botón de acción ("Seleccionar opciones" / "Añadir al carrito") */
.woosw-item--actions .button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
    border-radius: 0px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 10px 18px !important;
    transition: all 0.2s ease !important;
}

.woosw-item--actions .button:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* 8. Fondo oscuro para la ventana modal emergente (popup) */
.woosw-popup .woosw-popup-inner,
.woosw-popup-content {
    background-color: #0b0b0b !important;
    color: #ffffff !important;
    border: 1px solid #222222 !important;
}

.woosw-popup-close {
    color: #ffffff !important;
}/* End custom CSS */