/*
 * woocommerce.css — Insumos Constructivos
 * Solo cubre elementos residuales de WooCommerce que los widgets
 * de Elementor Pro NO controlan visualmente.
 * Todo lo demás (layout, cards, precios) está en los templates.
 */

/* ── SALE BADGE ──────────────────────────────────────────── */
.woocommerce span.onsale {
    background: var(--ic-red) !important;
    color: var(--ic-white) !important;
    font-family: var(--ic-font-ui) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    min-height: auto !important;
    min-width: auto !important;
    padding: 3px 8px !important;
    line-height: 1.5 !important;
    top: 8px !important;
    left: 8px !important;
    right: auto !important;
}

/* ── RATING STARS ────────────────────────────────────────── */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: var(--ic-warning) !important;
}

/* ── NOTICES / MENSAJES ──────────────────────────────────── */
.woocommerce-message,
.woocommerce-info {
    border-top-color: var(--ic-red) !important;
    font-family: var(--ic-font-ui) !important;
    font-size: 14px !important;
}
.woocommerce-error {
    border-top-color: var(--ic-red) !important;
    font-family: var(--ic-font-ui) !important;
}
.woocommerce-message a.button,
.woocommerce-info a.button {
    background: var(--ic-black) !important;
    color: var(--ic-white) !important;
    font-family: var(--ic-font-ui) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    border-radius: var(--ic-radius-btn) !important;
    padding: 8px 16px !important;
    border: none !important;
}
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover {
    background: var(--ic-red) !important;
}

/* ── QUANTITY STEPPER ────────────────────────────────────── */
.woocommerce .quantity input.qty {
    font-family: var(--ic-font-ui) !important;
    font-weight: 600 !important;
    border: 1px solid var(--ic-gray-2) !important;
    border-radius: var(--ic-radius-btn) !important;
    color: var(--ic-black-2) !important;
    text-align: center !important;
}
.woocommerce .quantity input.qty:focus {
    border-color: var(--ic-red) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(227,0,11,.1) !important;
}

/* ── MINICART (widget lateral) ───────────────────────────── */
.widget_shopping_cart .cart_list li,
.woocommerce-mini-cart__buttons {
    font-family: var(--ic-font-ui) !important;
}
.woocommerce-mini-cart__total strong {
    font-family: var(--ic-font-display) !important;
    font-weight: 700 !important;
    color: var(--ic-red) !important;
}
.woocommerce-mini-cart__buttons a.button {
    background: var(--ic-black) !important;
    color: var(--ic-white) !important;
    font-family: var(--ic-font-ui) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    border-radius: var(--ic-radius-btn) !important;
    border: none !important;
}
.woocommerce-mini-cart__buttons a.button.checkout {
    background: var(--ic-red) !important;
}
.woocommerce-mini-cart__buttons a.button:hover {
    background: var(--ic-red-dark) !important;
}

/* ── STOCK STATUS ────────────────────────────────────────── */
.woocommerce div.product .in-stock {
    color: var(--ic-success) !important;
    font-family: var(--ic-font-ui) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}
.woocommerce div.product .out-of-stock {
    color: var(--ic-red) !important;
    font-family: var(--ic-font-ui) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* ── BREADCRUMBS WC ──────────────────────────────────────── */
.woocommerce-breadcrumb {
    font-family: var(--ic-font-ui) !important;
    font-size: 12px !important;
    color: var(--ic-muted) !important;
}
.woocommerce-breadcrumb a {
    color: var(--ic-muted) !important;
}
.woocommerce-breadcrumb a:hover {
    color: var(--ic-red) !important;
}

/* ── PRECIO RESIDUAL (fuera de templates Elementor) ──────── */
.woocommerce .price .woocommerce-Price-amount.amount {
    font-family: var(--ic-font-display) !important;
    font-weight: 700 !important;
    color: var(--ic-red) !important;
}
.woocommerce .price del .woocommerce-Price-amount {
    color: var(--ic-muted) !important;
    font-size: .85em !important;
}

/* ── PAGINATION ──────────────────────────────────────────── */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    font-family: var(--ic-font-ui) !important;
    border-radius: var(--ic-radius-btn) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--ic-red) !important;
    color: var(--ic-white) !important;
    border-color: var(--ic-red) !important;
}