/* ══════════════════════════════════════════════════════════════════
   mizan-polish.css — لمسات صقل مشتركة بهوية ميزان (آمنة على كل الصفحات)
   تعتمد على متغيرات الهوية إن وُجدت، ومع بدائل احتياطية.
   ══════════════════════════════════════════════════════════════════ */

/* تمرير أنعم */
html{ scroll-behavior:smooth; }

/* تحديد النص بلون الهوية */
::selection{ background:rgba(15,76,69,.16); color:inherit; }

/* حلقة تركيز أنيقة (وصولية + رقيّ) */
:focus-visible{
  outline:2px solid var(--gold, #C9A227);
  outline-offset:2px;
  border-radius:6px;
}

/* شريط تمرير رفيع بلون الهوية (WebKit) */
*::-webkit-scrollbar{ width:11px; height:11px; }
*::-webkit-scrollbar-thumb{
  background:rgba(15,76,69,.28);
  border-radius:10px;
  border:3px solid transparent;
  background-clip:content-box;
}
*::-webkit-scrollbar-thumb:hover{ background:rgba(15,76,69,.45); background-clip:content-box; }
*::-webkit-scrollbar-track{ background:transparent; }

/* إحساس ضغط خفيف على الأزرار والروابط الزرّية */
button:active, .btn:active, a.btn:active, .plan:active{ transform:translateY(1px); }

/* ── زخرفة الميزان الخفيّة (تُستخدم داخل هيدر/هيرو موضوع position:relative) ── */
.hero-motif{
  position:absolute; top:50%; left:50%;
  transform:translate(-50%,-48%);
  width:440px; height:440px; max-width:70vw;
  pointer-events:none; opacity:.045; z-index:0;
}
[data-theme="dark"] .hero-motif{ opacity:.08; }

/* ── تأثير رفع ذهبي للكروت التفاعلية (opt-in عبر class="polish-hover") ── */
.polish-hover{
  transition:transform .38s cubic-bezier(.2,.7,.3,1), box-shadow .38s, border-color .38s;
  will-change:transform;
}
.polish-hover:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 52px rgba(15,76,69,.13), 0 0 0 1px rgba(201,162,39,.18);
}
/* إن كان بالكرت أيقونة ‎.ic‎ تتحوّل ذهبية عند التمرير */
.polish-hover .ic{ transition:.38s; }
.polish-hover:hover .ic{ background:linear-gradient(135deg,#C9A227,#DDBE55); box-shadow:0 10px 22px rgba(201,162,39,.30); }
.polish-hover:hover .ic svg{ stroke:#fff; }

/* ── ظهور تدريجي آمن (يبقى المحتوى ظاهراً إن تعطّل JS) ── */
.js-reveal{ opacity:1; }                     /* الافتراضي: ظاهر */
html.js-on .js-reveal{                        /* يُفعّل فقط بعد تشغيل JS */
  opacity:0; transform:translateY(20px);
  transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);
}
html.js-on .js-reveal.in{ opacity:1; transform:none; }

/* احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .polish-hover, .polish-hover .ic{ transition:none; }
  .reveal, html.js-on .js-reveal{ opacity:1 !important; transform:none !important; }
}

/* ── إصلاح رابط الشعار في هيدر الاستشارة: إزالة تسطير/لون الرابط + مسافة عن المسار ── */
a.brand{ text-decoration:none; }
a.brand:hover, a.brand:visited{ text-decoration:none; }
.brand b{ color:var(--emerald); }
.bar .crumb{ margin-inline-start:22px; }
