/* ========================= */
/* ✅ Buttons Styling (ستايل ديال جميع الأزرار) */
/* ========================= */
button:not(.wprm-recipe-adjustable-servings),
input[type="submit"],
.wp-block-button__link,
a.button,
.wp-block-button a,
.wp-block-button > .wp-block-button__link {
  background: #b4688d !important; /* لون الخلفية */
  color: #f9fafd !important; /* لون النص */
  font: bold 18px "Source Sans 3", sans-serif; /* نوع الخط وحجمه */
  padding: 15px 18px; /* مسافة داخلية */
  border: 3px solid #1a1a1a !important; /* حدود الزر */
  border-radius: 100px !important; /* زوايا مدورة */
  box-shadow: 5px 6px 0 #4f364b; /* ظل */
  cursor: pointer; /* المؤشر ديال الفأرة */
  text-decoration: none !important; /* إزالة التزيين من النص */
  transition: transform 0.2s ease, box-shadow 0.2s ease; /* تأثير الحركات */
  position: relative;
  z-index: 10;
  display: inline-block;
  text-align: center;
  transform: scale(1); /* الحجم الافتراضي */
}

/* ✅ تأثير Hover على الأزرار */
button:not(.wprm-recipe-adjustable-servings):hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
a.button:hover,
.wp-block-button a:hover {
  background: #4f364b !important; /* تغير لون الخلفية */
  transform: scale(0.93); /* تصغير الزر قليلاً */
  box-shadow: none; /* إزالة الظل */
  opacity: 0.95; /* تقليل الشفافية شوية */
}

/* ✅ تأثير Active (ملي تضغط على الزر) */
button:not(.wprm-recipe-adjustable-servings):active,
input[type="submit"]:active,
.wp-block-button__link:active,
a.button:active,
.wp-block-button a:active {
  background: #fff !important; /* لون الخلفية */
  transform: scale(0.95); /* تصغير أقل */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* ظل صغير */
}