/* Add custom CSS styles below */ 
.store-footer__inner {
  border-bottom-color: rgba(229, 231, 235, 0.7);
  background-color: #00A98F !important; /* أخضر صحي */
}

.navbar-brand img {
  max-height: 120px !important;
  width: auto;
  max-width: min(170px, 36vmin);
}

.s-contacts-icon svg {
  height: 0.875rem;
  width: 0.875rem;
  fill: #ffffff;  /* أبيض */
}

/* ===== Button in header ===== */
#customMenuBtn {
    
  border: none;
  font-size: 40px;
  color: #00A98F;        /*  فيروزي أخضر */
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  z-index: 10001;
}

/* ===== Overlay ===== */
.custom-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
  z-index: 9998;
}
.custom-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* ===== Side menu ===== */
.custom-side-menu {
  position: fixed;
  top: 0;
  right: -340px;               
  width: 320px;
  max-width: 85%;
  height: 100vh;
  background: #00A98F;       /* فيروزي */
  color: #ffffff;            /* أبيض للنصوص */
  transition: right .30s ease;
  z-index: 9999;
  padding: 22px 18px;
  box-shadow: -6px 0 30px rgba(0,0,0,0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
}
.custom-side-menu.active {
  right: 0;
}

/* ===== Close button ===== */
.custom-side-menu .custom-close-btn {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #ffffff;        /* أبيض */
  color: #00A98F;               /* فيروزي */
  border: none;
  font-size: 22px;
  cursor: pointer;
  padding: 6px;
}

/* ===== Logo (يأخذ عرض القائمة) ===== */
.custom-side-menu .custom-logo {
  width: 100%;
  text-align: center;
  margin: 36px 0 18px 0;
}
.custom-side-menu .custom-logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 150px;
  margin-right: 50px;
}

/* ===== Menu links ===== */
.custom-side-menu .custom-menu-links {
  width: 100%;
  padding: 0;
  margin: 6px 0 20px 0;
  list-style: none;
}
.custom-side-menu .custom-menu-links li {
  margin: 8px 0;
}
.custom-side-menu .custom-menu-links li a {
  display: block;
  width: 100%;
  padding: 10px 14px;
  text-align: center;
  color: #ffffff;            /* أبيض */
  text-decoration: none;
  font-weight: 600;
  border-radius: 8px;
  transition: color .18s ease, background-color .18s ease;
}
.custom-side-menu .custom-menu-links li a:hover {
  color: #010101;            /* لون دافئ من لوحة الألوان */
  background: rgba(255,255,255,0.1);
}

/* ===== Responsive tweaks ===== */
@media (max-width: 480px) {
  .custom-side-menu { width: 86%; right: -86%; }
  .custom-side-menu.active { right: 0; }
  .custom-side-menu .custom-logo { margin-top: 30px; }
}

/* إخفاء الزر في الموبايل */
@media (max-width: 767px) {
  #customMenuBtn {
    display: none !important;
  }
}

.s-cart-summary-total {
  font-weight: 600;
  color: #ffffff;
}