/* ==========================================================
   RK NUTRA — SHOP / ARCHIVE GRID
   منتجين فقط فصف واحد فكل صفحات المتجر (المتجر، الفئات، البحث)
   نفس هوية بطاقات المنتجات المميزة فالصفحة الرئيسية، بحواف
   مخفّضة (~5%) للاستفادة القصوى من عرض الشاشة.
   ========================================================== */

/* ----------------------------------------------------------
   استغلال العرض الكامل + حذف أي سايدبار/تحديد عرض من الثيم
   (هاد الملف محمّل فقط فصفحات المتجر، فالاستهداف هنا آمن)
---------------------------------------------------------- */
body {
	overflow-x: hidden;
}

body .site,
body #page,
body #content,
body .site-content,
body .grid-container,
body .container,
body main,
body article,
body .site-main,
body .content-area,
body .inside-article,
body .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 auto !important;
	display: block !important;
	grid-template-columns: 1fr !important;
}

body .sidebar,
body #right-sidebar,
body #left-sidebar,
body .widget-area,
body .woocommerce-breadcrumb,
body .page-header {
	display: none !important;
}

/* الحاوية الفعلية لكل محتوى المتجر — 5% حواف فقط */
.woocommerce {
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw;
	margin-inline-start: calc(50% - 50vw);
	padding-inline: 5vw;
}

.woocommerce h1.entry-title,
.woocommerce h1.page-title,
.woocommerce-products-header__title {
	font-family: 'Cairo', sans-serif !important;
	font-weight: 900 !important;
	color: #111111 !important;
	padding: 24px 0 4px !important;
}

/* ----------------------------------------------------------
   شبكة المنتجات — منتجين فصف
---------------------------------------------------------- */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 16px !important;
	margin: 20px 0 0 !important;
	padding: 0 !important;
	float: none !important;
}

.woocommerce ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	background: #ffffff !important;
	border: 1px solid #eeeeee !important;
	border-radius: 12px !important;
	padding: 14px !important;
	display: flex !important;
	flex-direction: column !important;
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04) !important;
}

.woocommerce ul.products li.product:hover {
	border-color: #C9A84C !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 8px 24px rgba(201, 168, 76, .12) !important;
}

.woocommerce ul.products li.product a img {
	width: 100% !important;
	height: 220px !important;
	object-fit: contain !important;
	background: #F8F8F8 !important;
	border-radius: 8px !important;
	padding: 8px !important;
	margin-bottom: 10px !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Cairo', sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #1a1a1a !important;
	line-height: 1.4 !important;
	margin: 0 0 6px !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.woocommerce ul.products li.product .star-rating {
	display: none !important;
}

.woocommerce ul.products li.product .price {
	font-family: 'Cairo', sans-serif !important;
	color: #1a1a1a !important;
	font-weight: 900 !important;
	font-size: 16px !important;
	margin: 0 0 10px !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
}

.woocommerce ul.products li.product .price del {
	color: #bbbbbb !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	text-decoration: line-through !important;
}

.woocommerce ul.products li.product .price ins {
	text-decoration: none !important;
	color: #A8892A !important;
}

/* ----------------------------------------------------------
   زر "اطلب الآن" + زر أيقونة السلة (منفصلان)
---------------------------------------------------------- */
.rk-loop-actions {
	display: flex !important;
	align-items: stretch !important;
	gap: 8px !important;
	width: 100% !important;
	margin-top: auto !important;
}

.rk-buy-now-btn,
.rk-loop-single {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ffffff !important;
	color: #111111 !important;
	border: 2px solid #C9A84C !important;
	border-radius: 8px !important;
	font-family: 'Cairo', sans-serif !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	padding: 0 10px !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: color .2s ease !important;
	box-sizing: border-box !important;
}

.rk-buy-now-btn:hover,
.rk-loop-single:hover {
	background: #ffffff !important;
	color: #A8892A !important;
	border-color: #C9A84C !important;
}

.rk-cart-only-btn {
	flex: 0 0 44px !important;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #111111 !important;
	border: 2px solid #C9A84C !important;
	border-radius: 8px !important;
	cursor: pointer !important;
	transition: background .2s ease !important;
	box-sizing: border-box !important;
}

.rk-cart-only-btn:hover {
	background: #ffffff !important;
}

.rk-cart-only-btn svg.rk-cart-ico {
	width: 19px !important;
	height: 19px !important;
	stroke: #ffffff !important;
	fill: none !important;
	flex-shrink: 0 !important;
	transition: stroke .2s ease !important;
}

.rk-cart-only-btn:hover svg.rk-cart-ico {
	stroke: #111111 !important;
}

.woocommerce span.onsale {
	background: #111111 !important;
	color: #ffffff !important;
	border: 1px solid #C9A84C !important;
	font-family: 'Cairo', sans-serif !important;
	font-weight: 700 !important;
	font-size: 11px !important;
	min-height: unset !important;
	min-width: unset !important;
	padding: 4px 10px !important;
	border-radius: 20px !important;
	top: 10px !important;
	right: 10px !important;
	left: auto !important;
}

/* شريط الفرز/العدد أعلى صفحة المتجر */
.woocommerce-result-count,
.woocommerce-ordering {
	font-family: 'Cairo', sans-serif !important;
}

/* ----------------------------------------------------------
   الجوال — تصغير إضافي
---------------------------------------------------------- */

@media (max-width: 480px) {
	.woocommerce {
		padding: 0 4%;
	}
	.woocommerce ul.products {
		gap: 10px !important;
	}
	.woocommerce ul.products li.product {
		padding: 10px !important;
	}
	.woocommerce ul.products li.product a img {
		height: 150px !important;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 12px !important;
	}
}