/* ثيم alkabos — قواعد صفحة الهبوط ‎main.php‎ وحدها.
 *
 * كل محدّد هنا مسبوق بـ‎body.ak-home‎ (الصنف الذي تضعه ‎main.php‎ على ‎<body>‎).
 * السبب عمليّ لا تجميليّ: الغلاف يحمّل كل ‎pages/*.css‎ مع كل صفحة، فقاعدة بلا
 * نطاق مثل ‎.card{...}‎ تعيد تنسيق صفحات مجموعة أخرى — وقد حدث ذلك مرارًا.
 *
 * ما في هذا الملفّ ثلاثة أنواع لا رابع:
 *   ١) كتلة ‎<style>‎ الثانية من ‎_tpl/guest/index.html‎ (تعديل المالك السابق على
 *      البطل) — منقولة هنا مرّة واحدة بدل تكرارها في الصفحة، وبلا الاتجاهات
 *      المخبوزة: ‎direction:rtl‎ و‎text-align:right‎ و‎border-right‎ صارت خصائص
 *      منطقيّة تتبع ‎gf_dir()‎، وإلّا انقلب البطل كلّه في الإنجليزية.
 *      ولم يُنقل من تلك الكتلة: ‎.top-header-nav‎ (لا ترميز له عندنا) وقائمة
 *      ‎display:none!important‎ التي تُخفي ‎.menu-toggle‎ و‎header nav ul‎ — كانت
 *      ترقيعًا لشريط ثيم سابق، ونسخُها هنا يقتل قائمة الجوال في شريطنا.
 *   ٢) ما ينقص ورقةَ القالب فعلًا لعقودٍ نستعملها (شبكة الآراء، ‎.counters h2‎،
 *      سقف ‎accordion-body‎، ألوان ‎.icon-box‎ المسمّاة).
 *   ٣) حارس ‎AOS‎.
 */

/* ============ ١) البطل ============ */
body.ak-home .hero {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 42%, rgba(229, 9, 20, .14), transparent 27%),
    radial-gradient(circle at 14% 55%, rgba(229, 9, 20, .08), transparent 24%),
    #000000;
  border-bottom: 1px solid rgba(229, 9, 20, .55);
}
body.ak-home .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0, 0, 0, .88) 0%, transparent 50%, rgba(0, 0, 0, .38) 100%);
}
/* ‎> .content‎ لا ‎.content‎: الصفحة تلفّ متنها كلّه في ‎div.content‎ كما يفعل
   ‎_guest_head.php‎، ومحدّد النسل كان سيمسك الاثنين. */
body.ak-home .hero > .content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(310px, .7fr);
  align-items: center;
  gap: clamp(42px, 7vw, 100px);
  min-height: 520px;
  padding-top: 34px;
  padding-bottom: 34px;
}
body.ak-home .hero .text {
  max-width: 660px;
  justify-self: end;
  text-align: start;
}
body.ak-home .hero .badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid rgba(229, 9, 20, .42);
  border-radius: 999px;
  color: #ff3841;
  background: rgba(229, 9, 20, .09);
  font-size: 14px;
  font-weight: 700;
}
body.ak-home .hero h1 {
  margin: 18px 0 14px;
  color: #ffffff;
  font-size: clamp(30px, 3.6vw, 44px);
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -.8px;
  text-shadow: 0 3px 22px rgba(0, 0, 0, .6);
}
body.ak-home .hero .text > p {
  color: #9da6b7;
  max-width: 560px;
  margin-bottom: 26px;
}
/* الورقة تضع ‎border-right‎ على ‎.hero .stats‎ نفسها؛ التصميم يضعه على كل عنصر. */
body.ak-home .hero .stats {
  display: flex;
  justify-content: flex-start;
  gap: 32px;
  margin: 22px 0 26px;
  border: 0;
  padding: 0;
}
body.ak-home .hero .stats .item {
  min-width: 78px;
  padding-inline-start: 15px;
  border-inline-start: 2px solid #E50914;
}
body.ak-home .hero .stats .item h3 {
  margin: 0 0 2px;
  color: #ffffff;
  font-size: 23px;
  font-weight: 800;
}
body.ak-home .hero .stats .item p {
  margin: 0;
  color: #9da6b7;
  font-size: 13px;
}
body.ak-home .hero .btn.btn-primary {
  min-width: 162px;
  padding: 13px 20px;
  border: 1px solid #E50914;
  border-radius: 9px;
  color: #ffffff;
  background: #E50914;
  box-shadow: 0 8px 22px rgba(229, 9, 20, .27);
  font-weight: 800;
}
body.ak-home .hero .btn.btn-primary:hover {
  background: #ff1a25;
  border-color: #ff1a25;
  transform: translateY(-2px);
}
/* بطاقة الدخول: الورقة تعرّف ‎.hero .card‎ بلا خلفية إطلاقًا — بدون هذه القاعدة
   يقف النموذج على خلفية البطل شفّافًا. */
body.ak-home .hero > .content > .card {
  width: 100%;
  max-width: 370px;
  justify-self: start;
  padding: 34px 36px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  color: #ffffff;
  background: linear-gradient(145deg, #171717 0%, #0b0b0b 100%);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .52), 0 0 0 1px rgba(229, 9, 20, .06);
}
body.ak-home .hero .form-header { margin-bottom: 24px; text-align: center; }
body.ak-home .hero .form-header h3 { margin: 0 0 5px; color: #ffffff; font-size: 25px; font-weight: 800; }
body.ak-home .hero .form-header p  { margin: 0; color: #a5adbd; font-size: 14px; }

body.ak-home .hero .card .input-group {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
/* الورقة تثبّت ‎right:15px‎ للأيقونة — تقف فوق النصّ في الإنجليزية. */
body.ak-home .hero .card .input-group i {
  position: absolute;
  z-index: 1;
  inset-inline-end: 15px;
  inset-inline-start: auto;
  top: 50%;
  transform: translateY(-50%);
  color: #778196;
}
body.ak-home .hero .card .input-group input {
  width: 100%;
  height: 48px;
  padding-block: 0;
  padding-inline: 44px 14px;
  border: 1px solid #30394a;
  border-radius: 9px;
  outline: none;
  color: #ffffff;
  background: #273143;
  font-weight: 600;
  transition: .2s ease;
}
body.ak-home .hero .card .input-group input::placeholder { color: #8d97a8; }
body.ak-home .hero .card .input-group input:focus {
  border-color: #E50914;
  box-shadow: 0 0 0 3px rgba(229, 9, 20, .18);
}
body.ak-home .hero .form-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 4px 0 18px;
  color: #b6becd;
  font-size: 13px;
}
body.ak-home .hero .form-options label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
body.ak-home .hero .form-options a { color: #ff3039; font-weight: 700; }
body.ak-home .hero .form-options input { accent-color: #E50914; margin: 0; }
body.ak-home .hero .card .btn-block { width: 100%; min-height: 48px; border-radius: 9px; }
/* الورقة ترسم الفاصل بـ‎border-bottom‎؛ التصميم بشريط ‎1px‎ — نصفّر الأوّل. */
body.ak-home .hero .divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 21px 0;
  color: #a0a7b4;
  font-size: 12px;
}
body.ak-home .hero .divider::before,
body.ak-home .hero .divider::after {
  content: "";
  flex: 1;
  height: 1px;
  border: 0;
  background: #2b2b2b;
}
body.ak-home .hero .google_login { display: flex; justify-content: center; }
/* ‎.btn-secondary‎ في الورقة تحمل ‎margin-left:10px‎ — تزيح زرًّا بعرض كامل. */
body.ak-home .hero .card .btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .04);
  color: #ffffff;
  font-weight: 700;
}
body.ak-home .hero .card .btn-secondary:hover { background: rgba(255, 255, 255, .09); }
body.ak-home .hero .card .tfa-actions { display: flex; gap: 10px; }
body.ak-home .hero .card .tfa-actions .btn { flex: 1; min-height: 48px; border-radius: 9px; }
/* ‎.alert‎ في الورقة تثبّت ‎right‎ لزرّ الإغلاق ولا تعرف بطاقة بعرض 370. */
body.ak-home .hero .card .alert { margin-bottom: 16px; padding: 12px 14px; text-align: start; }

@media (max-width: 850px) {
  body.ak-home .hero { min-height: auto; }
  body.ak-home .hero > .content {
    grid-template-columns: 1fr;
    gap: 30px;
    min-height: auto;
    padding: 54px 22px;
  }
  body.ak-home .hero .text { justify-self: stretch; text-align: center; }
  body.ak-home .hero .stats { justify-content: center; }
  body.ak-home .hero .stats .item { border-inline-start: 0; padding-inline-start: 0; }
  body.ak-home .hero > .content > .card { justify-self: center; }
}
@media (max-width: 480px) {
  body.ak-home .hero > .content { padding: 40px 16px; }
  body.ak-home .hero h1 { font-size: 32px; }
  body.ak-home .hero .stats { gap: 18px; }
  body.ak-home .hero > .content > .card { padding: 28px 20px; }
}

/* ============ ٢) ما ينقص ورقةَ القالب ============ */

/* شريط المنصّات: الحركة لا تتوقّف أبدًا في الورقة. */
body.ak-home .platforms__track:hover { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  body.ak-home .platforms__track { animation: none; }
}

/* أيقونات بطاقات الخدمات: القالب يسمّي ‎.icon-box.facebook‎ وأخواتها ولا قاعدة
   لأيٍّ منها في أي ورقة من أوراق هذا الثيم (‎.primary/.orange/.success/.info/
   .tele‎ وحدها معرّفة) — فالأيقونات الأربع كانت ستخرج بلون واحد باهت. */
body.ak-home .services .icon-box.facebook  { color: #1877f2; }
body.ak-home .services .icon-box.instagram { color: #e1306c; }
body.ak-home .services .icon-box.tiktok    { color: var(--text-main); }
body.ak-home .services .icon-box.youtube   { color: #ff0000; }
body.ak-home .services .card:hover .icon-box {
  background: var(--main-color);
  color: #ffffff;
}
body.ak-home .services .link-arrow:hover { background: var(--main-opacity); }

/* جدول الأسعار: الورقة تثبّت ‎text-align:right‎ و‎margin-left‎ — ينقلبان في LTR. */
body.ak-home .pricing .services-table { text-align: start; }
body.ak-home .pricing .text-main { margin-left: 0; margin-inline-end: 10px; }

/* العدّادات: قاعدة الرقم الكبير في الورقة مكتوبة ‎.counter .item h2‎ بالمفرد،
   والقسم اسمه ‎.counters‎ — فلا تُطابق شيئًا وتخرج الأرقام بحجم فقرة. */
body.ak-home .counters .item h2 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--main-color);
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  body.ak-home .counters .item h2 { font-size: 34px; }
}

/* الآراء: القالب شريحة ‎swiper‎ ولا قاعدة واحدة لـ‎.swiper‎ في أوراق هذا الثيم،
   ولا حزمة لها في الغلاف — فالشرائح شبكة، وبطاقاتها بطاقات القالب نفسها. */
body.ak-home .ak-reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}
/* ‎border-right‎ في الورقة: الشريط الأحمر ينتقل إلى الطرف الخطأ في الإنجليزية. */
body.ak-home .testimonials .card {
  border-right: 0;
  border-inline-start: 5px solid var(--main-color);
}
body.ak-home .testimonials .card p { color: var(--text-light); }
body.ak-home .testimonials .stars { display: flex; gap: 3px; }
body.ak-home .testimonials .stars .star { color: #f59e0b; }
body.ak-home .testimonials .stars .star.off { opacity: .25; }

/* الأكورديون: سقف الورقة ‎max-height:150px‎ مقصوص على نصّ القالب القصير، وأجوبتنا
   أطول — كان الجواب يُقصّ عند فتحه. */
body.ak-home .faq .accordion-item.active .accordion-body { max-height: 420px; }
body.ak-home .faq .accordion-header i { transition: transform .3s ease; }

/* ============ ٣) حارس AOS ============ */
/* ورقة ‎aos.css‎ تُخفي كل ‎[data-aos]‎ حتى تضيف الحزمةُ ‎.aos-init‎؛ لو لم تصل
   الحزمة (شبكة، حاجب) اختفى نصف الصفحة بلا أثر. هذه القاعدة تُظهر ما لم يصله
   ‎.aos-init‎ وحده، فلا تلمس الحركة حين تعمل الحزمة. */
body.ak-home [data-aos]:not(.aos-init) {
  opacity: 1;
  transform: none;
}
