/* ============================================================
   Products Archive Page — page-products.php
   ============================================================ */

/* ── Page Banner ──────────────────────────────────────────── */
.aceweld-banner {
    width: 100%;
    line-height: 0; /* remove inline-block gap */
}

.aceweld-banner__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

/* ── Breadcrumb Bar (below banner) ────────────────────────── */
.aceweld-page-breadcrumb {
    background: #fff;
    border-bottom: 1px solid #e8ecf0;
    padding: .6rem 0;
}
.aceweld-page-breadcrumb nav {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .8125rem;
    color: #64748b;
}
.aceweld-page-breadcrumb a {
    color: #64748b;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: color .2s;
}
.aceweld-page-breadcrumb a:hover { color: #1a2b4b; }

/* ── Categories Section ────────────────────────────────────── */
.aceweld-pcats {
    padding: 2.5rem 0 3.5rem;
    background: #f5f7fa;
}

/* 2-column grid, matches reference layout */
.aceweld-pcats__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

/* ── Category Card — horizontal layout (image left, content right) ── */
.aceweld-pcat-card {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8ecf0;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    transition: box-shadow .25s, transform .25s;
}
.aceweld-pcat-card:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,.10);
    transform: translateY(-3px);
}

.aceweld-pcat-card__link,
.aceweld-pcat-card__link:hover,
.aceweld-pcat-card__link:focus {
    display: flex;
    flex-direction: row;
    min-height: 180px;
    text-decoration: none;
    color: inherit;
}

/* Image column — fixed width, white bg, centered image */
.aceweld-pcat-card__media {
    flex: 0 0 210px;
    border-right: 1px solid #edf0f4;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 1rem;
}

.aceweld-pcat-card__img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* show full product image, no cropping */
    display: block;
    transition: transform .4s ease;
}
.aceweld-pcat-card__img--icon {
    max-width: 90px;
    max-height: 90px;
    width: auto;
    height: auto;
}
.aceweld-pcat-card:hover .aceweld-pcat-card__img:not(.aceweld-pcat-card__img--icon) {
    transform: scale(1.04);
}

.aceweld-pcat-card__no-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 140px;
}

/* Content column */
.aceweld-pcat-card__body {
    flex: 1;
    min-width: 0;
    padding: 1.625rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.aceweld-pcat-card__title {
    font-family: var(--aceweld-heading-font);
    font-size: 1.1875rem;
    font-weight: 700;
    color: #1a2b4b;
    margin: 0;
    line-height: 1.3;
    text-decoration: none;
}

.aceweld-pcat-card__desc {
    font-size: .9rem;
    color: #64748b;
    line-height: 1.7;
    margin: 0;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* "Read More" button — filled orange */
.aceweld-pcat-card__btn {
    display: inline-block;
    align-self: flex-start;
    background: #e85c0d;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    padding: .5rem 1.375rem;
    border-radius: 4px;
    transition: background .2s;
    margin-top: auto;
}
.aceweld-pcat-card:hover .aceweld-pcat-card__btn {
    background: #c9490a;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 900px) {
    .aceweld-pcats__grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .aceweld-banner__img { max-height: 220px; }
    .aceweld-pcat-card__link { min-height: 0; }
    .aceweld-pcat-card__media {
        flex: 0 0 130px;
        padding: .75rem;
    }
    .aceweld-pcat-card__body { padding: 1.125rem 1.125rem; }
    .aceweld-pcat-card__title { font-size: 1rem; }
    .aceweld-pcat-card__desc { -webkit-line-clamp: 3; }
}