/* Azinnja Store — Product archive / category UI */

.az-catalog {
padding-block: var(--az-space-32, 32px) var(--az-space-64, 64px);
}

.az-catalog-head {
margin-bottom: var(--az-space-24, 24px);
}

.az-catalog .woocommerce-breadcrumb,
.az-catalog .wc-block-breadcrumbs {
color: var(--az-color-muted, #6b6b6b);
font-size: 0.875rem;
margin-bottom: var(--az-space-20, 20px);
}

.az-catalog-title {
margin: 0;
color: var(--az-color-black, #111111);
font-size: clamp(1.6rem, 2.5vw, 2.25rem);
font-weight: 800;
line-height: 1.4;
}

.az-catalog-description {
max-width: 780px;
margin-top: var(--az-space-12, 12px);
color: var(--az-color-muted, #6b6b6b);
line-height: 1.9;
}

.az-catalog-toolbar {
gap: var(--az-space-16, 16px);
margin-bottom: var(--az-space-24, 24px);
padding: var(--az-space-16, 16px) var(--az-space-20, 20px);
background: var(--az-color-surface, #f7f7f7);
border: 1px solid var(--az-color-border, #e5e5e5);
border-radius: var(--az-radius-12, 12px);
}

.az-catalog-toolbar .woocommerce-result-count,
.az-catalog-toolbar .wc-block-product-results-count {
margin: 0;
color: var(--az-color-muted, #6b6b6b);
font-size: 0.875rem;
}

.az-catalog-toolbar select {
min-height: 42px;
padding-inline: 12px 34px;
background-color: #ffffff;
color: #111111;
border: 1px solid #e5e5e5;
border-radius: 10px;
cursor: pointer;
}

.az-product-grid .wc-block-product-template,
.az-product-grid ul.wc-block-product-template {
gap: var(--az-space-20, 20px);
}

.az-product-grid .wc-block-product {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
padding: var(--az-space-12, 12px);
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 18px;
transition:
transform 160ms ease,
box-shadow 160ms ease,
border-color 160ms ease;
}

.az-product-grid .wc-block-product:hover {
transform: translateY(-3px);
border-color: #d9d9d9;
box-shadow: 0 12px 30px rgba(17, 17, 17, 0.08);
}

.az-product-grid .wc-block-components-product-image {
overflow: hidden;
margin-bottom: var(--az-space-16, 16px);
background: #f7f7f7;
border-radius: 12px;
}

.az-product-grid .wc-block-components-product-image img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: contain;
transition: transform 240ms ease;
}

.az-product-grid .wc-block-product:hover .wc-block-components-product-image img {
transform: scale(1.025);
}

.az-product-grid .wp-block-post-title {
margin: 0 0 var(--az-space-12, 12px);
font-weight: 700;
}

.az-product-grid .wp-block-post-title a {
color: #111111;
text-decoration: none;
}

.az-product-grid .wp-block-post-title a:hover {
color: #6f5c00;
}

.az-product-grid .wc-block-components-product-price {
margin-top: auto;
margin-bottom: var(--az-space-16, 16px);
color: #111111;
font-weight: 800;
}

.az-product-grid .wp-block-button,
.az-product-grid .wc-block-components-product-button {
width: 100%;
margin-top: auto;
}

.az-product-grid .wp-block-button__link,
.az-product-grid .wc-block-components-product-button__button {
width: 100%;
min-height: 44px;
padding: 10px 16px;
background: #ffd400;
color: #111111;
border: 0;
border-radius: 10px;
font-weight: 800;
transition:
background-color 160ms ease,
transform 160ms ease;
}

.az-product-grid .wp-block-button__link:hover,
.az-product-grid .wc-block-components-product-button__button:hover {
background: #e6be00;
transform: translateY(-1px);
}

.az-catalog-pagination {
gap: 8px;
margin-top: var(--az-space-40, 40px);
}

.az-catalog-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding-inline: 12px;
color: #111111;
text-decoration: none;
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 10px;
}

.az-catalog-pagination .page-numbers.current {
background: #ffd400;
border-color: #ffd400;
font-weight: 800;
}

.az-catalog-empty {
min-height: 240px;
padding: var(--az-space-32, 32px);
text-align: center;
background: #f7f7f7;
border: 1px solid #e5e5e5;
border-radius: 18px;
}

@media (max-width: 900px) {
.az-catalog {
padding-block: 24px 48px;
}

.az-catalog-toolbar {
align-items: stretch;
}
}

@media (max-width: 640px) {
.az-catalog {
padding-block: 20px 40px;
}

.az-catalog-toolbar {
padding: 12px;
}

.az-catalog-toolbar select {
width: 100%;
}

.az-product-grid .wc-block-product {
padding: 10px;
border-radius: 14px;
}
}

/* Marketplace vendor storefront strip */

.az-vendor-strip {
margin-block: 0 32px;
}

.az-vendor-strip__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}

.az-vendor-strip__title {
margin: 0;
color: #111111;
font-size: clamp(1.25rem, 2vw, 1.65rem);
font-weight: 800;
}

.az-vendor-strip__grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 16px;
}

.az-vendor-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 170px;
padding: 18px 14px;
text-align: center;
text-decoration: none;
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 18px;
transition:
transform 160ms ease,
border-color 160ms ease,
box-shadow 160ms ease;
}

.az-vendor-card:hover {
transform: translateY(-3px);
border-color: #d7c100;
box-shadow: 0 12px 28px rgba(17, 17, 17, 0.08);
}

.az-vendor-card__avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
margin-bottom: 14px;
background: #ffd400;
color: #111111;
border-radius: 50%;
font-size: 1.65rem;
font-weight: 900;
}

.az-vendor-card__name {
color: #111111;
font-weight: 800;
line-height: 1.6;
}

.az-vendor-card__action {
margin-top: 8px;
color: #6b6b6b;
font-size: 0.8rem;
}

@media (max-width: 1100px) {
.az-vendor-strip__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

@media (max-width: 760px) {
.az-vendor-strip__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}

.az-vendor-card {
min-height: 150px;
padding: 14px 10px;
}

.az-vendor-card__avatar {
width: 58px;
height: 58px;
font-size: 1.35rem;
}
}

/* Marketplace product category strip */

.az-category-strip {
margin-block: 0 36px;
}

.az-category-strip__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 18px;
}

.az-category-strip__title {
margin: 0;
color: #111111;
font-size: clamp(1.25rem, 2vw, 1.65rem);
font-weight: 800;
}

.az-category-strip__grid {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 18px;
}

.az-category-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
min-width: 0;
color: #111111;
text-align: center;
text-decoration: none;
}

.az-category-card__visual {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
background: #f7f7f7;
border: 1px solid #e5e5e5;
border-radius: 50%;
transition:
transform 160ms ease,
border-color 160ms ease,
box-shadow 160ms ease;
}

.az-category-card:hover .az-category-card__visual {
transform: translateY(-3px);
border-color: #d7c100;
box-shadow: 0 10px 24px rgba(17, 17, 17, 0.08);
}

.az-category-card__visual--image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.az-category-card__visual--fallback {
background: #ffd400;
color: #111111;
font-size: clamp(1.6rem, 3vw, 2.4rem);
font-weight: 900;
}

.az-category-card__name {
display: -webkit-box;
overflow: hidden;
color: #111111;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.6;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

@media (max-width: 1100px) {
.az-category-strip__grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}

@media (max-width: 800px) {
.az-category-strip__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
}

@media (max-width: 520px) {
.az-category-strip {
margin-bottom: 28px;
}

.az-category-strip__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}

.az-category-card__name {
font-size: 0.8rem;
}
}