/* Real HTML price table — shahrmaftool pattern, Atlas styling */

html.atlas-archive #ooo,
html.atlas-archive .elementor-element-a92b652 {
	display: none !important;
}

.atlas-ept {
	width: 100%;
	margin: 0 0 1rem;
	border: 1px solid #e7e5e4;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}

.atlas-ept__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	padding: 10px 14px;
	background: #ececec;
	border-bottom: 1px solid #ddd;
}

.atlas-ept__title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	flex: 1;
	font-size: 0.9rem;
	font-weight: 700;
	color: #1c1917;
}

.atlas-ept__h1 {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.atlas-ept__sep {
	color: #a7a7a7;
}

.atlas-ept__meta {
	font-size: 0.75rem;
	font-weight: 500;
	color: #57534e;
}

.atlas-ept__meta em {
	font-style: normal;
	font-weight: 700;
	color: #16a34a;
}

.atlas-ept__count {
	font-size: 0.72rem;
	font-weight: 800;
	padding: 3px 8px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid #ddd;
}

.atlas-ept__search {
	flex: 1 1 160px;
	max-width: 220px;
	margin: 0;
}

.atlas-ept__search input {
	width: 100%;
	height: 34px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 0.82rem;
}

.atlas-ept__vat {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 0.78rem;
	font-weight: 700;
	cursor: pointer;
}

.atlas-ept__scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.enhanced-product-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	margin: 0;
	background: #fff;
}

.enhanced-product-table th,
.enhanced-product-table td {
	border: 1px solid #ddd;
	padding: 8px 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 0.84rem;
	line-height: 1.35;
}

.enhanced-product-table th {
	background: #1f1f1f;
	color: #fff;
	font-weight: 800;
	font-size: 0.74rem;
	white-space: nowrap;
	position: sticky;
	top: 0;
	z-index: 2;
}

.enhanced-product-table td.product-name {
	text-align: right;
	font-weight: 700;
	min-width: 180px;
}

.enhanced-product-table td.product-name a {
	color: #1c1917;
	text-decoration: none;
}

.enhanced-product-table td.product-name a:hover {
	color: #c2410c;
}

.enhanced-product-table td.product-price {
	min-width: 110px;
	white-space: nowrap;
}

.enhanced-product-table td.variation {
	direction: ltr;
	unicode-bidi: plaintext;
	font-weight: 700;
	white-space: nowrap;
}

.enhanced-product-table tbody tr:nth-child(even) {
	background: #fafafa;
}

.enhanced-product-table tbody tr.is-atlas-hidden {
	display: none;
}

.atlas-ept-price,
.enhanced-product-table .woocommerce-Price-amount {
	font-weight: 800;
	color: #111 !important;
	font-size: 0.9rem;
}

html.atlas-archive.atlas-vat-on .atlas-ept-price,
html.atlas-archive.atlas-vat-on .enhanced-product-table .woocommerce-Price-amount {
	color: #c2410c !important;
}

.atlas-ept-unit {
	display: block;
	margin-top: 3px;
	font-size: 0.68rem;
	color: #78716c;
	font-weight: 600;
}

.atlas-ept-cart,
.enhanced-product-table .atlas-ept-cart.button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 34px;
	padding: 0 10px !important;
	margin: 0 !important;
	border: 1px solid #008749 !important;
	border-radius: 6px !important;
	background: #008749 !important;
	color: #fff !important;
	font-size: 1.15rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer;
}

.atlas-ept-cart:hover {
	background: #007040 !important;
	border-color: #007040 !important;
	color: #fff !important;
}

.atlas-ept-call {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	height: 34px;
	padding: 0 12px;
	border-radius: 6px;
	background: #d4781a;
	color: #fff !important;
	font-size: 0.8rem;
	font-weight: 800;
	text-decoration: none !important;
}

.atlas-ept-empty td {
	padding: 24px !important;
	color: #78716c;
}

@media (max-width: 900px) {
	/* Kill RTL horizontal-scroll trap — user must see the card, not empty left gutter */
	.atlas-ept-mount,
	.atlas-ept,
	.atlas-ept__scroll {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}

	.atlas-ept {
		border-radius: 12px;
	}

	.atlas-ept__toolbar {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		padding: 10px 12px;
	}

	.atlas-ept__title {
		flex: 0 0 auto;
		width: 100%;
	}

	.atlas-ept__search {
		max-width: none;
		width: 100%;
		flex: 0 0 auto;
	}

	.atlas-ept__vat {
		flex: 0 0 auto;
		width: fit-content;
		margin: 0;
	}

	.enhanced-product-table {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		border: 0 !important;
		table-layout: fixed !important;
	}

	.enhanced-product-table thead {
		display: none !important;
	}

	.enhanced-product-table tbody {
		display: block !important;
		width: 100% !important;
	}

	.enhanced-product-table tr {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 12px !important;
		padding: 12px !important;
		border: 1px solid #e7e5e4 !important;
		border-radius: 12px !important;
		background: #fff !important;
		box-sizing: border-box !important;
		transform: none !important;
		left: auto !important;
		right: auto !important;
	}

	.enhanced-product-table td {
		display: block !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		box-sizing: border-box !important;
		text-align: right !important;
		white-space: normal !important;
	}

	.enhanced-product-table td.product-name {
		order: 1;
		padding-bottom: 10px !important;
		margin-bottom: 4px !important;
		border-bottom: 1px dashed #e8e8e8 !important;
		background: transparent !important;
		font-size: 0.9rem !important;
		font-weight: 800 !important;
		line-height: 1.45 !important;
		min-width: 0 !important;
	}

	.enhanced-product-table td.product-name a {
		display: block !important;
		width: 100% !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: break-word;
		color: #1c1917 !important;
	}

	/* Full-width rows: label right, value left — like the good screenshot */
	.enhanced-product-table td.variation,
	.enhanced-product-table td.product-price {
		order: 2;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		width: 100% !important;
		padding: 8px 0 !important;
		direction: rtl !important;
		unicode-bidi: normal !important;
		font-size: 0.86rem !important;
		font-weight: 700 !important;
		border-bottom: 1px dashed #f0f0f0 !important;
		min-width: 0 !important;
	}

	.enhanced-product-table td.product-price {
		order: 3;
		margin-top: 4px !important;
		padding-top: 10px !important;
		border-top: 1px dashed #e8e8e8 !important;
		border-bottom: 0 !important;
		flex-wrap: wrap !important;
	}

	.enhanced-product-table td.variation::before,
	.enhanced-product-table td.product-price::before {
		content: attr(data-label);
		flex: 0 0 auto;
		font-size: 0.72rem !important;
		font-weight: 700 !important;
		color: #a8a29e !important;
		text-align: right;
	}

	.enhanced-product-table td.product-price .atlas-ept-price,
	.enhanced-product-table td.product-price .woocommerce-Price-amount,
	.enhanced-product-table td.product-price .atlas-ept-call {
		flex: 0 0 auto;
		margin-right: auto; /* push value toward visual left in RTL flex */
	}

	.enhanced-product-table td.product-price .atlas-ept-unit {
		flex: 1 1 100%;
		margin: 2px 0 0 !important;
		text-align: left;
		direction: rtl;
	}

	.enhanced-product-table td.product-order {
		order: 4;
		display: flex !important;
		width: 100% !important;
		padding-top: 10px !important;
	}

	.enhanced-product-table td.product-order::before {
		display: none !important;
		content: none !important;
	}

	.enhanced-product-table td.product-order .atlas-ept-cart,
	.enhanced-product-table td.product-order .atlas-ept-call,
	.atlas-ept-cart,
	.atlas-ept-call {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: 42px !important;
	}
}