/* Add custom CSS styles below */ 
/* ==================================================
   Celia - Reviews (Fix inner box + hide avatar)
   - No box inside box
   - Hide avatar (img/svg/background-image)
   - Tajawal font
   - Font smaller by ~2 steps
   ================================================== */

section.s-block.s-block--custom-reviews {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.s-block.s-block--custom-reviews img {
  display: none;
}

/* تحميل خط Tajawal */
@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap");

/* نمسك نص التقييم بالطريقة الآمنة (حسب الكلاسات اللي عندك) */
p[class*="text-store-text-primary"][class*="leading-6"][class*="text-sm"]{
  font-family: "Tajawal", sans-serif !important;
  font-size: 16px !important;      /* تصغير درجتين تقريباً */
  line-height: 1.9 !important;
  text-align: center !important;
  margin: 0 !important;
}

/* (1) البوكس الداخلي اللي ماسك النص — نشيله تماماً */
div:has(> p[class*="text-store-text-primary"][class*="leading-6"][class*="text-sm"]){
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* (2) الكارد الخارجي الحقيقي — نخليه هو البوكس الوحيد */
div:has(> div:has(> p[class*="text-store-text-primary"][class*="leading-6"][class*="text-sm"])){
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.07) !important;
  padding: 20px 18px 18px !important;
  overflow: hidden !important;
  font-family: "Tajawal", sans-serif !important;
}

/* توسيط الاسم */
div:has(> div:has(> p[class*="text-store-text-primary"][class*="leading-6"][class*="text-sm"])) h3,
div:has(> div:has(> p[class*="text-store-text-primary"][class*="leading-6"][class*="text-sm"])) h4{
  font-family: "Tajawal", sans-serif !important;
  text-align: center !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  margin-top: 10px !important;
}

/* توسيط النجوم */
div:has(> div:has(> p[class*="text-store-text-primary"][class*="leading-6"][class*="text-sm"])) .flex.items-center{
  justify-content: center !important;
  gap: 4px !important;
rtant;


/* لو فيه مساحة محجوزة للصورة (فلكس يمين) نخليها بالوسط */
div:has(> div:has(> p[class*="text-store-text-primary"][class*="leading-6"][class*="text-sm"])) .flex{
  justify-content: center !important;
/* === Reviews: hide customer avatar (Celia) === */
div.flex.items-center.mt-6.-mx-2 > img.object-cover.mx-2.rounded-full.w-14.h-14{
  display: none !important;
}

/* احتياط لو اختلاف بسيط بالكلاسات */
div.flex.items-center.mt-6.-mx-2 img[class*="object-cover"][class*="rounded-full"][class*="w-14"][class*="h-14"]{
  display: none !important;
}

/* يلغي السالب مارجن اللي كان يسبب توسعة/فراغ */
div.flex.items-center.mt-6.-mx-2{
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-content: center !important;
  gap: 10px !important;
}