/* Add custom CSS styles below */ 
:root {

  /* Grays */
  --gray-950: #0B0F14;
  --gray-900: #111827;
  --gray-800: #1F2933;
  --gray-700: #374151;
  --gray-600: #4B5563;
  --gray-500: #6B7280;
  --gray-400: #9CA3AF;
  --gray-300: #D1D5DB;
  --gray-200: #E5E7EB;
  --gray-100: #F3F4F6;
  --gray-50:  #F9FAFB;
  --white:    #FFFFFF;

  /* Teal Accent */
  --teal-900: #0F3D3E;
  --teal-700: #0F766E;
  --teal-500: #14B8A6;
  --teal-300: #5EEAD4;
  --teal-100: #CCFBF1;

}

/* إظهار زر محتوى المنتج الرقمي فقط داخل تفاصيل الطلب */
a[href*="/orders/digital/"] {
  background-color: #0F766E !important;
  color: #FFFFFF !important;
  border: 1px solid #0F766E !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 18px !important;
  min-height: 36px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* لون النص أو الأيقونة داخل الزر */
a[href*="/orders/digital/"] * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* عند تمرير الماوس */
a[href*="/orders/digital/"]:hover {
  background-color: #0B5F59 !important;
  border-color: #0B5F59 !important;
  color: #FFFFFF !important;
  }

/* إظهار زر تقييم المنتج فقط */
a[href*="/orders/rating"],
a[href*="/orders/ratings"],
a[href*="/orders/review"],
a[href*="/orders/reviews"],
a[href*="/products/rating"],
a[href*="/products/review"],
a[href*="/ratings"],
a[href*="/reviews"] {
  background-color: #0F766E !important;
  color: #FFFFFF !important;
  border: 1px solid #0F766E !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 18px !important;
  min-height: 36px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* النص والأيقونات داخل زر التقييم */
a[href*="/orders/rating"] *,
a[href*="/orders/ratings"] *,
a[href*="/orders/review"] *,
a[href*="/orders/reviews"] *,
a[href*="/products/rating"] *,
a[href*="/products/review"] *,
a[href*="/ratings"] *,
a[href*="/reviews"] * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* عند تمرير الماوس على زر التقييم */
a[href*="/orders/rating"]:hover,
a[href*="/orders/ratings"]:hover,
a[href*="/orders/review"]:hover,
a[href*="/orders/reviews"]:hover,
a[href*="/products/rating"]:hover,
a[href*="/products/review"]:hover,
a[href*="/ratings"]:hover,
a[href*="/reviews"]:hover {
  background-color: #0B5F59 !important;
  border-color: #0B5F59 !important;
  color: #FFFFFF !important;
}