/*
Theme Name: مناديل ستور - Mnadel Store
Theme URI: https://mnadel.com
Author: Mnadel
Description: ثيم ووردبريس مخصص لمتجر ووكومرس لبيع المناديل والمنظفات والمنتجات البلاستيكية والعروض، بتصميم عربي RTL نظيف يركّز على التحويل. مبني خصيصاً لمتجر mnadel.com.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mnadel
Tags: e-commerce, woocommerce, rtl, arabic
*/

/* ==========================================================================
   1) المتغيرات العامة (Design Tokens)
   ========================================================================== */
:root{
	/* الأزرق - اللون الأساسي لهوية mnadel */
	--mn-blue-900:#06263f;
	--mn-blue-800:#0a3559;
	--mn-blue-700:#0b4f86; /* أساسي */
	--mn-blue-600:#1565a8;
	--mn-blue-500:#2c86c9;
	--mn-blue-100:#e8f2fb;
	--mn-blue-50:#f5faff;

	--mn-white:#ffffff;
	--mn-bg:#f7fafc;
	--mn-ink:#152233;
	--mn-muted:#647285;
	--mn-border:#e3eaf1;

	--mn-red:#e0483e;      /* عروض وخصومات */
	--mn-gold:#f5b301;     /* تقييمات */
	--mn-green:#1c9a6c;    /* توفر */

	--mn-radius-sm:8px;
	--mn-radius:14px;
	--mn-radius-lg:22px;
	--mn-shadow:0 10px 28px rgba(11,79,134,.08);
	--mn-shadow-sm:0 3px 10px rgba(11,79,134,.06);

	--mn-font-display:'Cairo', 'Tajawal', sans-serif;
	--mn-font-body:'Tajawal', 'Cairo', sans-serif;

	--mn-header-h:76px;
}

/* ==========================================================================
   2) إعادة ضبط أساسية
   ========================================================================== */
*, *::before, *::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
	margin:0;
	font-family:var(--mn-font-body);
	background:var(--mn-bg);
	color:var(--mn-ink);
	direction:rtl;
	text-align:right;
	line-height:1.7;
	font-size:16px;
	-webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; height:auto; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5{ font-family:var(--mn-font-display); font-weight:800; margin:0 0 .5em; color:var(--mn-blue-900); line-height:1.35; }
p{ margin:0 0 1em; }
button{ font-family:inherit; cursor:pointer; }
:focus-visible{ outline:3px solid var(--mn-blue-500); outline-offset:2px; }

.container{
	max-width:1320px;
	margin:0 auto;
	padding:0 20px;
}

.screen-reader-text{
	position:absolute !important;
	clip:rect(1px,1px,1px,1px);
	overflow:hidden;
	height:1px;width:1px;
	border:0;padding:0;margin:-1px;
}

/* ==========================================================================
   3) أزرار عامة
   ========================================================================== */
.mn-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	background:var(--mn-blue-700);
	color:var(--mn-white);
	padding:13px 28px;
	border-radius:999px;
	font-weight:700;
	font-size:15px;
	border:none;
	transition:.2s ease;
	box-shadow:var(--mn-shadow-sm);
}
.mn-btn:hover{ background:var(--mn-blue-800); transform:translateY(-1px); color:var(--mn-white); }
.mn-btn-light{ background:var(--mn-white); color:var(--mn-blue-800); }
.mn-btn-light:hover{ background:var(--mn-blue-50); color:var(--mn-blue-900); }

/* ==========================================================================
   4) الشريط العلوي (إعلان)
   ========================================================================== */
.mn-announce-bar{
	background:var(--mn-blue-900);
	color:var(--mn-white);
	text-align:center;
	font-size:13.5px;
	font-weight:500;
	padding:9px 16px;
	letter-spacing:.2px;
}
.mn-announce-bar a{ color:var(--mn-white); }

/* ==========================================================================
   5) الهيدر
   ========================================================================== */
.mn-header{
	background:var(--mn-white);
	position:sticky;
	top:0;
	z-index:100;
	box-shadow:0 2px 14px rgba(6,38,63,.06);
}
.mn-header-inner{
	display:flex;
	align-items:center;
	gap:24px;
	min-height:var(--mn-header-h);
}
.mn-logo{ flex-shrink:0; }
.mn-logo img{ max-height:52px; width:auto; }
.mn-logo-text{
	font-family:var(--mn-font-display);
	font-weight:900;
	font-size:26px;
	color:var(--mn-blue-700);
}

.mn-primary-nav{ flex:1; min-width:0; }
.mn-menu{
	display:flex;
	align-items:center;
	gap:6px;
	flex-wrap:wrap;
}
.mn-menu li a{
	display:block;
	padding:10px 14px;
	border-radius:999px;
	font-weight:700;
	font-size:15px;
	color:var(--mn-blue-900);
	transition:.15s;
	white-space:nowrap;
}
.mn-menu li a:hover,
.mn-menu li.current-menu-item > a{
	background:var(--mn-blue-100);
	color:var(--mn-blue-700);
}
.mn-menu li.menu-item-has-children{ position:relative; }
.mn-menu .sub-menu{
	position:absolute;
	top:100%;
	right:0;
	background:var(--mn-white);
	box-shadow:var(--mn-shadow);
	border-radius:var(--mn-radius-sm);
	padding:8px;
	min-width:220px;
	opacity:0;
	visibility:hidden;
	transform:translateY(6px);
	transition:.18s;
	z-index:20;
}
.mn-menu li.menu-item-has-children:hover > .sub-menu{
	opacity:1; visibility:visible; transform:translateY(0);
}
.mn-menu .sub-menu li a{ border-radius:8px; }

.mn-header-actions{
	display:flex;
	align-items:center;
	gap:6px;
	flex-shrink:0;
}
.mn-icon-btn{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:50%;
	background:transparent;
	border:none;
	color:var(--mn-blue-900);
	transition:.15s;
}
.mn-icon-btn:hover{ background:var(--mn-blue-100); color:var(--mn-blue-700); }
.mn-cart-btn{ background:var(--mn-blue-700); color:var(--mn-white); }
.mn-cart-btn:hover{ background:var(--mn-blue-800); color:var(--mn-white); }
.mn-cart-count{
	position:absolute;
	top:-4px;
	left:-4px;
	background:var(--mn-red);
	color:var(--mn-white);
	font-size:11px;
	font-weight:800;
	min-width:19px;
	height:19px;
	border-radius:999px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:2px solid var(--mn-white);
	padding:0 3px;
}

.mn-burger{
	display:none;
	flex-direction:column;
	justify-content:center;
	gap:5px;
	width:42px;
	height:42px;
	background:none;
	border:none;
	border-radius:8px;
}
.mn-burger:hover{ background:var(--mn-blue-100); }
.mn-burger span{
	display:block;
	width:22px;
	height:2.5px;
	background:var(--mn-blue-900);
	margin:0 auto;
	border-radius:2px;
	transition:.2s;
}

.mn-search-panel{
	max-height:0;
	overflow:hidden;
	transition:max-height .25s ease;
	background:var(--mn-blue-50);
	border-top:1px solid var(--mn-border);
}
.mn-search-panel.is-open{ max-height:100px; }
.mn-search-panel .container{ padding-top:14px; padding-bottom:14px; }
.mn-search-panel form{ display:flex; gap:8px; }
.mn-search-panel input[type="search"],
.mn-search-panel input[type="text"]{
	flex:1;
	padding:12px 16px;
	border-radius:999px;
	border:1px solid var(--mn-border);
	font-family:inherit;
	font-size:15px;
}
.mn-search-panel button{
	background:var(--mn-blue-700);
	color:var(--mn-white);
	border:none;
	border-radius:999px;
	padding:0 22px;
	font-weight:700;
}

.mn-mobile-overlay{
	position:fixed; inset:0;
	background:rgba(6,38,63,.45);
	z-index:90;
	opacity:0; visibility:hidden;
	transition:.2s;
}
.mn-mobile-overlay.is-open{ opacity:1; visibility:visible; }

@media (max-width: 960px){
	.mn-burger{ display:flex; }
	.mn-primary-nav{
		position:fixed;
		top:0; right:0;
		width:82%; max-width:340px;
		height:100vh;
		background:var(--mn-white);
		z-index:99;
		padding:90px 22px 30px;
		transform:translateX(100%);
		transition:transform .25s ease;
		overflow-y:auto;
		box-shadow:-10px 0 30px rgba(0,0,0,.15);
	}
	.mn-primary-nav.is-open{ transform:translateX(0); }
	.mn-menu{ flex-direction:column; align-items:stretch; gap:2px; }
	.mn-menu li a{ padding:13px 14px; }
	.mn-menu .sub-menu{
		position:static; box-shadow:none; opacity:1; visibility:visible; transform:none;
		display:none; padding-right:14px; background:var(--mn-blue-50);
	}
	.mn-menu li.menu-item-has-children.is-open .sub-menu{ display:block; }
}

/* ==========================================================================
   6) الهيرو / السلايدر
   ========================================================================== */
.mn-hero{ position:relative; background:var(--mn-blue-900); }
.mn-slider{ position:relative; overflow:hidden; aspect-ratio:16/6; min-height:220px; }
.mn-slider-track{
	display:flex;
	height:100%;
	transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.mn-slide{ min-width:100%; height:100%; }
.mn-slide img{ width:100%; height:100%; object-fit:cover; }

.mn-slider-arrow{
	position:absolute;
	top:50%;
	translate:0 -50%;
	width:44px; height:44px;
	border-radius:50%;
	background:rgba(255,255,255,.9);
	border:none;
	color:var(--mn-blue-900);
	font-size:26px;
	line-height:1;
	display:flex; align-items:center; justify-content:center;
	z-index:5;
	transition:.15s;
}
.mn-slider-arrow:hover{ background:var(--mn-white); }
.mn-slider-prev{ right:16px; }
.mn-slider-next{ left:16px; }

.mn-slider-dots{
	position:absolute;
	bottom:16px;
	left:0; right:0;
	display:flex;
	justify-content:center;
	gap:8px;
	z-index:5;
}
.mn-dot{
	width:9px; height:9px; border-radius:50%;
	background:rgba(255,255,255,.55);
	border:none;
	padding:0;
}
.mn-dot.is-active{ background:var(--mn-white); width:22px; border-radius:6px; }

.mn-hero-placeholder{
	background:linear-gradient(135deg, var(--mn-blue-800), var(--mn-blue-600));
	padding:70px 0;
}
.mn-hero-placeholder-inner{ text-align:center; color:var(--mn-white); }
.mn-hero-placeholder-inner h1{ color:var(--mn-white); font-size:36px; margin-bottom:.3em; }
.mn-hero-placeholder-inner p{ color:rgba(255,255,255,.85); font-size:17px; margin-bottom:1.6em; }

.mn-hero-wave{ display:block; width:100%; height:40px; }

/* ==========================================================================
   6ب) أقسام الرئيسية المصورة (مناديل / بلاستيك / منظفات ...)
   ========================================================================== */
.mn-section-cat-tiles{ padding-top:34px; padding-bottom:10px; }
.mn-cat-tiles{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:18px;
}
.mn-cat-tile{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
	text-align:center;
	padding:18px 10px;
	border-radius:var(--mn-radius-sm, 14px);
	background:var(--mn-white);
	box-shadow:var(--mn-shadow-sm);
	transition:.2s ease;
}
.mn-cat-tile:hover{
	transform:translateY(-4px);
	box-shadow:var(--mn-shadow);
}
.mn-cat-tile-media{
	width:76px; height:76px;
	border-radius:50%;
	background:var(--mn-blue-50);
	display:flex; align-items:center; justify-content:center;
	overflow:hidden;
	flex-shrink:0;
}
.mn-cat-tile-media img{ width:100%; height:100%; object-fit:cover; }
.mn-cat-tile-icon{
	width:38px; height:38px;
	color:var(--mn-blue-700);
	display:flex;
}
.mn-cat-tile-icon svg{ width:100%; height:100%; }
.mn-cat-tile-label{
	font-weight:700;
	font-size:15px;
	color:var(--mn-blue-900);
}
.mn-cat-tile-subcount{
	font-size:12px;
	color:var(--mn-muted);
	margin-top:-6px;
}

@media (max-width: 960px){
	.mn-cat-tiles{ grid-template-columns:repeat(3, 1fr); gap:14px; }
	.mn-cat-tile-media{ width:64px; height:64px; }
}
@media (max-width: 560px){
	.mn-cat-tiles{ grid-template-columns:repeat(3, 1fr); gap:10px; }
	.mn-cat-tile{ padding:12px 6px; }
	.mn-cat-tile-media{ width:56px; height:56px; }
	.mn-cat-tile-label{ font-size:13px; }
}

/* ==========================================================================
   6ج) صندوق تحويل واتساب بعد إتمام الطلب
   ========================================================================== */
.mn-order-wa-box{
	background:var(--mn-blue-50);
	border:1px solid var(--mn-border);
	border-radius:var(--mn-radius-sm, 14px);
	padding:26px 22px;
	text-align:center;
	max-width:520px;
	margin:20px auto 30px;
}
.mn-order-wa-title{
	font-size:18px;
	font-weight:800;
	color:var(--mn-blue-900);
	margin:0 0 6px;
}
.mn-order-wa-sub{
	font-size:14.5px;
	color:var(--mn-muted);
	margin:0 0 18px;
}
.mn-btn-whatsapp{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	background:#25D366;
	color:var(--mn-white);
	padding:13px 26px;
	border-radius:999px;
	font-weight:700;
	font-size:15px;
	transition:.2s ease;
}
.mn-btn-whatsapp:hover{ background:#1ebe5a; color:var(--mn-white); transform:translateY(-1px); }

/* ==========================================================================
   7) أقسام عامة + شبكة المنتجات
   ========================================================================== */
.mn-section{ padding:44px 0; }
.mn-section-offers{ padding-top:30px; }

.mn-section-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:22px;
	gap:12px;
}
.mn-section-head-center{ justify-content:center; text-align:center; }
.mn-section-title{
	font-size:24px;
	margin:0;
	position:relative;
	padding-inline-start:14px;
	border-inline-start:5px solid var(--mn-red);
}
.mn-section-head-center .mn-section-title{ border:none; padding:0; }
.mn-badge-inline{ margin-left:4px; }
.mn-see-all{
	font-weight:700;
	font-size:14px;
	color:var(--mn-blue-700);
	white-space:nowrap;
}
.mn-see-all:hover{ color:var(--mn-red); }

.mn-product-grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:18px;
}
@media (max-width: 1080px){ .mn-product-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width: 720px){ .mn-product-grid{ grid-template-columns:repeat(2,1fr); gap:12px; } }

/* بطاقة المنتج */
.mn-product-card{
	background:var(--mn-white);
	border:1px solid var(--mn-border);
	border-radius:var(--mn-radius);
	overflow:hidden;
	transition:.2s ease;
	display:flex;
	flex-direction:column;
}
.mn-product-card:hover{ box-shadow:var(--mn-shadow); transform:translateY(-3px); border-color:transparent; }

.mn-product-media{ position:relative; background:var(--mn-blue-50); aspect-ratio:1/1; overflow:hidden; }
.mn-product-img{ width:100%; height:100%; object-fit:cover; transition:.35s; }
.mn-product-card:hover .mn-product-img{ transform:scale(1.05); }

.mn-badge{
	position:absolute;
	top:12px;
	right:-6px;
	background:var(--mn-red);
	color:var(--mn-white);
	font-size:12px;
	font-weight:800;
	padding:5px 14px 5px 10px;
	border-radius:6px 0 0 6px;
	z-index:2;
}
.mn-badge::after{
	content:"";
	position:absolute;
	right:-6px; top:0;
	border-style:solid;
	border-width:0 6px 15px 0;
	border-color:transparent transparent #9c2b23 transparent;
}
.mn-badge-sale{ background:var(--mn-red); }

.mn-product-quickadd{
	position:absolute;
	left:10px; right:10px; bottom:10px;
	opacity:0; transform:translateY(8px);
	transition:.2s;
}
.mn-product-card:hover .mn-product-quickadd{ opacity:1; transform:translateY(0); }
.mn-product-quickadd a{
	display:block;
	text-align:center;
	background:var(--mn-blue-700);
	color:var(--mn-white);
	font-weight:700;
	font-size:13.5px;
	padding:10px;
	border-radius:999px;
	box-shadow:var(--mn-shadow-sm);
}
.mn-product-quickadd a:hover{ background:var(--mn-blue-800); }
.mn-product-quickadd a.loading{ opacity:.6; }
.mn-product-quickadd a.added::after{ content:" ✓"; }

.mn-product-info{ padding:14px 14px 16px; flex:1; display:flex; flex-direction:column; gap:6px; }
.mn-product-rating .star-rating{ font-size:13px; color:var(--mn-gold); }
.mn-product-rating .star-rating::before{ color:var(--mn-border); }
.mn-product-rating .star-rating span::before{ color:var(--mn-gold); }
.mn-product-title{
	font-weight:700;
	font-size:14.5px;
	color:var(--mn-blue-900);
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:2.6em;
}
.mn-product-title:hover{ color:var(--mn-blue-700); }
.mn-product-price{ font-weight:800; font-size:16px; color:var(--mn-blue-800); margin-top:auto; }
.mn-product-price del{ color:var(--mn-muted); font-weight:500; font-size:13px; margin-inline-end:6px; opacity:.8; }
.mn-product-price ins{ text-decoration:none; color:var(--mn-red); }
.mn-product-info .stock{ font-size:12px; font-weight:700; }
.mn-product-info .stock.out-of-stock{ color:var(--mn-red); }
.mn-product-info .stock.in-stock{ display:none; }

/* ==========================================================================
   8) أبرز ما يميزنا
   ========================================================================== */
.mn-features{ background:var(--mn-white); border-top:1px solid var(--mn-border); border-bottom:1px solid var(--mn-border); }
.mn-features-grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:26px;
}
@media (max-width:780px){ .mn-features-grid{ grid-template-columns:1fr; } }
.mn-feature{ display:flex; align-items:center; gap:16px; }
.mn-feature-icon{
	flex-shrink:0;
	width:60px; height:60px;
	border-radius:16px;
	background:var(--mn-blue-100);
	color:var(--mn-blue-700);
	display:flex; align-items:center; justify-content:center;
}
.mn-feature-icon svg{ width:30px; height:30px; }
.mn-feature h3{ font-size:17px; margin:0 0 3px; }
.mn-feature p{ margin:0; color:var(--mn-muted); font-size:14px; }

/* ==========================================================================
   9) آراء العملاء
   ========================================================================== */
.mn-testimonials{ background:var(--mn-blue-50); }
.mn-testimonial-track{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:18px;
}
@media (max-width:960px){ .mn-testimonial-track{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .mn-testimonial-track{ grid-template-columns:1fr; } }
.mn-testimonial-card{
	background:var(--mn-white);
	border-radius:var(--mn-radius);
	padding:22px;
	box-shadow:var(--mn-shadow-sm);
}
.mn-stars{ color:var(--mn-gold); font-size:16px; letter-spacing:2px; margin-bottom:10px; }
.mn-testimonial-text{ font-size:14.5px; color:var(--mn-ink); margin-bottom:14px; }
.mn-testimonial-author{ display:flex; justify-content:space-between; align-items:center; font-size:13px; }
.mn-testimonial-name{ font-weight:800; color:var(--mn-blue-800); }
.mn-testimonial-date{ color:var(--mn-muted); }

/* ==========================================================================
   10) الفوتر
   ========================================================================== */
.mn-footer{ background:var(--mn-blue-900); color:rgba(255,255,255,.82); margin-top:20px; }
.mn-footer-top{
	display:grid;
	grid-template-columns:1.6fr 1fr 1fr 1fr;
	gap:30px;
	padding:52px 0 30px;
}
@media (max-width:900px){ .mn-footer-top{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .mn-footer-top{ grid-template-columns:1fr; } }

.mn-footer .mn-logo-text,
.mn-footer-logo-text{ color:var(--mn-white); font-size:24px; margin-bottom:14px; }
.mn-footer .custom-logo{ max-height:44px; width:auto; margin-bottom:14px; filter:brightness(0) invert(1); }
.mn-footer-about p{ font-size:14px; line-height:1.8; color:rgba(255,255,255,.7); }

.mn-social-icons{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.mn-social-icons a{
	font-size:12.5px;
	font-weight:700;
	padding:7px 14px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.25);
	color:var(--mn-white);
}
.mn-social-icons a:hover{ background:var(--mn-blue-700); border-color:var(--mn-blue-700); }

.mn-footer-title{ color:var(--mn-white); font-size:15.5px; margin-bottom:16px; }
.mn-footer-menu, .mn-footer-contact{ display:flex; flex-direction:column; gap:10px; }
.mn-footer-menu a{ font-size:14px; color:rgba(255,255,255,.72); }
.mn-footer-menu a:hover{ color:var(--mn-white); }
.mn-footer-contact li{ font-size:14px; color:rgba(255,255,255,.72); }

.mn-footer-bottom{ border-top:1px solid rgba(255,255,255,.12); }
.mn-footer-bottom-inner{
	display:flex; align-items:center; justify-content:space-between;
	padding:18px 0; flex-wrap:wrap; gap:8px;
}
.mn-footer-bottom p{ margin:0; font-size:12.5px; color:rgba(255,255,255,.6); }

/* ==========================================================================
   11) واتساب عائم
   ========================================================================== */
.mn-whatsapp-float{
	position:fixed;
	bottom:22px;
	left:22px;
	width:56px; height:56px;
	background:#25D366;
	color:var(--mn-white);
	border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 8px 22px rgba(0,0,0,.25);
	z-index:80;
	transition:.2s;
}
.mn-whatsapp-float:hover{ transform:scale(1.07); color:var(--mn-white); }

/* ==========================================================================
   12) صفحات عامة / مقالات / صفحة 404
   ========================================================================== */
.mn-page{ padding:40px 0 60px; }
.mn-page-title{ font-size:30px; margin-bottom:.6em; }
.mn-page-content{ background:var(--mn-white); border:1px solid var(--mn-border); border-radius:var(--mn-radius); padding:32px; }
.mn-archive-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width:780px){ .mn-archive-grid{ grid-template-columns:1fr; } }
.mn-post-card{ background:var(--mn-white); border:1px solid var(--mn-border); border-radius:var(--mn-radius); padding:16px; }
.mn-post-card h2{ font-size:17px; }
.mn-404{ text-align:center; padding:90px 0; }
.mn-404 .mn-page-title{ font-size:64px; color:var(--mn-blue-100); -webkit-text-stroke:2px var(--mn-blue-700); }

/* ==========================================================================
   13) توافق صفحات ووكومرس الافتراضية (سلة/دفع/حسابي/أرشيف المتجر)
   ========================================================================== */
.mn-shop-wrap, .mn-wc-page{ padding:34px 0 60px; }

.woocommerce-ordering{ margin:0 0 18px; }
.woocommerce-ordering select{
	font-family:var(--mn-font-body);
	font-size:14px;
	font-weight:600;
	color:var(--mn-blue-900);
	background:var(--mn-white);
	border:1px solid var(--mn-border);
	border-radius:8px;
	padding:8px 14px;
	cursor:pointer;
}

.woocommerce ul.products{
	display:grid !important;
	grid-template-columns:repeat(4, 1fr);
	gap:18px;
	margin:0 !important;
}
@media (max-width:1080px){ .woocommerce ul.products{ grid-template-columns:repeat(3,1fr) !important; } }
@media (max-width:720px){ .woocommerce ul.products{ grid-template-columns:repeat(2,1fr) !important; } }

/* ووكومرس الافتراضي يحط عرض بالنسبة المئوية (مثل 22.1%) وfloat وclear
   على كل بطاقة منتج، مصمّمة أصلاً لشبكة float قديمة. لما الأب صار
   CSS Grid فوق (display:grid)، هذي القيم القديمة تضل فاعلة على العنصر
   نفسه وتخلي البطاقة تاخذ عرض ضيق جداً جوا خانتها بالشبكة مع فراغ كبير
   حولها بدل تعبئة الخانة كاملة — هذا سبب الشكل الغريب بالمسافات الكبيرة. */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product-category{
	width:auto !important;
	float:none !important;
	margin:0 !important;
	clear:none !important;
}

.woocommerce ul.products li.product{
	background:var(--mn-white);
	border:1px solid var(--mn-border);
	border-radius:var(--mn-radius);
	padding:14px 14px 18px;
	transition:.2s;
}
.woocommerce ul.products li.product:hover{ box-shadow:var(--mn-shadow); transform:translateY(-3px); }
.woocommerce ul.products li.product img{ width:100%; border-radius:var(--mn-radius-sm); aspect-ratio:1/1; object-fit:cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-family:var(--mn-font-body); font-weight:700; font-size:14.5px; color:var(--mn-blue-900);
}
.woocommerce ul.products li.product .price{ font-weight:800; color:var(--mn-blue-800); }
.woocommerce ul.products li.product .price del{ color:var(--mn-muted); font-weight:500; opacity:.8; }
.woocommerce ul.products li.product .price ins{ text-decoration:none; color:var(--mn-red); }
.woocommerce ul.products li.product .button{
	background:var(--mn-blue-700); color:var(--mn-white); border-radius:999px; font-weight:700;
	padding:10px 16px; margin-top:10px;
}
.woocommerce ul.products li.product .button:hover{ background:var(--mn-blue-800); }
.woocommerce ul.products li.product .onsale{
	background:var(--mn-red); color:var(--mn-white); font-weight:800; font-size:12px;
	min-height:auto; min-width:auto; line-height:1; padding:6px 10px; border-radius:6px;
	top:10px; right:10px; left:auto;
}

/* الأقسام الفرعية أعلى صفحة التصنيف (تُعرض تلقائياً من ووكومرس) */
.woocommerce ul.products li.product-category{
	background:var(--mn-blue-50);
	border:1px solid var(--mn-border);
	border-radius:var(--mn-radius);
	padding:16px 14px;
	text-align:center;
	transition:.2s;
}
.woocommerce ul.products li.product-category:hover{ box-shadow:var(--mn-shadow); transform:translateY(-3px); }
.woocommerce ul.products li.product-category img{
	width:100%;
	border-radius:var(--mn-radius-sm);
	aspect-ratio:1/1;
	object-fit:cover;
}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title{
	font-family:var(--mn-font-display);
	font-weight:800;
	font-size:15px;
	color:var(--mn-blue-900);
	margin-top:10px;
}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count{
	display:inline-block;
	margin-inline-start:4px;
	font-size:12.5px;
	font-weight:600;
	color:var(--mn-muted);
	background:none;
}
.woocommerce nav.woocommerce-pagination ul{ border:none; gap:6px; display:flex; }
.woocommerce nav.woocommerce-pagination ul li{ border:none; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
	border-radius:8px !important; border:1px solid var(--mn-border) !important; color:var(--mn-blue-800);
}
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--mn-blue-700); color:var(--mn-white); }

.woocommerce div.product .woocommerce-tabs ul.tabs li{ border-radius:8px 8px 0 0; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	background:var(--mn-blue-700); color:var(--mn-white); border-radius:999px; font-weight:700; border:none;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
	background:var(--mn-blue-800); color:var(--mn-white);
}
.woocommerce span.onsale{ background:var(--mn-red); }
.woocommerce-message, .woocommerce-info{ border-top-color:var(--mn-blue-700); }
.woocommerce-message::before, .woocommerce-info::before{ color:var(--mn-blue-700); }
.woocommerce-error{ border-top-color:var(--mn-red); }
.woocommerce-error::before{ color:var(--mn-red); }

/* ==========================================================================
   14) استجابة عامة إضافية
   ========================================================================== */
@media (max-width:560px){
	.mn-section{ padding:30px 0; }
	.mn-section-title{ font-size:19px; }
	.container{ padding:0 14px; }
}