/* Yujju design system — color de marca.
   El tema trae el óxido demo #a64826 fijo en su CSS (la opción main_color está vacía).
   Aquí se sustituye por los tokens Yujju en los mismos selectores que usa
   lindo/inc/custom-styles.php para main_color. */

/* Fondos con color principal */
.yj-ds.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a::before,
.yj-ds .goal-checkout-step li.active,
.yj-ds .goal-pagination .page-numbers li > span.current,
.yj-ds .goal-pagination .page-numbers li > a:hover,
.yj-ds .goal-pagination .pagination li > span.current,
.yj-ds .goal-pagination .pagination li > a:hover,
.yj-ds .goal-pagination > span.current,
.yj-ds .goal-pagination > a:hover,
.yj-ds .wishlist-icon .count,
.yj-ds .mini-cart .count,
:is(.yj-ds.woocommerce, .yj-ds .woocommerce) .widget_price_filter .ui-slider .ui-slider-handle,
:is(.yj-ds.woocommerce, .yj-ds .woocommerce) .widget_price_filter .ui-slider .ui-slider-range,
.yj-ds .slick-carousel .slick-dots li.slick-active button,
.yj-ds .bg-theme,
.yj-ds table.variations .tawcvs-swatches .swatch-label.selected,
.yj-ds .goal-topcart .offcanvas-content .title-cart-canvas {
    background-color: var(--yj-primary) !important;
    background-image: none !important;
}

/* Badges de oferta: sólidos, pequeños, sin degradado. */
:is(.yj-ds.woocommerce, .yj-ds .woocommerce) span.onsale,
:is(.yj-ds.woocommerce, .yj-ds .woocommerce) .percent-sale,
.yj-ds .product-block .sale-perc {
    background: var(--yj-primary-strong) !important;
    color: var(--yj-white) !important;
    border-radius: var(--yj-radius-sm);
    font-family: var(--yj-font-body);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1;
    padding: 6px 8px;
    min-height: 0;
    min-width: 0;
    box-shadow: none;
}

/* Subrayados decorativos de títulos de widget: línea fina de marca. */
.yj-ds .widget .widget-title::after,
.yj-ds .widget .widgettitle::after,
.yj-ds .widget .widget-heading::after {
    background: var(--yj-primary) !important;
    height: 1px;
}

/* Textos con color principal */
.yj-ds .goal-breadscrumb .breadcrumb a:hover,
.yj-ds .goal-filter .change-view:hover,
.yj-ds .goal-filter .change-view.active,
.yj-ds .btn-link,
.yj-ds .text-theme,
.yj-ds .megamenu .dropdown-menu li > a:hover,
.yj-ds .megamenu .dropdown-menu li.current-menu-item > a,
.yj-ds .megamenu .dropdown-menu li.active > a,
.yj-ds .product-categories li.current-cat > a,
.yj-ds.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active > a {
    color: var(--yj-primary) !important;
}

/* Bordes con color principal */
.yj-ds .goal-checkout-step li.active::after,
.yj-ds .details-product .goal-woocommerce-product-gallery-thumbs .slick-slide.slick-current .thumbs-inner,
.yj-ds .details-product .goal-woocommerce-product-gallery-thumbs .slick-slide:hover .thumbs-inner,
.yj-ds .border-theme,
.yj-ds .tabs-v1 .nav-tabs > li.active {
    border-color: var(--yj-primary) !important;
}

/* Loader del tema */
.yj-ds .goal-loader-inner::before { border-color: var(--yj-primary); }

/* Botón "volver arriba": del óxido a un control discreto de marca. */
.yj-ds .add-fix-top {
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: var(--yj-white) !important;
    color: var(--yj-ink) !important;
    border: var(--yj-border);
    border-radius: var(--yj-radius-pill);
    box-shadow: var(--yj-shadow-float);
}
.yj-ds .add-fix-top:hover,
.yj-ds .add-fix-top:focus {
    background: var(--yj-ink) !important;
    border-color: var(--yj-ink);
    color: var(--yj-white) !important;
}

/* Pestañas de carruseles de producto (Home): subrayado del activo. */
.yj-ds .nav-tabs > li > a::before {
    background-color: var(--yj-primary) !important;
}

/* Minicart: cantidad × precio en tinta, no en óxido. */
.yj-ds .cart_list .quantity,
.yj-ds .cart_list .quantity .woocommerce-Price-amount {
    color: var(--yj-text) !important;
}
