/* Mazen Site Fixes 1.3.4 */

/* ظهور تدريجي أسرع، ولا فراغ أبيض أثناء التمرير */
.js .reveal{transition:opacity .45s ease,transform .45s ease;transform:translateY(12px)}
.js .reveal.in{transform:none}

/* تباين أوضح */
.kpi .from{color:#6b7280;text-decoration-color:#9aa0aa}
.kpi .vals .arrow{color:var(--accent)}
.ba-tabs button{color:var(--text);font-weight:600;border-color:#d9d2c4}
.ba-tabs button:not([aria-selected="true"]):hover{background:var(--gold-soft)}

/* مساحة لمس مريحة للروابط الصغيرة */
.svc .foot a,.case .proof{display:inline-flex;align-items:center;min-height:44px}

/* زر واتساب العائم: يختفي عند قسم التواصل */
.wa-float{transition:opacity .25s ease,transform .25s ease}
.wa-float.msf-hide{opacity:0;transform:scale(.7);pointer-events:none}

/* قسم اطلب فحصك: بدون أيقونات تواصل، فهي موجودة في التذييل، والتركيز على النموذج */
.contact-info .c-list{display:none!important}

/* 1.2.0: واجهة أبسط */
/* إخفاء العناوين الصغيرة فوق عناوين الأقسام */
.eyebrow{display:none!important}
/* بدون حركة ظهور تدريجي على الديسكتوب أيضا: المحتوى يظهر فورا */
.js .reveal{opacity:1!important;transform:none!important;transition:none!important}

/* زر عرض التفاصيل (يضاف بالجافاسكربت على الجوال) */
.msf-more{display:none}

@media (max-width:768px){
  /* بدون حركة على الجوال: المحتوى يظهر فورا */
  .js .reveal{opacity:1!important;transform:none!important;transition:none!important}

  /* زر واتساب في الجهة المقابلة للنص حتى لا يغطيه */
  .wa-float{inset-inline-start:auto;inset-inline-end:16px;bottom:16px;width:52px;height:52px}

  /* خطوات العمل في شبكة 2×2 */
  .steps{grid-template-columns:repeat(2,1fr)!important;gap:10px}
  .steps>div{padding:16px 14px}

  /* بطاقة صاحب الشهادة في صف مضغوط بدل عمود طويل */
  .tf-side{display:grid!important;grid-template-columns:auto 1fr;column-gap:12px;row-gap:4px;padding:18px 16px!important;text-align:start;align-items:center}
  .tf-side .av-lg{grid-row:span 2;width:52px;height:52px;font-size:1.3rem;margin:0}
  .tf-side b{align-self:end;margin:0}
  .tf-side small{align-self:start;margin:0}
  .tf-side .tf-brands,.tf-side .tf-tag{grid-column:1/-1;justify-self:start;margin-top:8px}

  /* طي التفاصيل الثانوية مع زر لعرضها */
  .case.msf-collapsed .done,
  .case.msf-collapsed .period{display:none}
  .t-feature.msf-collapsed blockquote{max-height:13.5em;overflow:hidden;position:relative}
  .t-feature.msf-collapsed blockquote::after{content:"";position:absolute;inset:auto 0 0 0;height:4em;background:linear-gradient(transparent,var(--card,#fff))}
  .t-feature.msf-collapsed .tf-list{display:none}

  .msf-more{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:6px;padding:0 4px;background:none;border:0;color:var(--accent);font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;align-self:flex-start}
}

/* 1.3.0: قسم النتائج أسهل في القراءة */
#work .lead{color:#3d434f}
#work .case h3{line-height:1.6}
#work .case .tags span{font-size:.8125rem}
#work .case .challenge{font-size:1.0625rem;line-height:1.95;color:#3d434f;max-width:65ch}
#work .case .done{max-width:65ch}
#work .case .done li{font-size:1rem;line-height:1.85;margin-bottom:6px}
#work .kpi>small{font-size:.875rem;line-height:1.6;color:#4b5260}
#work .kpi .vals{align-items:baseline;flex-wrap:nowrap}
#work .kpi .from{text-decoration:none;color:#5b6270}
#work .case .period{font-size:.84rem;line-height:1.85;color:#4b5260;max-width:75ch}
#work .case .privacy{font-size:.8125rem;color:#4b5260}
#work .bar-row .bn,#work .bar-row .bv,#work .bar-key span{font-size:.875rem;color:#3d434f}
#work .bar-row .bv b{color:var(--text,#16181d)}
#work .ba-tabs .title{font-size:.95rem}

@media (max-width:768px){
  /* مؤشر واحد في كل صف: العنوان كامل والقيمتان على سطر واحد */
  #work .case .kpis{grid-template-columns:1fr!important;gap:10px}
  #work .case .kpi .to{font-size:1.5rem}
  #work .case .kpi .from{font-size:1rem}

  /* الرسم البياني: اسم الفرع والأرقام في سطر، والشريط بعرض كامل تحته */
  #work .bar-row{grid-template-columns:1fr auto!important;grid-template-areas:"bn bv" "bt bt";row-gap:6px;margin-bottom:12px}
  #work .bar-row .bn{grid-area:bn}
  #work .bar-row .bv{grid-area:bv;justify-self:end;white-space:nowrap}
  #work .bar-row .bt{grid-area:bt;width:100%}
}

/* 1.3.4: سهم صغير بجانب نص زر التفاصيل */
.msf-more .msf-arrow{font-size:1.1em;line-height:1;position:relative;top:-.15em}