/* Products archive + card. Ohev Zion. Figma node 7-78. Inherits theme Hebrew font. */

/* inner product pages have no hero — keep the fixed header solid dark (#090909) so the
   white nav text stays readable (consistent with the scrolled header + dark mega-menu) */
.post-type-archive-products .main-header,
.tax-product_cat .main-header,
.single-products .main-header { background: #090909 !important; }

.products-archive {
	direction: rtl;
	max-width: 1796px;
	margin: 0 auto;
	padding: 140px 20px 90px;
	box-sizing: border-box;
}

/* breadcrumb */
.pa-breadcrumb {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	font-size: 14px;
	color: #6b6b6b;
	margin: 6px 0 26px;
}
.pa-breadcrumb .pa-home { display: inline-flex; align-items: center; gap: 5px; color: #6b6b6b; text-decoration: none; }
.pa-breadcrumb .pa-sep { color: #b5b5b5; }
.pa-breadcrumb .pa-current { color: #2b2b2b; }

/* title + subtitle */
.pa-head { text-align: center; margin: 4px 0 26px; }
.pa-title { font-size: 34px; font-weight: 700; color: #111; margin: 0 0 14px; line-height: 1.15; }
.pa-subtitle { font-size: 17px; line-height: 1.55; color: #555; max-width: 900px; margin: 0 auto; }

/* filter pills */
.pa-pills { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin: 6px 0 22px; }
.pa-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cfcfcf;
	border-radius: 30px;
	padding: 3px 16px;
	font-size: 16px;
	line-height: 33px;
	color: #0b0b0b;
	text-decoration: none;
	white-space: nowrap;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.pa-pill:hover { border-color: #999; }
.pa-pill.is-active { background: #111; border-color: #111; color: #fff; }

/* toolbar (count + sort) */
.pa-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 12px;
	margin: 4px 0 26px;
	font-size: 15px;
	color: #3a3a3a;
}
.pa-sort { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; color: #3a3a3a; }
.pa-count { color: #3a3a3a; }

/* grid */
.pa-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 29px;
}

/* card */
.product-card {
	display: flex;
	flex-direction: column;
	border: 1px solid #dbdbdb;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	transition: box-shadow .2s ease, transform .2s ease;
}
.product-card:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, .09); transform: translateY(-2px); }

.pc-image {
	aspect-ratio: 336 / 382;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-bottom: 1px solid #dbdbdb;
	padding: 24px;
	box-sizing: border-box;
}
.pc-image .pc-img { max-width: 91%; max-height: 100%; width: auto; height: auto; object-fit: contain; }

.pc-body { padding: 20px 16px 24px; display: flex; flex-direction: column; align-items: center; gap: 14px; flex: 1; }
.pc-brand { height: 32px; display: flex; align-items: center; justify-content: center; }
.pc-brand img { height: 32px; width: auto; display: block; }

.pc-title {
	font-size: 17px;
	line-height: 24px;
	font-weight: 700;
	color: #111;
	text-align: center;
	margin: 0;
	min-height: 72px;
}

.pc-price { display: flex; direction: rtl; align-items: center; justify-content: center; gap: 8px; margin-top: auto; }
.pc-new    { color: #fe0000; font-size: 20px; font-weight: 500; }
.pc-old    { color: #686868; font-size: 20px; text-decoration: line-through; }
.pc-single { color: #0b0b0b; font-size: 20px; font-weight: 500; }
.pc-badge  { background: #fe0000; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; padding: 3px 6px; border-radius: 4px; }

.pa-empty { text-align: center; color: #777; padding: 40px 0; }

/* single product */
.product-single { direction: rtl; max-width: 1200px; margin: 0 auto; padding: 150px 20px 90px; }
.pcs-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.pcs-media { border: 1px solid #dbdbdb; border-radius: 12px; padding: 32px; display: flex; align-items: center; justify-content: center; }
.pcs-media .pcs-img { max-width: 100%; height: auto; }
.pcs-brand img { height: 34px; width: auto; margin-bottom: 16px; }
.pcs-title { font-size: 26px; line-height: 1.35; color: #111; margin: 0 0 18px; }
.pcs-price { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.pcs-desc { color: #444; line-height: 1.7; }
.pcs-back { display: inline-block; margin-top: 24px; color: #111; text-decoration: underline; }

/* ---------- responsive ---------- */
@media (max-width: 1400px) { .pa-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1100px) {
	.pa-grid { grid-template-columns: repeat(3, 1fr); }
	.pa-title { font-size: 30px; }
	.pcs-wrap { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 768px) {
	.pa-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.products-archive { padding: 120px 14px 70px; }
	.pa-title { font-size: 26px; }
	.pa-subtitle { font-size: 15px; }
	.pa-pill { font-size: 14px; padding: 2px 13px; line-height: 30px; }
	.pc-title { font-size: 15px; min-height: 64px; }
	.pc-new, .pc-old, .pc-single { font-size: 18px; }
}
@media (max-width: 480px) {
	.pa-grid { gap: 12px; }
	.pc-body { padding: 14px 10px 18px; gap: 10px; }
	.pc-title { font-size: 14px; line-height: 21px; min-height: 63px; }
	.pc-brand, .pc-brand img { height: 26px; }
	.pa-title { font-size: 23px; }
}