/* Mozzat — Mobile products accordion styles */

/* السماح بالتمرير داخل قائمة الجوال كاملة */
#mobile-menu{ overflow-y:auto; -webkit-overflow-scrolling:touch; height:100vh; max-height:100vh; padding-bottom:60px; }

.mob-products{ margin:16px 0 0; }

.mob-products-btn{
  width:100%; display:flex; align-items:center; justify-content:center; gap:10px;
  background:none; border:none; cursor:pointer; padding:20px 32px;
  font-family:inherit; font-size:1.25rem; font-weight:400; color:#628185;
}
.mob-products-btn .mob-caret{ width:20px; height:20px; transition:transform .25s ease; }
.mob-products.open > .mob-products-btn .mob-caret{ transform:rotate(180deg); }

/* جسم القائمة (التصنيفات) */
.mob-products-body{
  max-height:0; overflow:hidden; transition:max-height .35s ease;
  background:rgba(98,129,133,.04); border-radius:14px; margin:0 12px;
}
.mob-products.open > .mob-products-body{ max-height:2000px; overflow-y:auto; }

/* تصنيف واحد */
.mob-cat{ border-bottom:1px solid rgba(98,129,133,.12); }
.mob-cat:last-child{ border-bottom:none; }
.mob-cat-btn{
  width:100%; display:flex; align-items:center; justify-content:space-between;
  background:none; border:none; cursor:pointer; padding:16px 22px;
  font-family:inherit; font-size:1.05rem; font-weight:600; color:#4f6b6e;
}
.mob-cat-btn .mob-caret{ width:17px; height:17px; transition:transform .25s ease; flex:0 0 auto; }
.mob-cat.open .mob-cat-btn .mob-caret{ transform:rotate(180deg); }

/* منتجات التصنيف */
.mob-cat-body{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
.mob-cat.open .mob-cat-body{ max-height:1600px; overflow-y:auto; padding-bottom:8px; }

.mob-cat-all{
  display:block; padding:11px 26px; font-size:.92rem; font-weight:700;
  color:#c08a6f; text-decoration:none;
}
.mob-group-hd{
  padding:10px 20px 8px; margin:6px 12px 0; font-size:.82rem; font-weight:700; letter-spacing:.3px;
  color:var(--mob-green, #4f6b6e); background:rgba(98,129,133,.10); border-radius:10px;
  text-align:start;
}
/* منتجات المجموعة في عمودين */
.mob-prod-links{
  display:grid; grid-template-columns:repeat(2,1fr); gap:2px 6px; padding:6px 12px 4px;
}
.mob-prod-link{
  display:block; padding:10px 14px; font-size:.9rem; color:#5E7775;
  text-decoration:none; text-align:start; transition:background .15s; border-radius:8px;
}
.mob-prod-link:active, .mob-prod-link:hover{ background:rgba(98,129,133,.08); }

/* RTL */
html[dir="rtl"] .mob-group-hd,
html[dir="rtl"] .mob-prod-link,
html[dir="rtl"] .mob-cat-all{ text-align:right; }

/* ===== أيقونات السوشيال في قائمة الجوال: أحجام ومسافات متساوية ===== */
#mobile-menu .mob-socials{
  display:flex !important; justify-content:center !important; align-items:center !important;
  gap:24px !important; margin-top:32px !important; direction:ltr !important; flex-wrap:nowrap !important;
}
#mobile-menu .mob-socials a{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:42px !important; height:42px !important; flex:0 0 42px !important; padding:0 !important; margin:0 !important;
}
#mobile-menu .mob-soc-icon{
  width:42px !important; height:42px !important; max-width:42px !important; max-height:42px !important; display:block !important;
}
/* توحيد أيقونات X و WhatsApp (span مع خلفية) مع الصور */
#mobile-menu .mob-socials .ic-x, #mobile-menu .mob-socials .ic-wa{
  width:42px !important; height:42px !important; max-width:42px !important; max-height:42px !important;
  background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important;
  display:block !important;
}

/* ===== أيقونات الفوتر (ديسكتوب): مسافات منتظمة ومريحة ===== */
.footer-socials{
  display:flex; align-items:center; gap:18px;
}
.footer-socials a{
  display:inline-flex; align-items:center; justify-content:center; padding:0; margin:0;
}
.footer-socials .ic-x, .footer-socials .ic-wa{
  display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center;
}