/**
 * Generic WooCommerce compatibility styling for the Homelengo theme.
 * No bespoke shop design exists in the source HTML template (real estate
 * only) — this maps WooCommerce's default markup onto the theme's existing
 * design tokens (buttons, colors, typography) so shop pages look native
 * rather than mismatched, without inventing an unreferenced new layout.
 */

:root {
    --homelengo-primary: #1563df;
    --homelengo-primary-dark: #0e49a6;
    --homelengo-text: #161e2d;
}

.woocommerce-wrapper { padding: 60px 0; }

.woocommerce ul.products { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; list-style: none; padding: 0; }
@media (max-width: 991px) { .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .woocommerce ul.products { grid-template-columns: 1fr; } }

.woocommerce ul.products li.product {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    overflow: hidden;
    padding: 0 0 16px;
    text-align: left;
}
.woocommerce ul.products li.product img { border-radius: 12px 12px 0 0; aspect-ratio: 4/3; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 12px 16px 0; font-size: 16px; font-weight: 700; color: var(--homelengo-text); }
.woocommerce ul.products li.product .price { padding: 4px 16px 0; color: var(--homelengo-primary); font-weight: 700; }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--homelengo-primary);
    color: #fff;
    border-radius: 8px;
    padding: 12px 28px;
    border: 1px solid var(--homelengo-primary);
    font-weight: 700;
    text-transform: capitalize;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: var(--homelengo-primary-dark);
    border-color: var(--homelengo-primary-dark);
    color: #fff;
}

.woocommerce span.onsale {
    background-color: var(--homelengo-primary);
    border-radius: 6px;
    font-weight: 700;
}

.woocommerce nav.woocommerce-pagination ul { border: none; }
.woocommerce nav.woocommerce-pagination ul li { border: none; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border-radius: 8px;
    margin: 0 4px;
    border: 1px solid rgba(0,0,0,.1);
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--homelengo-primary);
    color: #fff;
}

.woocommerce div.product form.cart .button { margin-top: 12px; }
.woocommerce table.shop_table { border-radius: 12px; overflow: hidden; }
.woocommerce-checkout #payment { background: #f7f8fa; border-radius: 12px; }