/**
 * LaborLawCenter Product List Styles
 * Matches Magento 2 products-grid layout
 */

/* ── Product Grid ─────────────────────────────────── */
ul.products,
.products-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}

ul.products li.product,
.products-grid .product-item {
    width: 33.3333%;
    padding: 10px;
    margin: 0;
}

ul.products li.product .product-item-info {
    text-align: left;
    border: 1px solid #cfcfcf;
    border-radius: var(--llc-radius-sm);
    padding: 16px 10px;
    position: relative;
    box-shadow: 0 -4px 0 #81aa40;
    transition: var(--llc-transition-slow);
}

ul.products li.product:hover .product-item-info {
    box-shadow: 0 -4px 0 #81aa40, var(--llc-shadow-md);
}

/* ── Product Image ────────────────────────────────── */
ul.products li.product .product-image-container,
ul.products li.product img {
    width: 100%;
    height: auto;
    display: block;
}

ul.products li.product .product-item-photo {
    display: block;
    margin-bottom: 12px;
}

/* ── Product Name ─────────────────────────────────── */
ul.products li.product .product-item-name {
    margin: 5px 0;
}

ul.products li.product .product-item-link {
    color: var(--llc-brand-blue);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none;
    display: block;
    min-height: 42px;
}

ul.products li.product .product-item-link:hover {
    color: var(--llc-light-blue);
}

/* ── Product Price ────────────────────────────────── */
ul.products li.product .price {
    color: var(--llc-brand-orange);
    font-weight: 600;
    font-size: 18px;
}

ul.products li.product .price del {
    color: var(--llc-gray-777);
    font-size: var(--llc-font-sm);
}

ul.products li.product .price-label {
    display: none;
}

.normal-price .price-label {
    display: none;
}

/* ── Add to Cart in Loop ──────────────────────────── */
ul.products li.product .product-item-actions {
    margin-top: 12px;
}

ul.products li.product .add-to-cart-loop {
    display: block;
    text-align: center;
    padding: 8px 12px;
    font-size: var(--llc-font-xs);
}

/* ── Shop Toolbar ─────────────────────────────────── */
.woocommerce-result-count {
    font-size: var(--llc-font-sm);
    color: var(--llc-brand-gray);
}

.woocommerce-ordering select {
    width: auto;
    height: 36px;
    font-size: var(--llc-font-sm);
}

.toolbar-products {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--llc-border-color);
}

/* ── Pagination ───────────────────────────────────── */
.woocommerce-pagination {
    margin-top: 30px;
}

.woocommerce-pagination ul.page-numbers {
    display: flex;
    justify-content: center;
    gap: 4px;
    list-style: none;
    padding: 0;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: 1px solid var(--llc-border-color);
    border-radius: var(--llc-radius-sm);
    font-size: var(--llc-font-sm);
    color: var(--llc-brand-blue);
    text-decoration: none;
    transition: var(--llc-transition);
}

.woocommerce-pagination ul.page-numbers li a:hover {
    background-color: var(--llc-blue);
    border-color: var(--llc-blue);
    color: var(--llc-white);
}

.woocommerce-pagination ul.page-numbers li span.current {
    background-color: var(--llc-blue);
    border-color: var(--llc-blue);
    color: var(--llc-white);
}