/* استيراد الخط 'Tajawal' من Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@700&display=swap');

/* تطبيق الخط 'Tajawal' على العنصر header */
header {
    font-family: 'Tajawal', sans-serif;
}

/* إضافة أنماط CSS المخصصة أدناه */
.btn {
    display: inline-flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: .375rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .625rem;
    padding-top: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    background: #d79320;
}

.s-button-primary-outline {
    fill: #414042;
    color: #ffffff;
    background: #d79320;
}

.footer-is-custom .store-footer .footer-bottom {
    background-color: #d79320;
}



.menu-buttons {
  display: none;
  justify-content: space-between;
  margin-top: 10px;
}


@media (max-width: 768px) {
  .menu-buttons {
    display: flex;
  }
  
  .menu-btn {
    padding: 10px;
    background-color: gray;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 5px;
  }

  .menu-btn:hover {
    background-color: darkgray;
  }
}


.mm-spn.mm-spn--navbar.mm-spn--main:where([dir="rtl"], [dir="rtl"] *)::after {
  content: "";
  display: block;
 
}

/* إظهار الأزرار بعد هذا الكود */
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir="rtl"], [dir="rtl"] *) + .menu-buttons {
  display: flex; /* إظهار الأزرار */
}