/*
Theme Name: Goldish-Child
Theme URI: https://parkofideas.com/goldish/
Text Domain: goldish-child
Description: Jewelry Store WooCommerce Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Template: goldish
Author: parkofideas.com
Author URI: https://parkofideas.com
Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* Keep complete product text in the HTML while limiting grid display to two lines. */
.c-product-grid__item .woocommerce-loop-product__title,
.c-product-grid__short-desc > a > p,
.c-product-grid__short-desc > p {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
	overflow: hidden !important;
}

/* Reserve two full lines so product prices align across every grid row. */
.c-product-grid__item .woocommerce-loop-product__title {
	height: 2.5em !important;
}

.c-product-grid__short-desc > a > p,
.c-product-grid__short-desc > p {
	height: 3.6em !important;
}

/* Use each element's computed line-height when the browser supports lh units. */
@supports (height: 1lh) {
	.c-product-grid__item .woocommerce-loop-product__title,
	.c-product-grid__short-desc > a > p,
	.c-product-grid__short-desc > p {
		height: 2lh !important;
	}
}

@media (max-width: 767px) {
	/* Footer navigation: one compact, expandable row per column on phones. */
	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item {
		border: 0;
		margin: 0 !important;
		padding: 0 !important;
	}

	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item + .c-footer-mobile-accordion__item {
		border-top: 1px solid rgba(201, 166, 137, 0.28);
	}

	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item > .elementor-element-populated {
		margin: 0 !important;
	}

	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item .elementor-widget-ideapark-heading > .elementor-widget-container {
		padding: 0 !important;
	}

	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item .elementor-widget-ideapark-heading {
		cursor: pointer;
		margin: 0 !important;
		outline: 0;
	}

	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item .c-ip-heading,
	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item .c-ip-heading_p {
		margin: 0 !important;
	}

	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item .c-ip-heading__inner {
		align-items: center;
		display: flex;
		justify-content: space-between;
		min-height: 58px;
		padding: 14px 0;
	}

	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item .c-ip-heading__inner::after {
		content: '+';
		font-size: 24px;
		font-weight: 300;
		line-height: 1;
		transition: transform 0.2s ease;
	}

	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item.is-open .c-ip-heading__inner::after {
		transform: rotate(45deg);
	}

	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item:not(.is-open) .elementor-widget-icon-list,
	.c-footer .elementor-1664 .elementor-element-9f71014 .c-footer-mobile-accordion__item:not(.is-open) .elementor-widget-ideapark-social {
		display: none !important;
	}

	/* Product detail: refine the mobile hierarchy without changing desktop styles. */
	.c-product__title {
		font-size: 30px !important;
	}

	.c-product__wrap .price,
	.c-product__wrap .price .woocommerce-Price-amount {
		font-size: 24px !important;
		color: #ff6600 !important;
	}

	/* Related products: two columns, four items total, and no horizontal carousel. */
	.c-product__products--related .c-product-grid__list {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 16px !important;
		margin: 0 !important;
	}

	.c-product__products--related .c-product-grid__item {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
	}

	/* Recently viewed is filled after page load. Keep its dynamic one-item wrapper full width so the two-column grid cannot collapse into a narrow card. */
	#js-recently-container .c-product-grid__wrap {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Keep a one-product category result in the first (left) column, not centered. */
	body.tax-product_cat .c-product-grid__wrap--2-per-row-mobile.c-product-grid__wrap--cnt-1 {
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.tax-product_cat .c-product-grid__wrap--cnt-1 .c-product-grid__item--2-per-row-mobile {
		width: calc((100% - 20px) / 2) !important;
	}

	/* Product-category grids always fill mobile columns from left to right. */
	body.tax-product_cat .c-product-grid__list--2-per-row-mobile {
		justify-content: flex-start !important;
	}
}

/* The current product/post name is hidden in detail breadcrumbs; retain its closing separator for clear navigation context. */
body.single-product .c-breadcrumbs__item:last-of-type::after,
body.single-post .c-breadcrumbs__item:nth-last-of-type(2)::after {
	content: '>';
	display: inline-block;
	margin-left: 10px;
	color: currentColor;
	opacity: 0.4;
	font-size: 12px;
	vertical-align: middle;
}

/* Match the catalog's true content width and prevent WordPress image attributes from overflowing it. */
body.tax-product_cat .lakazur-product-category-content__inner.l-section--container-wide {
	box-sizing: border-box !important;
	width: calc(100vw - 115px) !important;
	max-width: calc(100vw - 115px) !important;
	min-width: 0;
	padding-right: 0 !important;
	padding-left: 0 !important;
	overflow: hidden;
}

body.tax-product_cat .lakazur-product-category-content__body > p > img.wp-image-5747,
body.tax-product_cat .lakazur-product-category-content__body img {
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
	margin: 0 auto 8px !important;
}

body.tax-product_cat .lakazur-product-category-content__body > p {
	width: 100% !important;
	max-width: 100% !important;
}

/* The archive wrapper adds a default 50px gap before the product-loop content. */
body.tax-product_cat .l-inner > .l-section--container-wide.l-section--top-margin {
	margin-top: 0 !important;
}

/* Keep the explanatory copy visually separate from the first row of products. */
body.tax-product_cat .lakazur-product-category-content--top {
	margin-bottom: 40px;
}

@media (max-width: 1189px) {
	body.tax-product_cat .lakazur-product-category-content__inner.l-section--container-wide {
		width: calc(100vw - 55px) !important;
		max-width: calc(100vw - 55px) !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

/* Use one consistent orange for WooCommerce prices across the site. */
.woocommerce .price,
.woocommerce .price *,
.woocommerce-Price-amount,
.woocommerce-Price-amount * {
	color: #ff6600 !important;
}

/* Keep crossed-out regular prices in the theme's original muted grey. */
.woocommerce .price del,
.woocommerce .price del *,
.woocommerce .price del .woocommerce-Price-amount,
.woocommerce .price del .woocommerce-Price-amount * {
	color: var(--text-color-light) !important;
}

/* Product-category SEO copy: separate, responsive content above and below products. */
.lakazur-product-category-content__inner {
	max-width: none;
}

.lakazur-product-category-content--top {
	padding: 0 0 8px;
}

.lakazur-product-category-content--bottom {
	margin-top: 60px;
	padding: 0 0 54px;
	background: #fcf8f1;
}

/* Remove the theme's default 50px gap only when this category module follows ordering. */
body.tax-product_cat .c-catalog-ordering.l-section {
	margin-bottom: 0 !important;
}

.lakazur-product-category-content__body {
	color: var(--text-color-light);
	font-size: 16px;
	line-height: 1.8;
}

.lakazur-product-category-content__body > :first-child {
	margin-top: 0;
}

.lakazur-product-category-content__body > :last-child {
	margin-bottom: 0;
}

.lakazur-product-category-content__body h1,
.lakazur-product-category-content__body h2,
.lakazur-product-category-content__body h3,
.lakazur-product-category-content__body h4 {
	color: var(--text-color);
	line-height: 1.25;
	margin: 1.55em 0 0.6em;
}

.lakazur-product-category-content__body p,
.lakazur-product-category-content__body ul,
.lakazur-product-category-content__body ol {
	margin: 0 0 1.2em;
}

.lakazur-product-category-content__body img {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: auto;
	margin: 0 auto 8px;
}

.lakazur-product-category-content__body--collapsible {
	position: relative;
	max-height: 280px;
	overflow: hidden;
	transition: max-height 0.35s ease;
}

.lakazur-product-category-content__body--collapsible:not(.is-expanded)::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 84px;
	background: linear-gradient(to bottom, rgba(252, 248, 241, 0), #fcf8f1 82%);
	content: '';
	pointer-events: none;
}

.lakazur-product-category-content__body--collapsible.is-expanded {
	max-height: 12000px;
}

.lakazur-product-category-content__toggle {
	display: block;
	min-width: 138px;
	margin: 24px auto 0;
	padding: 12px 22px;
	border: 1px solid currentColor;
	background: transparent;
	color: var(--text-color);
	font-size: 12px;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
	cursor: pointer;
}

.lakazur-product-category-content__toggle:hover {
	border-color: #ff6600;
	color: #ff6600;
}

@media (max-width: 1189px) {
	/* Keep Gem Type carousel controls on the left and right image edges. */
	.c-page-header__sub-cat-list.owl-carousel.h-carousel--nav-mobile {
		padding-bottom: 0 !important;
	}

	.c-page-header__sub-cat-list.h-carousel--nav-mobile .owl-prev,
	.c-page-header__sub-cat-list.h-carousel--nav-mobile .owl-next {
		/* Align to the category image centre without including the title below it. */
		top: 50px !important;
		bottom: auto !important;
		width: 24px !important;
		height: 54px !important;
		margin: -27px 0 0 !important;
		border: 0 !important;
		background: transparent !important;
		font-size: 26px !important;
		z-index: 2;
	}

	.h-ltr .c-page-header__sub-cat-list.h-carousel--nav-mobile .owl-prev {
		left: 0 !important;
		right: auto !important;
	}

	.h-ltr .c-page-header__sub-cat-list.h-carousel--nav-mobile .owl-next {
		left: auto !important;
		right: 0 !important;
	}
}

@media (max-width: 767px) {
	.lakazur-product-category-content--top {
		padding: 0 0 10px;
	}

	.lakazur-product-category-content--bottom {
		margin-top: 38px;
		padding: 0 0 36px;
	}

	.lakazur-product-category-content__body {
		font-size: 15px;
		line-height: 1.72;
	}

	.lakazur-product-category-content__body--collapsible {
		max-height: 230px;
	}

	.lakazur-product-category-content__toggle {
		width: 100%;
		max-width: 260px;
		margin-top: 18px;
	}
}
