/* Modo oscuro */
html.dark-mode body {
  background-color: #232323;
  color: #C7C0B5;
  transition: background-color 0.3s ease, color 0.3s ease;
}

html.dark-mode .logo_section_wrap.hideontablet,
html.dark-mode .main-nav
{
    background-color: #232323;
    color: #C7C0B5;
}

html.dark-mode .woo_comment_text_pros {
    border-radius: 8px;
    background: transparent;
	border:1px solid #b2935a;
}

.alphabet-filter .head-wrapper {
    background: transparent;
    border: 1px solid #C7C0B5;
}


html.dark-mode .main-nav
{
    background:#232323 !important;
    color: #C7C0B5;
}

html.dark-mode .woocommerce .products.grid_woo .product,
html.dark-mode .woo-content-area-full,
html.dark-mode .woo-content-area-full .content-woo-section .rh-container,
html.dark-mode .whitebg {
    background: #232323;
}

html.dark-mode .products .button_action {
    background: rgb(0 0 0 / 78%);
}

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
    color:#C7C0B5;
}

html.dark-mode .nota-imagen-cuadro {
    box-shadow: 0 0 2px #b2935a;
}

html.dark-mode h1 a,
html.dark-mode h2 a:not(.perfumista-texto h2 a),
html.dark-mode h3 a,
html.dark-mode h4 a,
html.dark-mode h5 a,
html.dark-mode h6 a,
html.dark-mode .nota-individual a span,
html.dark-mode ul.rh-big-tabs-ul .rh-big-tabs-li.active a {
    color: #b2935a !important;
}

html.dark-mode article,
html.dark-mode .post,
html.dark-mode .widget .title,
html.dark-mode .widget h2,
html.dark-mode .elementor-widget .title,
html.dark-mode .woo_grid_compact a.woocat,
html.dark-mode nav.top_menu > ul > li > a,
html.dark-mode .heads_icon_label,
html.dark-mode nav.woocommerce-breadcrumb a,
html.dark-mode .blackcolor,
html.dark-mode .woo-button-actions-area .heartplus,
html.dark-mode .rh-header-icon,
html.dark-mode .aff_tag,
html.dark-mode .brand_logo_small,
html.dark-mode ul.product_list_widget > li > a {
    color: #C7C0B5 !important;
}

html.dark-mode .woo-button-actions-area .heartplus:hover {
    background: transparent;
}

html.dark-mode .nota-imagen-cuadro {
    background-color: transparent;
}

html.dark-mode .woocommerce-breadcrumb span.delimiter+a,
html.dark-mode textarea,
html.dark-mode .prdctfltr_count {
    background: transparent;
}

html.dark-mode .content-woo-area #section-description .rh-container > p,
html.dark-mode .content-woo-area .leer-mas-contenido > p,
html.dark-mode .tabla-responsiva tbody,
html.dark-mode .tabla-responsiva table {
    background: #363636;
}

html.dark-mode .notas-tabs-content,
html.dark-mode .notas-tabs-nav,
html.dark-mode .notas-tabs,
html.dark-mode div#related-section-woo-area {
    background: #232323;
}

html.dark-mode .tabla-responsiva tbody tr:not(:last-child) td {
    border-bottom: 1px solid #C7C0B5;
}

html.dark-mode .tabla-responsiva th:not(:last-child),
html.dark-mode .tabla-responsiva td:not(:last-child) {
    border-right: 1px solid #C7C0B5;
}

html.dark-mode .prdctfltr_collector_flat>span {
    border: 1px solid #C7C0B5;
}

html.dark-mode textarea {
    color:#C7C0B5;
}


html.dark-mode .woocommerce table.shop_attributes td {
    border-bottom: 1px solid #3a3a3a;
}

html.dark-mode .woocommerce table.shop_attributes th {
    border-right: 1px solid #232323;
    border-bottom: 1px solid #3a3a3a;
}

html.dark-mode .woocommerce table.shop_attributes {
    border: 1px solid #232323;
  	border-top: 1px solid #3a3a3a; /* color especial para el borde superior (rojo en este caso) */
}


/**********  Movil **********/
@media (max-width: 479px) {
    html.dark-mode body:not(.dark_body):not(.page-template-template-systempages) {
        background: #232323 !important;
    }
}

html.dark-mode #slide-menu-mobile ul.off-canvas {
    background-color:#232323;
    color: #C7C0B5;
}

html.dark-mode .responsive_nav_wrap {
    background: none repeat scroll 0 0 #232323 !important;
}

html.dark-mode .dl-menuwrapper button svg line {
    stroke: #C7C0B5 !important;
}

html.dark-mode .responsive_nav_wrap .user-ava-intop:after,
html.dark-mode .dl-menuwrapper button i,
html.dark-mode .responsive_nav_wrap .rh-header-icon,
html.dark-mode #slide-menu-mobile ul li.menu-item > a {
    color: #C7C0B5 !important;
}

@media screen and (max-width: 1023px) {
    html.dark-mode #rh_woo_mbl_sidebar .sidebar {
        background-color: #232323;
    }
}

html.dark-mode .prdctfltr_customize_count {
    background-color: transparent;
}


/**********  Botón minimalista flotante **********/
.dark-toggle-btn {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 9999;
    width: 45px;
    height: 45px;
    font-size: 20px;
    background-color: #f0f0f0;
    color: #333;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

/* En modo oscuro, el botón también cambia */
html.dark-mode .dark-toggle-btn {
    background-color: #333;
    color: #f0f0f0;
}