/**
 * Global frontend styles for WP ZLA.
 *
 * Add site-wide CSS here as the plugin grows.
 */
 
.wp-custom-logo .title-area img {
    width: 50%;
}

.woocommerce ul.products li.product {
	text-align: center;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.woocommerce ul.products li.product img {
	margin-left: auto;
	margin-right: auto;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
	text-align: center;
	width: 100%;
}

.woocommerce ul.products li.product .button {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.woocommerce div.product form.cart .button {
    line-height: 1.5;
    height: 55px;
}

.woocommerce ul.products {
    justify-content: flex-start;
}

body.tax-product_cat .zla-product-category-header {
	margin-bottom: 40px;
}

body.tax-product_cat .zla-product-category-intro {
	clear: both;
	margin-top: 64px;
	padding-top: 48px;
	border-top: 1px solid #e4ded4;
}

body.tax-product_cat .zla-product-category-intro > :first-child {
	margin-top: 0;
}

body.tax-product_cat .zla-product-category-intro > :last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	body.tax-product_cat .zla-product-category-header {
		margin-bottom: 28px;
	}

	body.tax-product_cat .zla-product-category-intro {
		margin-top: 44px;
		padding-top: 36px;
	}
	
	.woocommerce ul.products {
        gap: 5px;
    }
}

.woocommerce .products h2 {
   
    text-transform: capitalize;
}

/* MATCHES CATEGORY COUNTS WITH CATEGORY TITLES. */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count {
	background: transparent;
	color: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	opacity: 1;
	padding: 0;
}

/* KEEPS THE COUNT SYNCHRONIZED WITH THE TITLE HOVER. */
.woocommerce ul.products li.product-category > a:hover .woocommerce-loop-category__title,
.woocommerce ul.products li.product-category > a:focus .woocommerce-loop-category__title {
	color: inherit;
}

.woocommerce ul.products li.product-category > a:hover .woocommerce-loop-category__title .count,
.woocommerce ul.products li.product-category > a:focus .woocommerce-loop-category__title .count {
	color: inherit;
}

/* EQUALIZES IMAGE SPACING ONLY INSIDE THE CUSTOM IMAGE GRID. */
.entry-content .wp-block-columns.image-grid {
	--zla-image-grid-gap: 32px;

	column-gap: var(--zla-image-grid-gap);
	row-gap: var(--zla-image-grid-gap);
}

/* CREATES THE SAME VERTICAL GAP BETWEEN IMAGES IN EACH COLUMN. */
.entry-content .wp-block-columns.image-grid > .wp-block-column {
	display: flex;
	flex-direction: column;
	gap: var(--zla-image-grid-gap);
}

/* REMOVES DEFAULT IMAGE BLOCK MARGINS THAT ALTER THE SPACING. */
.entry-content .wp-block-columns.image-grid .wp-block-image {
	margin: 0;
}

/* MAKES IMAGES FILL THEIR COLUMN CONSISTENTLY. */
.entry-content .wp-block-columns.image-grid .wp-block-image img {
	display: block;
	height: auto;
	width: 100%;
}

/* REMOVES THE GLOBAL LINK EFFECT ONLY FROM THESE IMAGES. */
.entry-content .wp-block-columns.image-grid .wp-block-image a {
	border-bottom: 0;
	box-shadow: none;
}

/* KEEPS THE LINK CLEAN ON HOVER AND FOCUS. */
.entry-content .wp-block-columns.image-grid .wp-block-image a:hover,
.entry-content .wp-block-columns.image-grid .wp-block-image a:focus {
	border-bottom: 0;
	box-shadow: none;
}

/* ADDS A VERY SLOW AND SUBTLE ZOOM ONLY TO THIS IMAGE GRID. */
.entry-content .wp-block-columns.image-grid .wp-block-image {
	overflow: hidden;
}

.entry-content .wp-block-columns.image-grid .wp-block-image img {
	display: block;
	transform: scale(1);
	transition: transform 2.4s ease-in-out;
	width: 100%;
}

.entry-content .wp-block-columns.image-grid .wp-block-image:hover img {
	transform: scale(1.035);
}

/* RESPECTS REDUCED MOTION PREFERENCES. */
@media (prefers-reduced-motion: reduce) {
	.entry-content .wp-block-columns.image-grid .wp-block-image img {
		transition: none;
	}
}

/* CENTER THE ZENITH LIVING ARTS USER PROFILE WIDGET. */
#user-profile-2 .widget-wrap {
	text-align: center;
}

/* CENTER THE PROFILE CONTENT. */
#user-profile-2 .widget-wrap > p {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	max-width: 680px;
	text-align: center;
}

/* CENTER THE PROFILE IMAGE. */
#user-profile-2 .alignleft {
	float: none;
	margin: 0 0 18px;
}

/* STYLE THE PROFILE IMAGE. */
#user-profile-2 .avatar {
	display: block;
	height: 65px;
	margin: 0 auto;
	width: 65px;
}

/* Align Comment Subscription Checkboxes And Labels. */
.comment-subscription-form {
	align-items: center;
	display: flex;
	gap: 10px;
	margin: 0 0 22px;
}

/* Reset Comment Subscription Checkbox Spacing. */
.comment-subscription-form input[type="checkbox"] {
	flex: 0 0 auto;
	margin: 0;
	width: auto;
}

/* Reset Comment Subscription Label Spacing. */
.comment-subscription-form .subscribe-label {
	display: inline;
	line-height: 1.4;
	margin: 0;
}

/* EXPANDS ALL SINGLE POST END SECTIONS TO THE SITE WIDTH. */
body.single-post {
	--zla-post-wide-width: 1200px;
	--zla-post-side-space: 60px;
}

/* BREAKS THE FINAL SECTIONS OUT OF THE NARROW ENTRY CONTENT. */
body.single-post .zla-amazon-affiliates,
body.single-post .entry-footer,
body.single-post .after-entry,
body.single-post .after-entry.widget-area,
body.single-post .author-box,
body.single-post .comments,
body.single-post .comment-respond {
	box-sizing: border-box;
	left: 50%;
	margin-left: 0;
	margin-right: 0;
	max-width: var(--zla-post-wide-width);
	position: relative;
	transform: translateX(-50%);
	width: min(
		var(--zla-post-wide-width),
		calc(100vw - var(--zla-post-side-space))
	);
}

/* EXPANDS THE COMPLETE AFTER-ENTRY WIDGET AREA. */
body.single-post .after-entry.widget-area,
body.single-post .after-entry.widget-area .wrap,
body.single-post .after-entry.widget-area .widget,
body.single-post .after-entry.widget-area .widget-wrap {
	box-sizing: border-box;
	max-width: none;
	width: 100%;
}

/* REMOVES NARROW WIDTH LIMITS FROM AFTER-ENTRY CONTENT. */
body.single-post .after-entry.widget-area form,
body.single-post .after-entry.widget-area .enews,
body.single-post .after-entry.widget-area .enews-widget,
body.single-post .after-entry.widget-area .wpforms-container,
body.single-post .after-entry.widget-area .mc4wp-form {
	margin-left: auto;
	margin-right: auto;
	max-width: none;
	width: 100%;
}

/* KEEPS FORM FIELDS CONTROLLED AND READABLE. */
body.single-post .after-entry.widget-area input[type="email"],
body.single-post .after-entry.widget-area input[type="text"],
body.single-post .after-entry.widget-area input[type="submit"],
body.single-post .after-entry.widget-area button {
	box-sizing: border-box;
	width: 100%;
}

/* ALIGNS THE ENTRY META WITH THE WIDE CONTENT. */
body.single-post .entry-footer {
	border-top: 1px solid #ded8ce;
	margin-top: 0;
	padding-top: 18px;
}

/* GIVES THE COMMENTS AREA CONSISTENT SEPARATION. */
body.single-post .comments,
body.single-post .comment-respond {
	margin-top: 48px;
}

/* KEEPS ALL ELEMENTS INSIDE THEIR AVAILABLE WIDTH. */
body.single-post .zla-amazon-affiliates *,
body.single-post .entry-footer *,
body.single-post .after-entry.widget-area *,
body.single-post .author-box *,
body.single-post .comments *,
body.single-post .comment-respond * {
	box-sizing: border-box;
}

/* TABLET ALIGNMENT. */
@media (max-width: 900px) {
	body.single-post {
		--zla-post-side-space: 40px;
	}
}

/* MOBILE ALIGNMENT. */
@media (max-width: 540px) {
	body.single-post {
		--zla-post-side-space: 28px;
	}

	body.single-post .comments,
	body.single-post .comment-respond {
		margin-top: 36px;
	}
}

/* STYLES THE PRODUCT REVIEW STARS IN GOLD. */
.woocommerce #review_form #respond .comment-form-rating .stars a,
.woocommerce #review_form #respond .comment-form-rating .stars a:hover,
.woocommerce #review_form #respond .comment-form-rating .stars a:focus,
.woocommerce #review_form #respond .comment-form-rating .stars a.active {
	background: transparent;
	border-bottom: 0 !important;
	box-shadow: none !important;
	color: #b28a57 !important;
	outline: 0;
	text-decoration: none;
}

/* KEEPS ALL STAR STATES CONSISTENT. */
.woocommerce #review_form #respond .comment-form-rating .stars:hover a,
.woocommerce #review_form #respond .comment-form-rating .stars.selected a,
.woocommerce #review_form #respond .comment-form-rating .stars a:hover ~ a {
	border-bottom: 0 !important;
	box-shadow: none !important;
	color: #b28a57 !important;
	text-decoration: none;
}

/* HIDES ONLY THE RESPONSIVE SECONDARY MENU TEXT. */
@media only screen and (max-width: 960px) {
	.site-header #genesis-mobile-nav-secondary {
		background: transparent;
		border: 0;
		box-shadow: none;
		font-size: 0;
		outline: 0;
	}

	/* PRESERVES THE ORIGINAL MENU ICON POSITION AND SIZE. */
	.site-header #genesis-mobile-nav-secondary::before {
		font-size: 20px;
		line-height: inherit;
		margin: 0;
	}

	/* REMOVES ONLY THE CLICK, FOCUS AND ACTIVE BORDER. */
	.site-header #genesis-mobile-nav-secondary:hover,
	.site-header #genesis-mobile-nav-secondary:focus,
	.site-header #genesis-mobile-nav-secondary:focus-visible,
	.site-header #genesis-mobile-nav-secondary:active,
	.site-header #genesis-mobile-nav-secondary.activated {
		background: transparent;
		border: 0;
		box-shadow: none;
		outline: 0;
	}

	/* PRESERVES A VISIBLE KEYBOARD FOCUS COLOR. */
	.site-header #genesis-mobile-nav-secondary:focus-visible::before {
		color: #b28a57;
	}
}