/* Yujju design system — carrito, checkout, Mi cuenta y capas emergentes.
   Tablas limpias, tarjetas planas (borde --yj-line, radio 8) y avisos en callout blush.
   El minicart del header (.goal-topcart) lo cubre header.css. */

/* ── Avisos propios: gate, mínimo de compra y banner de cuenta ───────────── */
.yj-ds .yujju-cart-gate,
.yj-ds .yujju-min-notice,
.yj-ds .yujju-checkout-gate,
.yj-ds .yujju-account-banner,
.yj-ds .yujju-account-status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--yj-space-2) var(--yj-space-3);
    padding: var(--yj-space-4) var(--yj-space-5);
    font-family: var(--yj-font-body);
    font-size: var(--yj-text-sm);
    line-height: 1.5;
    color: var(--yj-ink);
    background: var(--yj-blush);
    border: 0;
    border-left: 3px solid var(--yj-primary);
    border-radius: var(--yj-radius);
    box-shadow: none;
}
.yj-ds .yujju-cart-gate::before,
.yj-ds .yujju-min-notice::before,
.yj-ds .yujju-checkout-gate::before,
.yj-ds .yujju-account-banner::before,
.yj-ds .yujju-account-status::before {
    position: static;
    margin: 0;
    color: var(--yj-primary);
}
.yj-ds .yujju-cart-gate { margin-bottom: var(--yj-space-4); }
/* El mínimo mezcla texto y precios: bloque normal, no flex. */
.yj-ds .yujju-min-notice { display: block; margin: 0 0 var(--yj-space-5); }
.yj-ds .yujju-min-notice::before { display: inline-block; margin-right: var(--yj-space-3); }
.yj-ds .yujju-account-banner,
.yj-ds .yujju-account-status { margin-bottom: var(--yj-space-5); }
.yj-ds .yujju-account-status.woocommerce-message { border-left-color: var(--yj-success); }
.yj-ds .yujju-account-banner.woocommerce-error { border-left-color: var(--yj-danger); }
.yj-ds .yujju-account-banner.woocommerce-message { border-left-color: var(--yj-success); }

/* Los CTA del gate se alinean a la derecha en escritorio. */
.yj-ds .yujju-eligibility-cta {
    margin: 0;
    min-height: 36px;
    padding: 0 var(--yj-space-4);
    font-size: var(--yj-text-sm);
    line-height: 36px;
}
.yj-ds .yujju-cart-gate .yujju-eligibility-cta:first-of-type { margin-left: auto; }
.yj-ds .yujju-cart-gate .yujju-eligibility-cta + .yujju-eligibility-cta {
    color: var(--yj-primary-strong) !important;
    background: transparent !important;
    border: 1px solid var(--yj-primary-strong);
}
.yj-ds .yujju-cart-gate .yujju-eligibility-cta + .yujju-eligibility-cta:hover {
    color: var(--yj-white) !important;
    background: var(--yj-primary-strong) !important;
}
/* Móvil: icono en línea con el texto y CTA apilados a todo el ancho, iguales. */
@media (max-width: 767px) {
    .yj-ds .yujju-cart-gate {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: start;
    }
    .yj-ds .yujju-cart-gate::before { line-height: inherit; }
    .yj-ds .yujju-cart-gate .yujju-eligibility-cta {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 44px;
        margin: 0;
        line-height: 44px;
        text-align: center;
    }
    .yj-ds .yujju-cart-gate .yujju-eligibility-cta:first-of-type { margin: var(--yj-space-2) 0 0; }
}

/* ── Pasos del checkout: stepper plano en lugar de flechas ───────────────── */
.yj-ds .goal-checkout-step { padding: 0 0 var(--yj-space-6); }
.yj-ds .goal-checkout-step ul {
    display: flex;
    align-items: stretch;
    gap: var(--yj-space-2);
}
.yj-ds .goal-checkout-step ul li {
    flex: 1 1 0;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: var(--yj-space-3) 0;
    font-family: var(--yj-font-body);
    font-size: var(--yj-text-sm);
    font-weight: 500;
    line-height: 1.4;
    color: var(--yj-muted);
    background: transparent;
    border-bottom: 2px solid var(--yj-line);
}
.yj-ds .goal-checkout-step li::before,
.yj-ds .goal-checkout-step li::after,
.yj-ds .goal-checkout-step li .inner::before,
.yj-ds .goal-checkout-step li .inner::after { display: none; }
.yj-ds .goal-checkout-step li .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--yj-space-2);
    height: auto;
    min-height: 0;
    line-height: 1.4;
}
.yj-ds .goal-checkout-step li .step {
    position: static;
    font-family: var(--yj-font-body);
    order: -1;
    font-size: var(--yj-text-xs);
    font-weight: 600;
    letter-spacing: var(--yj-tracking-caps);
    color: inherit;
    opacity: 1;
    transform: none;
}
.yj-ds .goal-checkout-step .inner-step {
    font-size: var(--yj-text-xs);
    letter-spacing: var(--yj-tracking-caps);
    text-transform: uppercase;
    color: inherit;
}
.yj-ds .goal-checkout-step ul li.active {
    color: var(--yj-primary-strong);
    background: transparent !important; /* brand-color.css lo pinta con !important */
    border-bottom-color: var(--yj-primary);
}
.yj-ds .goal-checkout-step li.active .step { color: inherit; opacity: 1; }

/* ── Tablas del carrito y del resumen ────────────────────────────────────── */
.yj-ds .woocommerce table.shop_table {
    font-family: var(--yj-font-body);
    font-size: var(--yj-text-sm);
    color: var(--yj-text);
    border: 0;
    border-radius: 0;
    border-collapse: collapse;
}
.yj-ds .woocommerce table.shop_table th,
.yj-ds .woocommerce table.shop_table td {
    padding: var(--yj-space-4) var(--yj-space-3);
    border: 0;
    border-top: 1px solid var(--yj-line);
    vertical-align: middle;
}
.yj-ds .woocommerce table.shop_table thead th {
    padding-top: 0;
    padding-bottom: var(--yj-space-3);
    font-size: var(--yj-text-xs);
    font-weight: 600;
    letter-spacing: var(--yj-tracking-caps);
    text-transform: uppercase;
    color: var(--yj-muted);
    border-top: 0;
    border-bottom: 1px solid var(--yj-line);
}
.yj-ds .woocommerce table.cart td.product-thumbnail { width: 96px; }
.yj-ds .woocommerce table.cart img {
    width: 72px;
    height: auto;
    border-radius: var(--yj-radius);
    border: var(--yj-border);
}
.yj-ds .woocommerce table.cart td.product-name a {
    font-weight: 500;
    color: var(--yj-ink);
}
.yj-ds .woocommerce table.cart td.product-name a:hover { color: var(--yj-primary); }
.yj-ds .woocommerce table.cart td.product-subtotal,
.yj-ds .woocommerce table.cart td.product-subtotal .amount { font-weight: 600; color: var(--yj-ink); }

/* Quitar producto: icono discreto sin caja */
.yj-ds .woocommerce table.cart .product-remove a.remove,
.yj-ds .woocommerce table.cart th.product-remove {
    color: var(--yj-muted) !important;
    background: transparent !important;
    border: 0;
}
.yj-ds .woocommerce table.cart .product-remove a.remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--yj-radius-pill);
    font-size: var(--yj-text-sm);
}
.yj-ds .woocommerce table.cart .product-remove a.remove:hover {
    color: var(--yj-danger) !important;
    background: var(--yj-blush) !important;
}
.yj-ds .woocommerce table.cart th.product-remove > * { display: none; }

/* Cantidad del carrito: – valor + en fila (el tema apila los botones). */
.yj-ds .woocommerce table.cart .quantity {
    height: 44px;
    padding: 0;
}
.yj-ds .woocommerce table.cart .quantity .plus,
.yj-ds .woocommerce table.cart .quantity .minus {
    position: static;
    width: 44px;
    height: 100%;
    font-size: var(--yj-text-md);
    line-height: 1;
}
.yj-ds .woocommerce table.cart .quantity .plus { order: 3; }
.yj-ds .woocommerce table.cart .quantity input.qty {
    order: 2;
    width: 44px;
    min-height: 0;
    height: 100%;
    padding: 0;
}

/* Acciones: cupón a la izquierda, actualizar a la derecha. */
.yj-ds .woocommerce table.cart td.actions {
    padding-top: var(--yj-space-5);
    border-top: 1px solid var(--yj-line);
}
.yj-ds .woocommerce table.cart td.actions .coupon {
    display: inline-flex;
    align-items: center;
    gap: var(--yj-space-2);
    padding: 0;
    border: 0;
}
.yj-ds .woocommerce table.cart td.actions .coupon label {
    margin: 0;
    font-size: var(--yj-text-sm);
    color: var(--yj-muted);
}
.yj-ds .woocommerce table.cart td.actions .coupon .input-text {
    width: 200px;
    min-height: 40px;
    margin: 0;
    padding: 0 var(--yj-space-3);
    border: 1px solid var(--yj-line-strong);
    border-color: var(--yj-line-strong) !important; /* el tema lo deja en blanco con !important */
    border-radius: var(--yj-radius);
}
.yj-ds .woocommerce table.cart td.actions .button,
.yj-ds .woocommerce table.cart td.actions .btn-coupon {
    min-height: 40px;
    margin: 0;
    padding: 0 var(--yj-space-4);
    font-size: var(--yj-text-sm);
    letter-spacing: 0;
    text-transform: none;
    border-radius: var(--yj-radius);
}
.yj-ds .woocommerce table.cart td.actions .btn-coupon {
    color: var(--yj-primary-strong) !important;
    background: transparent !important;
    border: 1px solid var(--yj-primary-strong);
}
.yj-ds .woocommerce table.cart td.actions .btn-coupon:hover {
    color: var(--yj-white) !important;
    background: var(--yj-primary-strong) !important;
}

/* ── Totales del carrito y resumen del pedido: tarjeta plana ─────────────── */
.yj-ds .woocommerce .cart_totals,
.yj-ds .woocommerce .details-review {
    padding: var(--yj-space-5);
    background: var(--yj-white);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
    box-shadow: none;
}
.yj-ds .woocommerce .cart_totals .cart_totals_inner {
    padding: 0;
    border: 0;
}
.yj-ds .woocommerce .cart_totals .title,
.yj-ds .woocommerce .cart_totals h2,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #order_review_heading,
.yj-ds .woocommerce .details-review > h3 {
    margin: 0 0 var(--yj-space-4);
    font-family: var(--yj-font-display) !important;
    font-size: var(--yj-h4);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--yj-ink);
}
.yj-ds .woocommerce .cart_totals table.shop_table th,
.yj-ds .woocommerce .cart_totals table.shop_table td,
.yj-ds #order_review table.woocommerce-checkout-review-order-table th,
.yj-ds #order_review table.woocommerce-checkout-review-order-table td {
    padding: var(--yj-space-3) 0;
}
.yj-ds .woocommerce .cart_totals table.shop_table th,
.yj-ds #order_review table.woocommerce-checkout-review-order-table tfoot th {
    font-size: var(--yj-text-sm);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--yj-muted);
}
.yj-ds .woocommerce .cart_totals table.shop_table tr:first-child > *,
.yj-ds #order_review table.woocommerce-checkout-review-order-table thead th { border-top: 0; }
/* El tema pinta importes y cabecera del resumen en terracota con selectores de id. */
.yj-ds .woocommerce .cart_totals table.shop_table td .amount,
.yj-ds #order_review table.woocommerce-checkout-review-order-table td .amount,
.yj-ds #order_review table.woocommerce-checkout-review-order-table td.product-total { color: var(--yj-ink); }
.yj-ds #order_review table.woocommerce-checkout-review-order-table thead th { color: var(--yj-muted); }
.yj-ds .woocommerce .cart_totals .order-total th,
.yj-ds .woocommerce .cart_totals .order-total td,
.yj-ds .woocommerce .cart_totals .order-total .amount,
.yj-ds #order_review table.woocommerce-checkout-review-order-table .order-total th,
.yj-ds #order_review table.woocommerce-checkout-review-order-table .order-total .amount {
    font-size: var(--yj-text-md);
    font-weight: 600;
    color: var(--yj-ink);
}
.yj-ds .woocommerce .cart_totals .woocommerce-shipping-destination,
.yj-ds .woocommerce .cart_totals .shipping-calculator-button { font-size: var(--yj-text-sm); }
.yj-ds .woocommerce .wc-proceed-to-checkout { padding: var(--yj-space-4) 0 0; }
.yj-ds .woocommerce .wc-proceed-to-checkout .checkout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: var(--yj-control-h);
    margin: 0 0 var(--yj-space-3);
}

/* Escritorio: el resumen (carrito y checkout) acompaña al scroll. La fila de
   Bootstrap pasa a flex para que la columna tenga la altura del formulario. */
@media (min-width: 992px) {
    .yj-ds .woocommerce .wrapper-cart > .row,
    :is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) form.checkout > .row { display: flex; align-items: stretch; }
    .yj-ds .woocommerce .wrapper-cart > .row::before,
    .yj-ds .woocommerce .wrapper-cart > .row::after,
    :is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) form.checkout > .row::before,
    :is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) form.checkout > .row::after { display: none; }
    .yj-ds .woocommerce .cart-collaterals .cart_totals,
    .yj-ds .woocommerce .details-review { position: sticky; top: 120px; }
}

/* ── Carrito vacío (CartEmptyStateHooks) ─────────────────────────────────── */
.yj-ds .yj-cart-empty {
    max-width: 720px;
    margin: var(--yj-space-6) auto var(--yj-space-5);
    padding: var(--yj-space-7) var(--yj-space-6);
    text-align: center;
    background: var(--yj-white);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
}
.yj-ds .yj-cart-empty__title {
    margin: 0 0 var(--yj-space-2);
    font-family: var(--yj-font-display) !important;
    font-size: var(--yj-h3);
    font-weight: 500;
    text-transform: none;
    color: var(--yj-ink);
}
.yj-ds .yj-cart-empty__text { margin: 0 0 var(--yj-space-5); color: var(--yj-muted); }
.yj-ds .yj-cart-empty__chips .yj-chipbar__list {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    overflow: visible;
}
.yj-ds .yj-cart-empty__actions { margin: var(--yj-space-5) 0 0; }
.yj-ds .yj-cart-empty-b2b {
    max-width: 720px;
    margin: 0 auto var(--yj-space-5);
    padding: var(--yj-space-5) var(--yj-space-6);
    background: var(--yj-blush);
    border-radius: var(--yj-radius);
}
.yj-ds .yj-cart-empty-b2b__title { margin: 0 0 var(--yj-space-2); font-weight: 600; color: var(--yj-ink); }
.yj-ds .yj-cart-empty-b2b__text { margin: 0; font-size: var(--yj-text-sm); color: var(--yj-text); }
/* El aviso de registro y el botón propio sustituyen al «Volver a la tienda» de WC. */
.yj-ds .woocommerce:has(.yj-cart-empty) .return-to-shop { display: none; }
.yj-ds .woocommerce:has(.yj-cart-empty) .yujju-cart-gate { max-width: 720px; margin: 0 auto var(--yj-space-4); }

/* ── Checkout: campos en grilla de dos columnas ──────────────────────────── */
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .details-check h3,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #customer_details h3 {
    margin: 0 0 var(--yj-space-4);
    font-family: var(--yj-font-display) !important;
    font-size: var(--yj-h4);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--yj-ink);
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .woocommerce-billing-fields__field-wrapper,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .woocommerce-shipping-fields__field-wrapper,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .woocommerce-additional-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--yj-space-4);
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .form-row {
    float: none;
    width: auto;
    margin: 0 0 var(--yj-space-4);
    padding: 0;
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .form-row-wide,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .notes,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .address-field.form-row-wide { grid-column: 1 / -1; }
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .col2-set .col-1,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .col2-set .col-2 {
    float: none;
    width: 100%;
    max-width: none;
}

/* Métodos de pago: lista de opciones con borde, sin caja gris del tema. */
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment {
    margin-top: var(--yj-space-5);
    background: transparent;
    border-radius: 0;
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment ul.payment_methods {
    margin: 0 0 var(--yj-space-4);
    padding: 0;
    border: 0;
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment ul.payment_methods > li {
    margin: 0 0 var(--yj-space-2);
    padding: var(--yj-space-3) var(--yj-space-4);
    list-style: none;
    font-size: var(--yj-text-sm);
    color: var(--yj-ink);
    background: var(--yj-white);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment ul.payment_methods > li:has(input:checked) {
    border-color: var(--yj-primary);
    background: var(--yj-blush);
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment div.payment_box {
    margin: var(--yj-space-3) 0 0;
    padding: var(--yj-space-3) 0 0;
    font-size: var(--yj-text-sm);
    line-height: var(--yj-leading);
    color: var(--yj-text);
    background: transparent;
    border-top: 1px solid var(--yj-line);
    border-radius: 0;
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment div.payment_box::before { display: none; }
/* Stripe envuelve sus campos en un fieldset con borde: sobra dentro de la opción. */
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment div.payment_box fieldset {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment .place-order {
    margin: 0;
    padding: 0;
    background: transparent;
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment #place_order {
    width: 100%;
    min-height: 48px;
    float: none;
    font-weight: 600 !important;
    /* El tema lo marca btn-theme-second (outline); la acción final va en primario. */
    color: var(--yj-white) !important;
    background: var(--yj-primary-strong) !important;
    border-color: var(--yj-primary-strong) !important;
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment #place_order:hover,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) #payment #place_order:focus {
    background: var(--yj-primary-hover) !important;
    border-color: var(--yj-primary-hover) !important;
}

/* El tema pinta los campos de WC en gris (#f2f3f5) con mayor especificidad que forms.css. */
.yj-ds .woocommerce form .form-row :is(input.input-text, textarea, .input-text, select) {
    background-color: var(--yj-white);
    border: 1px solid var(--yj-line-strong) !important; /* el tema usa !important */
    border-radius: var(--yj-radius);
}
.yj-ds .woocommerce form .form-row :is(input.input-text, textarea, .input-text, select):focus { border-color: var(--yj-primary) !important; }
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .woocommerce-terms-and-conditions-wrapper,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .woocommerce-privacy-policy-text {
    font-size: var(--yj-text-xs);
    color: var(--yj-muted);
}
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .woocommerce-form-coupon-toggle .woocommerce-info,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .woocommerce-form-login-toggle .woocommerce-info { margin-bottom: var(--yj-space-4); }
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) form.checkout_coupon,
:is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) form.woocommerce-form-login {
    padding: var(--yj-space-5);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
}

/* ── Mi cuenta (visitante): tarjeta de login/registro ────────────────────── */
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user {
    max-width: 520px;
    margin: 0 auto var(--yj-section-y);
    padding: var(--yj-space-6);
    background: var(--yj-white);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
    box-shadow: none;
}
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .title,
.yj-ds.woocommerce-account .woocommerce .user h2 {
    margin: 0 0 var(--yj-space-5);
    font-family: var(--yj-font-display) !important;
    font-size: var(--yj-h3);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--yj-ink);
}
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .form-group,
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .form-row { margin-bottom: var(--yj-space-4); }
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user label,
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .inline,
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .lost_password a,
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .create,
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .woocommerce-privacy-policy-text {
    font-family: var(--yj-font-body);
    font-size: var(--yj-text-sm);
}
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .inline label {
    display: inline-flex;
    align-items: center;
    gap: var(--yj-space-2);
    margin: 0;
    font-weight: 400;
    color: var(--yj-text);
}
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .lost_password a,
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .create a {
    color: var(--yj-primary-strong);
    text-decoration: none;
}
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .lost_password a:hover,
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .create a:hover { color: var(--yj-primary-hover); text-decoration: underline; }
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .create {
    margin-top: var(--yj-space-5);
    padding-top: var(--yj-space-4);
    color: var(--yj-muted);
    border-top: 1px solid var(--yj-line);
}
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user form .btn,
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user form [type="submit"] {
    width: 100%;
    min-height: var(--yj-control-h);
    text-transform: none; /* el tema fuerza mayúsculas en .btn-theme */
    letter-spacing: 0;
}
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .woocommerce-privacy-policy-text { color: var(--yj-muted); }
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .yujju-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--yj-space-2) var(--yj-space-5);
}
:is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user .yujju-radio {
    display: inline-flex;
    align-items: center;
    gap: var(--yj-space-2);
    margin: 0;
    font-weight: 400;
    color: var(--yj-text);
}

/* Pestañas Iniciar sesión / Crear cuenta (AccountAuthHooks): pegadas a la tarjeta. */
.yj-ds .yj-auth-tabs {
    display: flex;
    max-width: 520px;
    margin: 0 auto;
    padding: var(--yj-space-1);
    background: var(--yj-blush);
    border: var(--yj-border);
    border-bottom: 0;
    border-radius: var(--yj-radius) var(--yj-radius) 0 0;
}
.yj-ds .yj-auth-tabs__tab {
    flex: 1 1 0;
    padding: var(--yj-space-3) var(--yj-space-4);
    font-family: var(--yj-font-body);
    font-size: var(--yj-text-sm);
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: var(--yj-muted);
    border-radius: var(--yj-radius-sm);
    transition: color var(--yj-transition), background-color var(--yj-transition);
}
.yj-ds .yj-auth-tabs__tab:hover { color: var(--yj-ink); }
.yj-ds .yj-auth-tabs__tab.is-active {
    color: var(--yj-ink);
    background: var(--yj-white);
    box-shadow: inset 0 0 0 1px var(--yj-line);
}
.yj-ds .yj-auth-tabs__tab:focus-visible { outline: 2px solid var(--yj-primary); outline-offset: 2px; }
.yj-ds .yj-auth-tabs + .user { border-top-left-radius: 0; border-top-right-radius: 0; }
/* Las pestañas reemplazan al título y al enlace «¿Ya tienes una cuenta?» del tema. */
.yj-ds .yj-auth-tabs + .user .register_login_wrapper > .title,
.yj-ds .yj-auth-tabs + .user .create { display: none; }
.yj-ds .user .register_login_wrapper:not(.active) { display: none; }
.yj-ds .user .register_login_wrapper.active { display: block; }
/* Popup del header: solo login; «Crear cuenta» lleva a Mi cuenta. */
:is(.yj-ds .header-customer-login-wrapper, .yj-ds .mfp-wrap.login-wrapper) .user .register_login_wrapper:not(.content-register) { display: block; }
:is(.yj-ds .header-customer-login-wrapper, .yj-ds .mfp-wrap.login-wrapper) .user .content-register { display: none; }
.yj-ds .mfp-wrap.login-wrapper .yj-auth-tabs { max-width: none; margin: 0; border: 0; border-bottom: var(--yj-border); border-radius: 0; }
:is(.yj-ds .header-customer-login-wrapper, .yj-ds .mfp-wrap.login-wrapper) .yj-auth-tabs__tab[data-yj-auth="login"] { color: var(--yj-ink); background: var(--yj-white); box-shadow: inset 0 0 0 1px var(--yj-line); }
:is(.yj-ds .header-customer-login-wrapper, .yj-ds .mfp-wrap.login-wrapper) .yj-auth-tabs__tab[data-yj-auth="register"] { color: var(--yj-muted); background: transparent; box-shadow: none; }

/* Beneficios de la cuenta comercial, encima de los campos del registro. */
.yj-ds .yj-auth-benefits {
    margin: 0 0 var(--yj-space-5);
    padding: var(--yj-space-4) var(--yj-space-5);
    background: var(--yj-blush);
    border-radius: var(--yj-radius);
}
.yj-ds .yj-auth-benefits__title {
    margin: 0 0 var(--yj-space-2);
    font-family: var(--yj-font-display);
    font-size: var(--yj-h4);
    font-weight: 500;
    color: var(--yj-ink);
}
.yj-ds .yj-auth-benefits__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--yj-text-sm);
    color: var(--yj-text);
}
.yj-ds .yj-auth-benefits__list li {
    position: relative;
    margin: 0 0 var(--yj-space-1);
    padding-left: var(--yj-space-5);
}
.yj-ds .yj-auth-benefits__list li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: .45em;
    width: 10px;
    height: 6px;
    border-left: 2px solid var(--yj-primary);
    border-bottom: 2px solid var(--yj-primary);
    transform: rotate(-45deg);
}
/* El tema fija el borde de .input-text en login/registro con !important. */
.yj-ds form.login .input-text,
.yj-ds form.register .input-text,
.yj-ds form.lost_reset_password .input-text { border-color: var(--yj-line-strong) !important; }
.yj-ds form.login .input-text:focus,
.yj-ds form.register .input-text:focus,
.yj-ds form.lost_reset_password .input-text:focus { border-color: var(--yj-primary) !important; }

/* Teléfono + país: mismo alto que el resto de campos. El país necesita ~220px
   para «Estados Unidos (EEUU) (+1)»; si no caben ambos, cada uno va en su fila. */
.yj-ds .yujju-phone-group { flex-wrap: wrap; gap: var(--yj-space-2); }
.yj-ds .yujju-phone-group .yujju-phone-country { flex: 1 1 220px; max-width: none; }
.yj-ds .yujju-phone-group .yujju-phone-number { flex: 1 1 160px; }
.yj-ds .yujju-phone-group .yujju-phone-country,
.yj-ds .yujju-phone-group .yujju-phone-number { height: var(--yj-control-h); }
.yj-ds .yujju-password-feedback { font-size: var(--yj-text-xs); color: var(--yj-danger); }

/* ── Mi cuenta (logueado): navegación lateral y contenido ────────────────── */
/* Escritorio: menú lateral fijo a la izquierda y contenido a la derecha
   (el tema apila un menú de pestañas de 970px sobre el contenido). */
@media (min-width: 992px) {
    .yj-ds.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
        display: grid;
        grid-template-columns: 248px minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: var(--yj-space-7);
        align-items: start;
        margin-bottom: var(--yj-section-y);
    }
    .yj-ds.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .title-account_navigation { grid-column: 1; grid-row: 1; }
    .yj-ds.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 2; position: sticky; top: 100px; }
    .yj-ds.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-MyAccount-content { grid-column: 2; grid-row: 1 / span 2; }
}
.yj-ds.woocommerce-account .woocommerce-MyAccount-navigation,
.yj-ds.woocommerce-account .woocommerce-MyAccount-content {
    max-width: none;
    margin: 0;
}
.yj-ds.woocommerce-account .woocommerce-MyAccount-content { padding: 0; }
.yj-ds .title-account_navigation {
    margin: 0 0 var(--yj-space-3);
    font-family: var(--yj-font-body) !important;
    font-size: var(--yj-text-xs);
    font-weight: 600;
    letter-spacing: var(--yj-tracking-caps);
    text-transform: uppercase;
    color: var(--yj-muted);
}
.yj-ds .woocommerce-MyAccount-navigation {
    padding: var(--yj-space-2);
    background: var(--yj-white);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
}
.yj-ds .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}
.yj-ds .woocommerce-MyAccount-navigation ul li,
.yj-ds.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}
/* El tema fija inline-block y padding inferior con mayor especificidad. */
.yj-ds .woocommerce-MyAccount-navigation ul li a,
.yj-ds.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: var(--yj-space-3) var(--yj-space-4);
    font-family: var(--yj-font-body);
    font-size: var(--yj-text-sm);
    font-weight: 500;
    line-height: var(--yj-leading-tight);
    text-transform: none;
    color: var(--yj-text);
    background: transparent;
    border: 0;
    border-radius: var(--yj-radius);
    transition: color var(--yj-transition), background-color var(--yj-transition);
}
.yj-ds.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover {
    color: var(--yj-primary-strong);
    background: var(--yj-blush);
}
.yj-ds.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--yj-primary-strong) !important;
    background: var(--yj-primary-soft);
}
.yj-ds .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--yj-muted); }
/* El tema dibuja una barra de color en ::before; el activo ya se marca con fondo. */
.yj-ds .woocommerce-MyAccount-navigation ul li a::before { display: none; }

.yj-ds .woocommerce-MyAccount-content {
    font-family: var(--yj-font-body);
    font-size: var(--yj-text-md);
    color: var(--yj-text);
}
.yj-ds .woocommerce-MyAccount-content h2,
.yj-ds .woocommerce-MyAccount-content h3,
.yj-ds .woocommerce-MyAccount-content legend {
    font-family: var(--yj-font-display) !important;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--yj-ink);
}
/* Dentro de la cuenta el título de sección es h3: el h1 ya vive en el banner. */
.yj-ds .woocommerce-MyAccount-content h2 { margin: 0 0 var(--yj-space-3); font-size: var(--yj-h3); }
.yj-ds .woocommerce-MyAccount-content h3 { font-size: var(--yj-h4); }
.yj-ds .woocommerce-MyAccount-content fieldset {
    margin: var(--yj-space-5) 0;
    padding: var(--yj-space-5);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
}
.yj-ds .woocommerce-MyAccount-content .woocommerce-Address,
.yj-ds .woocommerce-MyAccount-content .woocommerce-column {
    padding: var(--yj-space-5);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
}
/* Direcciones (plantilla del tema: .addresses > .address): dos tarjetas planas. */
.yj-ds .woocommerce-MyAccount-content .addresses {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--yj-space-4);
    margin: var(--yj-space-5) 0 0;
}
.yj-ds .woocommerce-MyAccount-content .addresses::before,
.yj-ds .woocommerce-MyAccount-content .addresses::after { display: none; }
.yj-ds .woocommerce-MyAccount-content .addresses > .address {
    width: auto;
    float: none;
    padding: var(--yj-space-5);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
}
.yj-ds .woocommerce-MyAccount-content .address header.title {
    display: flex;
    text-align: left;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--yj-space-3);
    margin-bottom: var(--yj-space-3);
}
/* El clearfix del tema (::before/::after) se volvería ítem flex y descentra el título. */
.yj-ds .woocommerce-MyAccount-content .address header.title::before,
.yj-ds .woocommerce-MyAccount-content .address header.title::after { display: none; }
.yj-ds .woocommerce-MyAccount-content .address header.title h3 { margin: 0; padding: 0; text-align: left; font-size: var(--yj-h4); }
.yj-ds .woocommerce-MyAccount-content .address header.title .edit { float: none; font-size: var(--yj-text-sm); font-weight: 500; }
.yj-ds .woocommerce-MyAccount-content .address address { margin: 0; font-style: normal; color: var(--yj-muted); }
.yj-ds .woocommerce-MyAccount-content .woocommerce-Address-title h2,
.yj-ds .woocommerce-MyAccount-content .woocommerce-Address-title h3 { font-size: var(--yj-h4); }

/* Mis documentos (templates/documents.php): tarjetas planas y selector de archivo
   con botón secundario. Los colores de estado de los badges siguen en la plantilla. */
.yj-ds .yujju-documents .yujju-doc-steps { margin: var(--yj-space-4) 0 var(--yj-space-5); }
.yj-ds .yujju-documents .yujju-doc-list { gap: var(--yj-space-3); margin-top: var(--yj-space-5); }
.yj-ds .yujju-documents .yujju-doc-item {
    padding: var(--yj-space-5);
    background: var(--yj-white);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
}
.yj-ds .yujju-documents .yujju-doc-item--uploaded { border-color: var(--yj-success); }
.yj-ds .yujju-documents .yujju-doc-info { margin-bottom: var(--yj-space-3); color: var(--yj-ink); }
.yj-ds .yujju-documents .yujju-badge { border-radius: var(--yj-radius-pill); }
.yj-ds .yujju-documents .yujju-upload-form { gap: var(--yj-space-3); }
.yj-ds .yujju-documents .yujju-upload-form input[type="file"] {
    flex: 1 1 240px;
    min-width: 0;
    font-size: var(--yj-text-sm);
    color: var(--yj-muted);
}
.yj-ds .yujju-documents .yujju-upload-form input[type="file"]::file-selector-button {
    height: var(--yj-control-h);
    margin-right: var(--yj-space-3);
    padding: 0 var(--yj-space-4);
    font: 500 var(--yj-text-sm) var(--yj-font-body);
    color: var(--yj-primary-strong);
    background: var(--yj-white);
    border: 1px solid var(--yj-primary-strong);
    border-radius: var(--yj-radius);
    cursor: pointer;
}
.yj-ds .yujju-documents .yujju-upload-form .button { height: var(--yj-control-h); }
.yj-ds .yujju-documents .yujju-upload-status { flex-basis: 100%; font-size: var(--yj-text-xs); color: var(--yj-muted); }
.yj-ds .yujju-documents .yujju-upload-status:empty { display: none; }

/* ── Crear / restablecer contraseña (TC-006): tarjeta centrada ───────────── */
.yj-ds .woocommerce-ResetPassword,
.yj-ds .woocommerce-LostPassword,
.yj-ds .woocommerce form.lost_reset_password {
    max-width: 420px;
    margin: var(--yj-space-6) auto var(--yj-section-y);
    padding: var(--yj-space-6);
    font-size: var(--yj-text-sm);
    color: var(--yj-text);
    background: var(--yj-white);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
    box-shadow: none;
}
.yj-ds .woocommerce form.lost_reset_password .form-row {
    float: none;
    width: 100%;
    margin-bottom: var(--yj-space-4);
}
.yj-ds .woocommerce form.lost_reset_password [type="submit"] {
    width: 100%;
    min-height: var(--yj-control-h);
}

/* ── Popup de login del header (magnific popup) ──────────────────────────── */
.yj-ds .mfp-bg.login-wrapper {
    background: var(--yj-ink);
    opacity: .6;
}
.yj-ds .mfp-wrap.login-wrapper .mfp-content {
    width: 460px;
    max-width: calc(100% - 2 * var(--yj-space-4));
    background: var(--yj-white);
    border-radius: var(--yj-radius);
    box-shadow: var(--yj-shadow-float);
    overflow: hidden;
}
.yj-ds .mfp-wrap.login-wrapper .user {
    max-width: none;
    margin: 0;
    padding: var(--yj-space-6);
    border: 0;
    border-radius: 0;
}
.yj-ds .mfp-wrap.login-wrapper .user .title { text-align: left; }
/* TC-001: cierre discreto dentro de la tarjeta (posición en yujju-front.css) */
.yj-ds .mfp-wrap .goal-mfp-close,
.yj-ds .mfp-wrap .login-wrapper .mfp-close {
    top: var(--yj-space-3);
    right: var(--yj-space-3);
    width: 32px;
    height: 32px;
    margin: 0; /* el tema lo saca de la tarjeta con márgenes negativos */
    line-height: 32px;
    font-size: var(--yj-text-sm);
    color: var(--yj-muted);
    background: transparent;
    border-radius: var(--yj-radius-pill);
    transition: color var(--yj-transition), background-color var(--yj-transition);
}
.yj-ds .mfp-wrap .goal-mfp-close:hover,
.yj-ds .mfp-wrap .goal-mfp-close:focus-visible {
    color: var(--yj-ink);
    background: var(--yj-blush);
}

/* ── Popup de ventas recientes ───────────────────────────────────────────── */
.yj-ds .goal-salespopup-wrapper {
    font-family: var(--yj-font-body);
    background: var(--yj-white);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
    box-shadow: var(--yj-shadow-float);
}
.yj-ds .goal-salespopup-wrapper .inner { gap: var(--yj-space-3); padding: var(--yj-space-3); }
.yj-ds .goal-salespopup-wrapper .thumb img { border-radius: var(--yj-radius-sm); }
.yj-ds .goal-salespopup-wrapper h4.product-name {
    font-family: var(--yj-font-body);
    font-size: var(--yj-text-sm);
    font-weight: 600;
    text-transform: none;
    color: var(--yj-ink);
}
.yj-ds .goal-salespopup-wrapper .inner .close {
    top: var(--yj-space-1);
    right: var(--yj-space-1);
    color: var(--yj-muted);
    background: transparent;
    box-shadow: none;
}
.yj-ds .goal-salespopup-wrapper .inner .close:hover { color: var(--yj-ink); background: var(--yj-blush); }

/* ── Popups de favoritos y comparar (WPC) ────────────────────────────────── */
.yj-ds .woosw-popup,
.yj-ds .woosc-popup { background: color-mix(in srgb, var(--yj-ink) 60%, transparent); }
.yj-ds .woosw-popup .woosw-popup-inner .woosw-popup-content,
.yj-ds .woosc-popup .woosc-popup-inner .woosc-popup-content {
    font-family: var(--yj-font-body);
    background: var(--yj-white);
    border: var(--yj-border);
    border-radius: var(--yj-radius);
    box-shadow: var(--yj-shadow-float);
    overflow: hidden;
}
/* WPC usa selectores de 4 clases: se repite la cadena completa. */
.yj-ds .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top,
.yj-ds .woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-top {
    font-family: var(--yj-font-display);
    font-size: var(--yj-text-lg);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--yj-ink);
    background: var(--yj-white);
    border-bottom: var(--yj-border);
}
.yj-ds .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot,
.yj-ds .woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-bot {
    background: var(--yj-blush);
    border-top: var(--yj-border);
}
.yj-ds .woosw-popup .woosw-popup-content-bot a,
.yj-ds .woosc-popup .woosc-popup-content-bot a {
    font-size: var(--yj-text-xs);
    font-weight: 600;
    letter-spacing: var(--yj-tracking-caps);
    color: var(--yj-primary-strong);
}
.yj-ds .woosw-popup .woosw-items .woosw-item .woosw-item--name,
.yj-ds .woosw-popup .woosw-items .woosw-item .woosw-item--name a {
    font-family: var(--yj-font-body);
    font-size: var(--yj-text-sm);
    font-weight: 500;
    line-height: 1.4;
    color: var(--yj-ink);
}
.yj-ds .woosw-popup .woosw-items .woosw-item .woosw-item--name a:hover { color: var(--yj-primary-strong); }
.yj-ds .woosw-popup .woosw-items .woosw-item .woosw-item--price { color: var(--yj-primary-strong); font-weight: 600; }
.yj-ds .woosw-popup .woosw-items .woosw-item .woosw-item--time,
.yj-ds .woosw-popup .woosw-items .woosw-item .woosw-item--stock { font-size: var(--yj-text-xs); color: var(--yj-muted); }
.yj-ds .woosw-popup .woosw-items .woosw-item .woosw-item--image img { border-radius: var(--yj-radius-sm); }
.yj-ds .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-close,
.yj-ds .woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-close { color: var(--yj-muted); }
/* Comparador: barra inferior en tinta y botón en primario (el plugin trae azul). */
.yj-ds .woosc-area .woosc-inner .woosc-bar { background: var(--yj-ink); font-family: var(--yj-font-body); }
.yj-ds .woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {
    font-weight: 600;
    letter-spacing: var(--yj-tracking-caps);
    color: var(--yj-white);
    background-color: var(--yj-primary-strong) !important; /* el plugin lo pone en style="" */
    border-radius: var(--yj-radius-sm);
}
.yj-ds .woosc-area .woosc-inner .woosc-bar .woosc-bar-btn:hover { background-color: var(--yj-primary-hover) !important; }
.yj-ds .woosc-area .woosc-inner .woosc-table { font-family: var(--yj-font-body); }
.yj-ds .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
    font-size: var(--yj-text-sm);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--yj-ink);
    background: var(--yj-blush);
}
.yj-ds .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a { color: var(--yj-ink); }
.yj-ds .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a:hover { color: var(--yj-primary-strong); }
.yj-ds .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-label { color: var(--yj-muted); }
.yj-ds .woosc-area .woosc-table-settings { font-size: var(--yj-text-xs); letter-spacing: var(--yj-tracking-caps); color: var(--yj-primary-strong); }

/* ── Móvil ───────────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    /* Menú de cuenta: fila de pastillas con scroll horizontal */
    .yj-ds .woocommerce-MyAccount-navigation { margin-bottom: var(--yj-space-5) !important; padding: var(--yj-space-1); }
    .yj-ds .woocommerce-MyAccount-navigation ul { display: flex; gap: var(--yj-space-1); overflow-x: auto; scrollbar-width: none; }
    .yj-ds .woocommerce-MyAccount-navigation ul li { flex: 0 0 auto; }
    .yj-ds.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { padding: var(--yj-space-2) var(--yj-space-3); white-space: nowrap; }
}
@media (max-width: 767px) {
    .yj-ds .yujju-cart-gate .yujju-eligibility-cta:first-of-type { margin-left: 0; }
    /* Avisos de la cuenta con botón (p. ej. «Explorar los productos»): botón debajo del texto. */
    .yj-ds .woocommerce-MyAccount-content :is(.woocommerce-info, .woocommerce-message) .button {
        display: table;
        float: none;
        margin: var(--yj-space-3) 0 0;
    }
    /* Carrito: cada fila es una tarjeta (foto · nombre · quitar / precio / cantidad · total)
       en lugar de la tabla apilada con etiquetas de WooCommerce. */
    .yj-ds .woocommerce table.cart thead { display: none; }
    .yj-ds .woocommerce table.cart tr.cart_item {
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr) auto;
        grid-template-areas: "thumb name remove" "thumb price price" "thumb qty subtotal";
        gap: var(--yj-space-2) var(--yj-space-3);
        align-items: center;
        padding: var(--yj-space-4) 0;
        border-top: 1px solid var(--yj-line);
    }
    .yj-ds .woocommerce table.cart tr.cart_item td {
        display: block;
        padding: 0;
        text-align: left !important; /* woocommerce-smallscreen.css lo fuerza a la derecha */
        border: 0;
        background: transparent;
    }
    .yj-ds .woocommerce table.cart tr.cart_item td::before { display: none; }
    .yj-ds .woocommerce table.cart tr.cart_item td.product-thumbnail { display: block; grid-area: thumb; align-self: start; width: auto; }
    .yj-ds .woocommerce table.cart tr.cart_item td.product-name { grid-area: name; }
    .yj-ds .woocommerce table.cart tr.cart_item td.product-remove { grid-area: remove; align-self: start; }
    .yj-ds .woocommerce table.cart tr.cart_item td.product-price { grid-area: price; color: var(--yj-muted); }
    .yj-ds .woocommerce table.cart tr.cart_item td.product-quantity { grid-area: qty; }
    .yj-ds .woocommerce table.cart tr.cart_item td.product-subtotal { grid-area: subtotal; text-align: right !important; }
    .yj-ds .goal-checkout-step ul li { padding: var(--yj-space-2) 0; }
    .yj-ds .goal-checkout-step .inner-step { font-size: 11px; letter-spacing: .04em; }
    .yj-ds .woocommerce table.cart td.actions .coupon { display: flex; width: 100%; }
    .yj-ds .woocommerce table.cart td.actions .coupon label { display: none; }
    .yj-ds .woocommerce table.cart td.actions .coupon .input-text { flex: 1 1 0; width: 0 !important; min-width: 0 !important; } /* el tema fuerza 100% */
    .yj-ds .woocommerce table.cart td.actions .coupon .btn-coupon { flex: 0 0 auto; width: auto !important; }
    .yj-ds .goal-checkout-step li .inner { flex-direction: column; gap: 2px; }
    .yj-ds .woocommerce table.cart td.actions > .button { width: 100%; margin-top: var(--yj-space-3); }
    :is(.yj-ds .woocommerce, .yj-ds .mfp-wrap.login-wrapper) .user,
    .yj-ds .mfp-wrap.login-wrapper .user,
    .yj-ds .woocommerce form.lost_reset_password { padding: var(--yj-space-5); }
    :is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .woocommerce-billing-fields__field-wrapper,
    :is(.yj-ds.woocommerce-checkout, .yj-ds .woocommerce-checkout) .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
}