/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ===== Vienodas produktų nuotraukų aukštis tinklelyje ===== */
.wd-products .product-grid-item .product-element-top {
	position: relative !important;
	height: 260px !important;
	overflow: hidden;
	background-color: #fff;
}

.wd-products .product-grid-item .product-element-top .product-image-link,
.wd-products .product-grid-item .product-element-top .hover-img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
}

.wd-products .product-grid-item .product-element-top .hover-img a {
	display: block;
	width: 100%;
	height: 100%;
}

.wd-products .product-grid-item .product-element-top img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center !important;
	padding: 10px;
	box-sizing: border-box !important;
}

@media (max-width: 1024px) {
	.wd-products .product-grid-item .product-element-top {
		height: 220px !important;
	}
}

@media (max-width: 575px) {
	.wd-products .product-grid-item .product-element-top {
		height: 180px !important;
	}
}

.product-wrapper {
	background-color: #fff;
}

/* ===== Tinklaraščio kortelės: vienodas aukštis + paslėpta data ===== */
.wd-blog-element .wd-post .entry-thumbnail .post-img-wrapp img {
	height: 320px !important;
	width: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

.wd-blog-element .wd-post .wd-post-date {
	display: none !important;
}

@media (max-width: 767px) {
	.wd-blog-element .wd-post .entry-thumbnail .post-img-wrapp img {
		height: 230px !important;
	}
}

/* ===== Naujienų sąrašas: paslėpta data, autorius, komentarai ir share mygtukai ===== */
.wd-blog-element .wd-post .entry-meta,
.wd-blog-element .wd-post .hovered-social-icons {
	display: none !important;
}

/* ===== Vienas straipsnis: paslėpta data, autorius, komentarai ir share mygtukai ===== */
.single-post .wd-single-post-header .wd-post-meta,
.single-post .wd-single-footer .wd-social-icons.social-share {
	display: none !important;
}

/* ===== Paslėpti komentarų sekciją ir komentarų skaitiklį ===== */
#comments,
.comments-area,
.wd-single-footer .meta-reply,
.wd-blog-element .wd-post .meta-reply,
.recent-posts-comment {
	display: none !important;
}

/* ===== Naujienų sąrašas: vienodo aukščio kortelės (masonry -> grid) ===== */
.wd-blog-element .wd-posts.wd-masonry {
	position: static !important;
	height: auto !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 30px !important;
	grid-auto-rows: 1fr !important;
}

.wd-blog-element .wd-posts.wd-masonry .wd-post {
	position: static !important;
	left: auto !important;
	top: auto !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	height: 100%;
}

.wd-blog-element .wd-posts.wd-masonry .wd-post .article-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.wd-blog-element .wd-posts.wd-masonry .wd-post .article-body-container {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.wd-blog-element .wd-posts.wd-masonry .wd-post .read-more-section {
	margin-top: auto;
}

@media (max-width: 1024px) {
	.wd-blog-element .wd-posts.wd-masonry {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767px) {
	.wd-blog-element .wd-posts.wd-masonry {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 15px !important;
	}
}

/* ===== Parduotuvės/kategorijų išdėstymas: sidebar kairėje + turinys per visą plotį ===== */
@media (min-width: 1025px) {
	.woocommerce-shop .wd-content-layout,
	.post-type-archive-product .wd-content-layout,
	.tax-product_cat .wd-content-layout,
	.woocommerce-page .wd-content-layout {
		display: flex;
		gap: 30px;
	}

	.woocommerce-shop .wd-content-layout .wd-sidebar.sidebar-left,
	.post-type-archive-product .wd-content-layout .wd-sidebar.sidebar-left,
	.tax-product_cat .wd-content-layout .wd-sidebar.sidebar-left,
	.woocommerce-page .wd-content-layout .wd-sidebar.sidebar-left {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.woocommerce-shop .wd-content-layout .wd-content-area,
	.post-type-archive-product .wd-content-layout .wd-content-area,
	.tax-product_cat .wd-content-layout .wd-content-area,
	.woocommerce-page .wd-content-layout .wd-content-area {
		flex: 1 1 auto;
		min-width: 0;
	}
}

/* ===== Mobile filtrų off-canvas skydelis ===== */
.wd-mob-filters-overlay,
.wd-mob-filters-close,
.wd-mob-filters-trigger {
	display: none;
}

/* Desktope filtrų mygtukas nereikalingas - sidebar matosi kairėje */
@media (min-width: 1025px) {
	.wd-show-sidebar-btn {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	.woocommerce-shop .wd-content-layout .wd-sidebar.sidebar-left,
	.post-type-archive-product .wd-content-layout .wd-sidebar.sidebar-left,
	.tax-product_cat .wd-content-layout .wd-sidebar.sidebar-left,
	.woocommerce-page .wd-content-layout .wd-sidebar.sidebar-left {
		display: block !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 320px;
		max-width: 85%;
		height: 100%;
		margin: 0;
		padding: 55px 20px 30px;
		background: #fff;
		z-index: 99990;
		overflow-y: auto;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		box-shadow: 2px 0 18px rgba(0, 0, 0, 0.18);
	}

	body.wd-mob-filters-open .wd-sidebar.sidebar-left {
		transform: translateX(0) !important;
	}

	.wd-mob-filters-overlay {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 99989;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease;
	}

	body.wd-mob-filters-open .wd-mob-filters-overlay {
		opacity: 1;
		visibility: visible;
	}

	.wd-mob-filters-close {
		position: fixed;
		top: 12px;
		left: 0;
		width: 320px;
		max-width: 85%;
		padding: 0 20px;
		z-index: 99991;
		text-align: right;
		cursor: pointer;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease;
	}

	body.wd-mob-filters-open .wd-mob-filters-close {
		display: block;
		opacity: 1;
		visibility: visible;
	}

	.wd-mob-filters-close span {
		font-size: 13px;
		font-weight: 600;
		color: #333;
	}

	.wd-mob-filters-trigger {
		display: block;
		position: fixed;
		left: 15px;
		bottom: 70px;
		z-index: 99988;
		padding: 12px 22px;
		border: none;
		border-radius: 30px;
		background: #BD3029;
		color: #fff;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 0.5px;
		cursor: pointer;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	}

	body.wd-mob-filters-open .wd-mob-filters-trigger {
		display: none;
	}
}

/* ===== Produkt\u0173 apra\u0161ym\u0173 stiliai ===== */
.pgx-desc {
	font-size: 15px;
	line-height: 1.7;
	color: #444;
}
.pgx-desc__lead {
	font-size: 17px;
	line-height: 1.7;
	color: #222;
	margin: 0 0 22px;
}
.pgx-desc__title {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 28px 0 14px;
	padding-bottom: 8px;
}
.pgx-desc__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 3px;
	background: #BD3029;
	border-radius: 2px;
}
.pgx-desc__list {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
}
.pgx-desc__list li {
	position: relative;
	padding: 0 0 0 30px;
	margin: 0 0 10px;
}
.pgx-desc__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 18px;
	height: 18px;
	background: #BD3029;
	border-radius: 50%;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center / 13px no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center / 13px no-repeat;
}
.pgx-desc__specs {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	border: 1px solid #ececec;
	border-radius: 8px;
	overflow: hidden;
}
.pgx-desc__specs li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 16px;
	margin: 0;
}
.pgx-desc__specs li:nth-child(odd) {
	background: #f7f7f7;
}
.pgx-desc__specs li span {
	color: #777;
}
.pgx-desc__specs li strong {
	color: #1a1a1a;
	text-align: right;
}
.pgx-desc__note {
	margin: 22px 0 0;
	padding: 14px 18px;
	background: #faf2f1;
	border-left: 3px solid #BD3029;
	border-radius: 0 6px 6px 0;
	font-size: 14px;
	color: #555;
}
@media (max-width: 575px) {
	.pgx-desc__specs li {
		flex-direction: column;
		gap: 2px;
	}
	.pgx-desc__specs li strong {
		text-align: left;
	}
}

/* =====================================================================
   Kategorijos aprašymas (.pgx-cat): antraštės, info dėžutė, kortelė,
   vidinės nuorodos, DUK akordeonas (native <details>)
   ===================================================================== */
.pgx-cat-section {
	clear: both;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 40px 0 48px;
	border-top: 1px solid #ececec;
	background: #fafafa;
}
.pgx-cat {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px;
	color: #3a3a3a;
	font-size: 15px;
	line-height: 1.75;
}
.pgx-cat h2 { font-size: 26px; line-height: 1.3; margin: 0 0 16px; color: #1f1f1f; }
.pgx-cat h3 {
	font-size: 19px;
	line-height: 1.35;
	margin: 26px 0 10px;
	color: #1f1f1f;
	position: relative;
	padding-left: 14px;
}
.pgx-cat h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 4px;
	border-radius: 3px;
	background: #BD3029;
}
.pgx-cat p { margin: 0 0 14px; }
.pgx-cat ul { margin: 0 0 16px; padding-left: 0; list-style: none; }
.pgx-cat li { position: relative; padding-left: 26px; margin: 0 0 8px; }
.pgx-cat li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 0;
	color: #BD3029;
	font-weight: 700;
}
.pgx-cat strong { color: #1f1f1f; }
.pgx-cat a { color: #BD3029; text-decoration: underline; }
.pgx-cat a:hover { color: #911f1a; }

/* Info dėžutė */
.pgx-cat__box {
	background: #faf2f1;
	border-left: 4px solid #BD3029;
	border-radius: 0 8px 8px 0;
	padding: 16px 18px;
	margin: 0 0 22px;
}
.pgx-cat__box-label {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #BD3029;
	margin-bottom: 4px;
}
.pgx-cat__box p { margin: 0; }

/* Kortelė su susijusiomis kategorijomis */
.pgx-cat__card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 12px;
	padding: 22px 24px;
	margin: 28px 0;
	box-shadow: 0 2px 14px rgba(0, 0, 0, .04);
}
.pgx-cat__card-title {
	font-size: 18px;
	margin: 0 0 8px !important;
	padding-left: 0 !important;
}
.pgx-cat__card-title::before { display: none !important; }
.pgx-cat__card p { margin: 0 0 12px; color: #666; }
.pgx-cat__links { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 !important; }
.pgx-cat__links li { margin: 0 !important; padding: 0 !important; }
.pgx-cat__links li::before { display: none !important; }
.pgx-cat__links a {
	display: inline-block;
	padding: 8px 16px;
	background: #f5f5f5;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #1f1f1f;
	text-decoration: none;
	transition: background .15s, color .15s;
}
.pgx-cat__links a:hover { background: #BD3029; color: #fff; }

/* DUK akordeonas (native <details>) */
.pgx-cat-faq { margin: 32px 0 0; }
.pgx-cat-faq__title {
	font-size: 22px;
	margin: 0 0 16px !important;
	padding-left: 0 !important;
}
.pgx-cat-faq__title::before { display: none !important; }
.pgx-cat-faq__item {
	border: 1px solid #ececec;
	border-radius: 10px;
	margin: 0 0 10px;
	background: #fff;
	overflow: hidden;
}
.pgx-cat-faq__q {
	list-style: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	color: #1f1f1f;
	padding: 16px 48px 16px 18px;
	position: relative;
}
.pgx-cat-faq__q::-webkit-details-marker { display: none; }
.pgx-cat-faq__q::after {
	content: "+";
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	line-height: 1;
	color: #BD3029;
}
.pgx-cat-faq__item[open] .pgx-cat-faq__q::after { content: "\2013"; }
.pgx-cat-faq__a { padding: 0 18px 16px; color: #555; line-height: 1.7; }
@media (max-width: 575px) {
	.pgx-cat h2 { font-size: 22px; }
	.pgx-cat__links a { padding: 7px 13px; }
}
