/* Add /* الخلفية الأساسية للمتجر والفوتر */
html,
body,
.app-inner,
.store-footer,
.store-footer__inner {
  background-color: #ECE9E2 !important;
}

/* الخط واللون للنصوص الأساسية */
body {
  font-family: "GhaithSans-Medium", sans-serif;
  font-weight: 500;
  color: #000000;
}

body :is(h1, h2, h3, h4, h5, h6, p, label, summary) {
  font-family: "GhaithSans-Medium", sans-serif !important;
  font-weight: 500 !important;
  color: #000000 !important;
}

body :is(button, input, select, textarea) {
  font-family: "GhaithSans-Medium", sans-serif;
}custom CSS styles below */ 
/* تكبير خفيف مع مرور الماوس */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :is(button, a.btn, a[role="button"]):not(:disabled):not([aria-disabled="true"]),
  main img {
    transition: scale 200ms ease-out;
  }

  :is(button, a.btn, a[role="button"]):not(:disabled):not([aria-disabled="true"]):hover {
    scale: 1.03;
  }

  main img:hover {
    scale: 1.02;
  }
}
/* خلفية شريط التواصل وقائمة التنقّل */
.store-header .top-navbar,
.store-header .main-nav-container,
.store-header #mainnav {
  background-color: #ECE9E2 !important;
}

/* خط ولون نصوص الهيدر */
.store-header :is(a, button, input, label) {
  font-family: "GhaithSans-Medium", sans-serif !important;
  font-weight: 500 !important;
  color: #000000 !important;
}

/* ظل خفيف لتحت، على الحافة السفلية للقائمة */
.store-header .main-nav-container {
  box-shadow: 0 6px 10px -7px rgba(0, 0, 0, 0.25);
}
.store-header .top-navbar {
  background-color: #E4E0D8 !important;
}