:root {
	--artist-bg: #f4f1f1;
	--artist-text: #252323;
	--artist-muted: #686363;
	--artist-gap: clamp(24px, 3vw, 48px);
}

.page-template-page-artists .wd-grid-g{
    display: block!important;
}

.artist-container,
.artist-taxonomy-archive {
	width: min(1440px, calc(100% - 40px));
	margin-inline: auto;
}

.artist-directory,
.artist-taxonomy-archive {
	color: var(--artist-text);
}

.artist-directory-header {
	padding: clamp(48px, 8vw, 110px) 0 clamp(32px, 5vw, 72px);
}

.artist-directory-title,
.artist-profile-title,
.artist-artworks-title {
	margin: 0;
	font-weight: 400;
	line-height: 1.08;
}

.artist-directory-title,
.artist-artworks-title {
	font-size: clamp(38px, 5vw, 68px);
}

.artist-directory-intro {
	max-width: 760px;
	margin-top: 24px;
	color: var(--artist-muted);
}

.artist-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(32px, 4vw, 64px) var(--artist-gap);
	padding-bottom: clamp(60px, 8vw, 120px);
}

.artist-card-image,
.artist-profile-image {
	display: block;
	overflow: hidden;
	background: var(--artist-bg);
}

.artist-card-image {
	aspect-ratio: 4 / 5;
}

.artist-card-image img,
.artist-profile-image img,
.artist-image-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.artist-card-image img {
	transition: transform .45s ease;
}

.artist-card:hover .artist-card-image img {
	transform: scale(1.025);
}

.artist-image-placeholder {
	background: linear-gradient(135deg, #ebe7e7, #d9d3d3);
}

.artist-card-content {
	padding-top: 20px;
}

.artist-card-title {
	margin: 0 0 10px;
	font-size: clamp(24px, 2vw, 32px);
	font-weight: 400;
}

.artist-card-title a,
.artist-card-link {
	color: inherit;
	text-decoration: none;
}

.artist-card-description {
	color: var(--artist-muted);
	line-height: 1.65;
}

.artist-card-link {
	display: inline-block;
	margin-top: 16px;
	border-bottom: 1px solid currentColor;
}

.artist-profile {
	display: flex;
	grid-template-columns: minmax(280px, .8fr) minmax(320px, 1.2fr);
	gap: clamp(32px, 7vw, 100px);
	align-items: center;
	padding: clamp(24px, 8vw, 0px) 0;
}

.artist-profile-image {
	aspect-ratio: 4 / 5;
}

.artist-profile-label {
	margin: 0 0 14px;
	color: var(--artist-muted);
	font-size: 13px;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.artist-profile-title {
	font-size: clamp(44px, 6vw, 50px);
}

.artist-profile-description {
	margin-top: 28px;
	color: var(--artist-muted);
	font-size: 17px;
	line-height: 1.75;
}

.artist-artworks {
	padding: clamp(35px, 7vw, 35px) 0;
	border-top: 1px solid #ded9d9;
}

.artist-artworks-title {
	margin-bottom: clamp(34px, 5vw, 70px);
}

.artist-artworks ul.products {
	clear: both;
}
.tax-artist .wd-grid-col {
    grid-column: auto / span var(--wd-col-md);
}
.tax-artist .wd-products-shop-view{
    vertical-align:middle;
}
/* Align custom artist filter alongside WoodMart elements */
.artist-artworks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.custom-artist-filter-form .artist-filter-select, .price-filter-select {
    height: 42px;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 0 !important;
    padding: 0 15px;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}
.woocommerce-ordering.wd-style-underline select{
    height: 42px !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 0 !important;
    padding: 0 15px;
    font-size: 14px !important;
    background-color: #fff !important;
    cursor: pointer;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-inline-start: 15px !important;
    padding-inline-end: 20px !important;
    background-position: revert-rule !important;
}
/* Container for the whole toolbar */
.artist-artworks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Wrapper containing all four WoodMart controls */
.wd-shop-tools-wrapper {
    display: flex;
    align-items: center;
    gap: 15px; /* Adjust spacing between grouped items */
}
.wd-toolbar-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 40px;
}
.wd-products-element {
    width: 100%;
}
/* Force 2 Columns on Single Artist Archives */
.artist-taxonomy-archive .wd-products-holder,
.artist-taxonomy-archive ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    --wd-col: 6 !important; 
    gap: 25px;
    justify-content:space-between;
}

.artist-taxonomy-archive .wd-products-holder .product,
.artist-taxonomy-archive ul.products .product {
    flex: 0 0 50% !important;
    max-width: 48% !important;
    width: 50% !important;
    
}
.artist-artworks .wd-product:not(.wd-hover-small) :is(.product-image-link,.hover-img) :is(picture,img) {
    width: 100%;
    object-fit: contain;
    height: auto;
}

/* Tablet & Mobile Tweaks */
@media (max-width: 768px) {
    .artist-taxonomy-archive .wd-products-holder .product,
    .artist-taxonomy-archive ul.products .product {
        flex: 0 0 50% !important; /* Keep 2 cols on mobile, change to 100% for 1 col */
        max-width: 50% !important;
        width: 50% !important;
    }
}

@media (max-width: 900px) {
	.artist-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.artist-profile {
		grid-template-columns: 1fr;
	}

	.artist-profile-image {
		max-width: 620px;
	}
}

@media (max-width: 560px) {
	.artist-container,
	.artist-taxonomy-archive {
		width: min(100% - 28px, 1440px);
	}

	.artist-grid {
		grid-template-columns: 1fr;
	}
	.wd-shop-tools-wrapper{
	    flex-direction:column;
	}
	.woocommerce-ordering.wd-ordering-mb-icon:after{
	    top: 8px;
        left: 3px;
	}
}
