/* cambia el color del enlace del menu en normal  */
.wpbf-menu>.menu-item>a{
    color: #17163d !important; 
}

body.dark-mode .wpbf-menu>.menu-item>a {
    color: #e5e2e2 !important;
}

body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4, 
body.dark-mode h5, 
body.dark-mode h6,
body.dark-mode .woocommerce-Price-amount {
    color: #d5d5d5;
}

/* cambia el color del enlace de la pag activa del menu en normal  */
.wpbf-menu>.current-menu-item>a{ 
    color: #8c57ff !important; 
} 

/* cambia el color del enlace de la pag activa del menu en modo oscuro  */
body.dark-mode .wpbf-menu > .current-menu-item > a { 
    color: #9775e1 !important; 
}

/* cambiando el color de fondo del numero de elementos en carrito en la barra menu */
.wpbf-woo-menu-item .wpbf-woo-menu-item-count, body.dark-mode .wpbf-woo-menu-item .wpbf-woo-menu-item-count {
    background: #7e4ee6 !important; 
    background-color: #7e4ee6 !important; 
}


/*  botones comprar */
.woocommerce a.button, .woocommerce button.button, body.dark-mode .woocommerce a.button, body.dark-mode .woocommerce button.button{
    background: #7e4ee6 !important; 
    background-color: #7e4ee6 !important; 
}

/* boton proceder al pago */
:root :where(.wp-element-button, .wp-block-button__link) {
    background: #7e4ee6 !important; 
    background-color: #7e4ee6 !important; 

}

body.dark-mode .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained.darkmysite_style_secondary_bg.darkmysite_style_all.darkmysite_style_link.darkmysite_processed{
    background: #7e4ee6 !important; 
    background-color: #7e4ee6 !important; 
}

body.dark-mode .wc-block-components-button__text.darkmysite_style_txt_border.darkmysite_processed{
    color: #fff !important; 
}
/* fin boton proceder al pago */

/* cintillo de mensajes wp */
body.dark-mode .woocommerce-message, body.dark-mode .woocommerce-error, body.dark-mode .woocommerce-info {
    background-color: #2d2d2d;
}

/* btn Pagar con PayPal / Proceder al pago */
body.dark-mode .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained.darkmysite_style_secondary_bg.darkmysite_style_all.darkmysite_style_button.darkmysite_processed{
    background: #7e4ee6 !important; 
    background-color: #7e4ee6 !important; 
}

body.dark-mode .wc-block-components-checkout-place-order-button__text.darkmysite_style_txt_border.darkmysite_processed{
    color: #fff !important; 
}
/* fin btn Pagar con PayPal / Proceder al pago */

/* botones + -  en cant carrito */
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
    color: #000 !important; 
}

body.dark-mode .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
    color: #fff !important; 
}

body.dark-mode .wc-block-components-quantity-selector{
    border: 1px solid #525252 !important; 
}

body.dark-mode .wc-block-components-quantity-selector__input{
    border-right: 1px solid #525252 !important;
    border-left: 1px solid #525252 !important;
}

/* fin botones + -  en cant carrito */

/* centro fondo paginas cart y checkout */
body.dark-mode .wc-block-components-sidebar-layout, 
body.dark-mode .wp-block-woocommerce-checkout,
body.dark-mode .entry-content{
    background: #1a1a1a  !important; 
    background-color: #1a1a1a  !important; 
}







/* css/dark-theme.css */
body.dark-mode {
    background-color: #1a1a1a;
    color: #ffffff;
}

body.dark-mode a {
    color: #ffffff; /* Enlaces en azul claro */
}

body.dark-mode a:hover {
    color: #dddddd; /* Hover más claro */
}

body.dark-mode header,
body.dark-mode footer,
body.dark-mode .site-header,
body.dark-mode .site-footer, 
body.dark-mode .wpbf-navigation  {
    background-color: #2d2d2d;
    color: #ffffff;
}

body.dark-mode .content-area,
body.dark-mode .entry-content,
body.dark-mode .widget-area {
    background-color: #252525;
    color: #dddddd;
}

/* Ajustes para formularios */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #565656 !important;
    color: #ffffff !important; 
}
body.dark-mode label{
    color: #999494 !important;
}


/* Botones */
body.dark-mode button,
body.dark-mode .button,
body.dark-mode input[type="submit"] {
    background-color: #444444;
    color: #ffffff;
    border: none;
}

body.dark-mode button:hover,
body.dark-mode .button:hover,
body.dark-mode input[type="submit"]:hover {
    background-color: #666666;
}

/* btb de + -  en add a carrito en producto */
body.dark-mode .wpbf-qty-decrease:before, 
body.dark-mode .wpbf-qty-increase:before, 
body.dark-mode .wpbf-qty-increase:after {
    background-color: #ffffff !important;
}

body.dark-mode .wpbf-qty-decrease:hover, 
body.dark-mode .wpbf-qty-increase:hover {
    background-color: #1a1a1a !important;
}
/* fin btb de + -  en add a carrito en producto */

#dark-theme-toggle span{
    display: grid;
    width: 30px;
    height: 30px;
}

.switch_dark{
    background-color: #fbfbfb;
    -webkit-mask: url('//tienda.liquidh2o.net/wp-content/plugins/liquidh2o/img/switch_dark.svg') no-repeat center;
    mask: url('//tienda.liquidh2o.net/wp-content/plugins/liquidh2o/img/switch_dark.svg') no-repeat center;
}

.switch_light{
    background-color: #fbfbfb;
    -webkit-mask: url('//tienda.liquidh2o.net/wp-content/plugins/liquidh2o/img/switch_light.svg') no-repeat center;
    mask: url('//tienda.liquidh2o.net/wp-content/plugins/liquidh2o/img/switch_light.svg') no-repeat center;
}

/* Acordion opciones de pago */
body.dark-mode .wc-block-components-radio-control-accordion-option{
    border: 1px solid #6a6a6a;
    border-radius: 5px; 
}

/* Opciones de envio */
body.dark-mode .wc-block-checkout__shipping-method-option:not(.wc-block-checkout__shipping-method-option--selected){
    outline: 1.5px solid #2a2929;
}

/* cuadro resumen a pagar */
body.dark-mode .wp-block-woocommerce-checkout-order-summary-block{
    background: #252525  !important; 
    background-color: #252525  !important;
    border: 1px solid #6a6a6a;   
}

/* borde separador tipo hr */
body.dark-mode .wc-block-checkout__terms--with-separator, 
body.dark-mode .wc-block-components-totals-wrapper,
body.dark-mode .wp-block-woocommerce-checkout-order-summary-totals-block,
body.dark-mode .wc-block-components-totals-wrappe,
body.dark-mode .is-large.wc-block-cart .wc-block-cart-items td{
    border-top: 1px solid #6a6a6a;
}

body.dark-mode .is-large.wc-block-cart .wc-block-cart-items{
    border-bottom: 1px solid #6a6a6a;
}

/* mensaje en compras */
body.dark-mode .wc-block-components-notice-banner.is-warning{
    background-color: #342e23;
}
body.dark-mode .wc-block-components-notice-banner {
    color: #e1e1e1;
}
body.dark-mode .wc-block-components-notice-banner.is-error {
    background-color: #7c6262;
}
body.dark-mode .wc-block-components-notice-banner.is-info {
    background-color: #454e5c;
}
body.dark-mode .wc-block-checkout__shipping-option .wc-block-components-shipping-rates-control__no-shipping-address-message {
    background-color: #454e5c;
    color: #efefef;
}

body.dark-mode .woocommerce .woocommerce-thankyou-order-details{
     background-color: #454e5c;
}

body.dark-mode table, body.dark-mode .wpbf-table{
     background-color: #454e5c;
}

body.dark-mode table th, body.dark-mode .wpbf-table th{
    background-color: #2e2e2e;
}

body.dark-mode #payment{
    background: #454e5c;
    background-color:#454e5c;
}

body.dark-mode #payment .payment_box{
    background: #2e2e2e;
    background-color: #2e2e2e;
}

body.dark-mode #payment div.payment_box::before{
    border: 1em solid #2e2e2e;
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
}