/* ============================================================
   SportPower — الحركة: قليلة ومقصودة
   الترويسة عند التمرير، ظهور الأقسام، كلمات العنوان، التبويبات، الأكورديون
   ============================================================ */

/* الترويسة تلتصق وتنضغط قليلًا عند التمرير — لون الهوية الصلب، لا زجاج */
.site-header { transition: box-shadow var(--dur-base) var(--ease-out); }
.site-header.is-scrolled { box-shadow: 0 6px 24px rgba(12, 30, 30, 0.22); }
.site-header.is-scrolled .site-header__inner { padding-block: 9px; }
.site-header.is-scrolled .site-header__logo { height: 28px; }
.site-header__inner, .site-header__logo { transition: padding var(--dur-base) var(--ease-out), height var(--dur-base) var(--ease-out); }
.site-nav a { position: relative; }
.site-nav a::after { content: ""; position: absolute; inset-inline-start: 0; bottom: -6px; width: 0; height: 2px; background: var(--accent); transition: width var(--dur-base) var(--ease-out); }
.site-nav a:hover::after, .site-nav a[aria-current="page"]::after { width: 100%; }

/* الظهور عند التمرير: حركة قصيرة ومتباينة بين الاتجاهات */
.has-motion [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .55s var(--ease-out), transform .55s var(--ease-out); transition-delay: calc(var(--i, 0) * 70ms); }
.has-motion [data-reveal="left"] { transform: translateX(-22px); }
.has-motion [data-reveal="right"] { transform: translateX(22px); }
.has-motion [data-reveal="fade"] { transform: none; }
.has-motion [data-reveal].is-in { opacity: 1; transform: none; }

/* عنوان الواجهة: الأسطر تظهر تباعًا */
.hero__title .word-in { display: inline-block; opacity: 0; transform: translateY(22px); animation: word-in .7s var(--ease-out) forwards; animation-delay: calc(var(--i, 0) * 120ms + 80ms); }
@keyframes word-in { to { opacity: 1; transform: none; } }

/* الأزرار والبطاقات: استجابة خفيفة */
.btn { transition: transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out); }
.btn:active { transform: scale(.98); }
.pkg, .course-card, .product { transition: transform .2s var(--ease-out), border-color .2s; }
.pkg:hover, .course-card:hover, .product:hover { transform: translateY(-3px); }
.product__media img { transition: transform .5s var(--ease-out); }
.product:hover .product__media img { transform: scale(1.04); }
.tier { transition: transform .25s var(--ease-out); }
.tier:hover { transform: translateY(-5px); }
.feature__modules li { transition: padding-inline-start .2s var(--ease-out); }
.feature__modules li:hover { padding-inline-start: 6px; }
.why__list li img { transition: background .2s; }
.why__list li:hover img { background: var(--petrol-500); }

/* التبويبات بمؤشر منزلق */
.tabs { position: relative; display: inline-flex; gap: 2px; padding: 3px; background: var(--bg-surface); border: 1px solid var(--border-subtle); border-radius: 6px; margin-bottom: 20px; }
.tabs [data-tab] { position: relative; z-index: 1; font-family: var(--font-display); font-weight: 700; font-size: var(--text-sm); padding: 8px 16px; border: 0; background: transparent; color: var(--text-body); border-radius: 4px; cursor: pointer; transition: color .2s; white-space: nowrap; }
.tabs [data-tab].is-on { color: #fff; }
.tabs__indicator { position: absolute; top: 3px; left: 0; height: calc(100% - 6px); background: var(--petrol-700); border-radius: 4px; transition: transform .3s var(--ease-out), width .3s var(--ease-out); z-index: 0; }

/* الشريط الثابت والنموذج */
.lead-form .field__input, .lead-form .field__select { transition: border-color .15s, box-shadow .15s; }
.choice__opt { transition: border-color .15s, background .15s, color .15s; }

@media (prefers-reduced-motion: reduce) {
  .has-motion [data-reveal] { opacity: 1; transform: none; transition: none; }
  .hero__title .word-in { animation: none; opacity: 1; transform: none; }
  .btn, .pkg, .course-card, .product, .tier, .tabs__indicator, .acc-item__panel { transition: none; }
}

/* الصور: ظهور بتكبير خفيف بدل الانزلاق */
.has-motion [data-reveal="photo"] { transform: none; }
.has-motion [data-reveal="photo"] img { transform: scale(1.05); transition: transform 1.1s var(--ease-out); }
.has-motion [data-reveal="photo"].is-in img { transform: none; }
.has-motion .hero__figure img { opacity: 0; transform: translateY(24px); animation: word-in .9s var(--ease-out) .25s forwards; }
.team__grid figure img { transition: transform .6s var(--ease-out); }
.team__grid figure:hover img { transform: scale(1.03); }
@media (prefers-reduced-motion: reduce) {
  .has-motion [data-reveal="photo"] img, .has-motion .hero__figure img { transform: none; opacity: 1; animation: none; transition: none; }
}