/* الحركة المشتركة لكل الصفحات: انتقالات سلسة بين الصفحات، وظهور تدريجي للمحتوى، وإحساس بالضغط. تُعطَّل كلها مع «تقليل الحركة». */

/* ---- انتقال بين الصفحات (Chrome وEdge وSafari الحديثة): تلاشٍ مع ارتفاع خفيف، والترويسة والشريط السفلي ثابتان ---- */
@view-transition{navigation:auto}
header,.topbar{view-transition-name:chrome-top}
.bnav{view-transition-name:chrome-bottom}
.side{view-transition-name:chrome-side}
::view-transition-old(root){animation:vt-out .18s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vt-in .38s cubic-bezier(.16,1,.3,1) both}
::view-transition-group(chrome-top),::view-transition-group(chrome-bottom),::view-transition-group(chrome-side){animation-duration:.25s}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px) scale(.995)}}
@keyframes vt-in{from{opacity:0;transform:translateY(16px) scale(.995)}}

/* ---- المتصفحات التي لا تدعم الانتقال المباشر: خروج سريع ثم دخول بالحركة نفسها (motion.js يضع الصنفين) ---- */
@keyframes pagein{from{opacity:0;transform:translateY(14px)}}
.no-xvt main,.no-xvt .c{animation:pagein .45s cubic-bezier(.16,1,.3,1) backwards}
.vt-leave body{opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}

/* ---- ظهور المحتوى: يرتفع بلطف عند دخوله الشاشة ---- */
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
@supports (animation-timeline:view()){
  .lc,.mc,.cc,.pg2,.day,.box.rv,.more,.spi,.dchip{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 38%}
}
@supports not (animation-timeline:view()){
  .lc,.mc,.cc,.pg2,.more,.dchip{animation:rise .5s cubic-bezier(.16,1,.3,1) both}
}

/* ---- إحساس اللمس والتحويم ---- */
.btn,.chip,.dchip,.bnav a,.bnav button,.lc,.mc,.more,.cc,.vgo{transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,filter .2s ease}
.btn:active,.chip:active,.dchip:active,.bnav a:active,.bnav button:active,.more:active,.cc:active,.vgo:active{transform:scale(.965)}
@media (hover:hover){
  .lc:hover,.mc:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,73,61,.13)}
  .btn:hover,.chip:hover,.dchip:hover{transform:translateY(-1px)}
}
.bnav [aria-current]{transition:background-color .25s ease,color .25s ease}

/* ---- زر قيد التنفيذ: دوّار صغير ---- */
@keyframes spin{to{transform:rotate(360deg)}}
.busy{position:relative;pointer-events:none;color:transparent!important}
.busy::after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .7s linear infinite}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .lc:hover,.mc:hover,.btn:hover,.chip:hover,.dchip:hover{transform:none}
}