/* =========================================================
   إخفاءات / تنظيف واجهة
   ========================================================= */

/* إخفاء مربع "ليش تنتظر؟ اطلب الآن" */
.s-quick-order-button-cont {
  display: none !important;
}

/* إخفاء عرض "اشترِ لعبتين..." بالكامل */
.s-block__offer,
salla-offer,
.salla-offer,
.s-block-offer {
  display: none !important;
}

/* إخفاء الخط/المساحة الفارغة داخل صفحة المنتج */
.s-quick-order-container.s-quick-order-default {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* =========================================================
   بطاقات / حدود / ألوان
   ========================================================= */

/* حدود سماوية لبطاقات تصفح الشارك */
.box-img {
  border: 3px solid #00c8ff !important;
  border-radius: 12px !important;
  overflow: hidden;
}

/* تغيير لون الخط المتقطع تحت العنوان إلى سماوي */
.s-product-card-content-subtitle,
.s-product-card-content-subtitle * {
  color: #00c8ff !important;
}

/* =========================================================
   عناوين الأقسام
   ========================================================= */

/* توسيط عناوين الأقسام */
.s-block__title .flex {
  justify-content: center !important;
}

.s-block__title h2 {
  text-align: center !important;
}

/* توسيط عنوان قسم قالوا عن شارك */
.s-slider-block__title {
  justify-content: center !important;
}

.s-slider-block__title-right h2 {
  text-align: center !important;
  width: 100%;
}

/* =========================================================
   زر "عرض كل الألعاب" - تصميم محسّن (Glass)
   ========================================================= */

/* (اختياري) ستايل عام لو ظهر الزر خارج قسم angel-products-2 */
.s-block__display-all {
  display: inline-block;
  background: #ff8a3d !important;
  color: #fff !important;
  padding: 12px 40px !important;
  font-size: 20px !important;
  font-weight: 700;
  border-radius: 18px;
  text-align: center;
  margin: 25px auto 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  transition: 0.25s;
}

.s-block__display-all:hover {
  background: #ff6d00 !important;
  transform: scale(1.05);
}

/* التصميم الأساسي لقسم ألعاب PC (angel-products-2) */
.angel-products-2 .s-block__display-all {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  background: rgba(255, 138, 61, 0.16) !important;
  border: 1px solid rgba(255, 138, 61, 0.35) !important;
  backdrop-filter: blur(8px);

  color: #ffb07a !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;

  font-size: 18px !important;
  font-weight: 800 !important;

  width: fit-content;
  margin: 18px auto 0 !important;

  box-shadow: 0 10px 25px rgba(255, 109, 0, 0.18) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
  text-decoration: none !important;
}

/* Hover للكمبيوتر */
@media (hover: hover) {
  .angel-products-2 .s-block__display-all:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow: 0 14px 35px rgba(255, 109, 0, 0.28) !important;
  }
}

/* =========================================================
   الشريط العلوي المتحرك
   ========================================================= */

.angel-ad,
.angel-ad * {
  font-size: 20px !important;
  line-height: 1.6 !important;
}

/* =========================================================
   زر المكافآت (Walax)
   ========================================================= */

/* شكل زر المكافآت العام */
.header-inner .walax-main-button.medium {
  position: static !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;

  padding: 10px 20px !important;
  font-size: 14px !important;
  border-radius: 12px !important;

  background: #e4863a !important;
  color: #6a1387 !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: auto !important;
  width: auto !important;
}

/* في الجوال والكمبيوتر: الزر الجديد تحت الشعار وفي المنتصف */
.header-inner .walax-main-button.medium {
  display: block !important;
  margin: 10px auto 0 !important;
}

/* تكبير/تصغير بسيط في الجوال */
@media (max-width: 600px) {
  .header-inner .walax-main-button.medium {
    padding: 8px 16px !important;
    font-size: 13px !important;
  }
}

/* إخفاء زر المكافآت الأصلي داخل الصندوق الجانبي شكلياً */
#walax-open-btn .walax-main-button.medium,
#walax-open-button .walax-main-button.medium {
  opacity: 0;
  pointer-events: none;
}

/* =========================================================
   نص "قد يعجبك أيضًا"
   ========================================================= */

/* نخفي النص القديم */
.similar-products h2 {
  font-size: 0 !important;
  text-align: center !important;
}

/* نضيف النص الجديد */
.similar-products h2::before {
  content: "منتجات راح تعجبك كثير 😍";
  font-size: 26px;
  color: #ff8a3d;
  font-weight: 700;
  display: inline-block;
}

/* توسيط العنوان الجديد */
.similar-products h2 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* =========================================================
   تكبير أزرار الأقسام في صفحة الكمبيوتر فقط
   ========================================================= */

@media (min-width: 992px) {
  .btn .text-xxs,
  .btn span {
    font-size: 16px !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
  }
}

/* =========================================================
   زر المحتوى الرقمي داخل تفاصيل الطلب (تحت يسار دائمًا)
   ========================================================= */

.shipping-orders .order-item,
.order-item {
  position: relative !important;
}

.shipping-orders .order-item a.digital-content-btn,
.shipping-orders .order-item a.digital-content-btn-clone,
.shipping-orders .order-item a[href*="/orders/digital/"],
.order-item a.digital-content-btn,
.order-item a.digital-content-btn-clone,
.order-item a[href*="/orders/digital/"] {
  position: static !important;
  display: inline-flex !important;

  margin-top: 10px !important;
  margin-left: 12px !important;
  margin-right: auto !important;

  align-self: flex-start !important;
  z-index: 1 !important;

  padding: 8px 14px !important;
  font-size: 14px !important;
  border-radius: 999px !important;
}
/* حل قسري للتوسيط حتى مع Flex + RTL */
.angel-products-2 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.angel-products-2 .s-block__display-all {
  margin: 18px auto 0 !important;
}
/* توسيط زر "اضغط هنا لعرض كل الألعاب" بالقوة */
a.s-block__display-all,
.angel-products-2 a.s-block__display-all {
  display: block !important;
  width: fit-content !important;
  margin: 18px auto 0 !important;
  text-align: center !important;
}

/* إزالة الخط الوهمي أسفل زر عرض كل الألعاب */
a.s-block__display-all::before,
a.s-block__display-all::after {
  content: none !important;
  display: none !important;
}
/* حدود سماوية لصورة السلايدر - كمبيوتر فقط */
@media (min-width: 992px) {
  .home-slider img,
  .s-slider img,
  .main-slider img {
    border: 3px solid #00c8ff !important;
    border-radius: 16px !important;
    box-shadow: 0 0 18px rgba(0, 200, 255, 0.35) !important;
  }
}
/* خط سماوي فاصل ممتد بعرض الصفحة */
.s-block--angel-products + .s-block--testimonials::before,
.s-block--angel-products + section.s-block--testimonials::before {
  content: "";
  display: block;

  width: 100%;
  height: 2px;

  margin: 40px 0 35px;

  background: linear-gradient(
    90deg,
    transparent 0%,
    #00c8ff 15%,
    #00c8ff 85%,
    transparent 100%
  );

  box-shadow: 0 0 12px rgba(0, 200, 255, 0.55);
}
/* =========================================
   تصفح عالمنا – Gradient + Icon + Breathing
   ========================================= */

/* حركة التنفّس */
@keyframes breatheGlow {
  0% {
    transform: scale(1);
    text-shadow: 0 0 8px rgba(0,200,255,.35);
  }
  50% {
    transform: scale(1.05);
    text-shadow: 
      0 0 16px rgba(0,200,255,.7),
      0 0 28px rgba(255,138,61,.35);
  }
  100% {
    transform: scale(1);
    text-shadow: 0 0 8px rgba(0,200,255,.35);
  }
}

/* العنوان نفسه */
h2.w-full.da-cp{
  width:auto !important;
  display:inline-flex !important;
  align-items:center;
  gap:10px;

  font-size:34px !important;
  font-weight:900 !important;

  background:linear-gradient(90deg,#00c8ff,#ff8a3d);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;

  margin:0 auto 14px !important;
  position:relative;

  animation:breatheGlow 3s ease-in-out infinite;
}

/* =========================================
   تصفح عالمنا – برتقالي × بنفسجي غامق (Neon)
   ========================================= */

/* عنوان تصفح عالمنا – Gradient متحرك أنيق */
h2.w-full.da-cp{
  font-weight: 800;
  font-size: 34px;

  background: linear-gradient(
    90deg,
    #ff8a3d,
    #7a3cff,
    #ff8a3d
  );
  background-size: 300% 100%;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: gradientMove 4s ease-in-out infinite;

  text-align: center;
  letter-spacing: 1px;
}

/* حركة الانسياب */
@keyframes gradientMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
h2.w-full.da-cp{
  position: relative;
  display: inline-block; /* مهم جداً */
}

/* الخط تحت النص مباشرة */
h2.w-full.da-cp::after{
  content:"";
  position: absolute;
  left: 50%;
  bottom: -12px;
  transform: translateX(-50%);

  width: 140px;
  height: 3px;

  background: linear-gradient(
    90deg,
    #ff8a3d,
    #7a3cff,
    #ff8a3d
  );

  border-radius: 3px;
}

/* =========================================================
   تنظيف واجهة
   ========================================================= */

/* إخفاء مربع "ليش تنتظر؟ اطلب الآن" */
.s-quick-order-button-cont {
  display: none !important;
}

/* إخفاء عروض إضافية غير مرغوبة */
.s-block__offer,
salla-offer,
.salla-offer,
.s-block-offer {
  display: none !important;
}

/* =========================================================
   بطاقات + حدود
   ========================================================= */

/* حدود سماوية للصور */
.box-img {
  border: 3px solid #00c8ff !important;
  border-radius: 12px !important;
  overflow: hidden;
}

/* =========================================================
   عنوان "تصفح عالمنا" – Gradient متحرك
   ========================================================= */

h2.w-full.da-cp{
  font-weight: 800;
  font-size: 34px;

  background: linear-gradient(
    90deg,
    #ff8a3d,
    #7a3cff,
    #ff8a3d
  );
  background-size: 300% 100%;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: gradientMove 4s ease-in-out infinite;

  text-align: center;
  letter-spacing: 1px;
}

@keyframes gradientMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* خط تحت العنوان */
h2.w-full.da-cp::after{
  content:"";
  display:block;
  width:140px;
  height:3px;
  margin:12px auto 0;
  background: linear-gradient(
    90deg,
    #ff8a3d,
    #7a3cff,
    #ff8a3d
  );
  border-radius: 3px;
}

/* =========================================================
   أزرار "تصفح عالمنا" فقط (تحت الصور)
   ========================================================= */

/* استهداف سلايدر تصفح عالمنا فقط */
#salla-slider-squares-1 .btn,
#salla-slider-squares-1 a.btn {
  background: rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  color: #bfefff !important;
  border: 1px solid rgba(0,200,255,0.35) !important;

  border-radius: 999px !important;
  padding: 8px 20px !important;

  font-size: 14px !important;
  font-weight: 600 !important;

  transition: all .25s ease;
}

/* Hover هادئ */
@media (hover:hover){
  #salla-slider-squares-1 .btn:hover,
  #salla-slider-squares-1 a.btn:hover{
    background: rgba(0,200,255,0.15) !important;
    color: #ffffff !important;
    box-shadow: 0 0 14px rgba(0,200,255,.35);
    transform: translateY(-2px);
  }
}

/* =========================================================
   حماية أزرار بطاقات المنتجات (أضف للسلة)
   ========================================================= */

.s-product-card .btn,
.s-product-card a.btn,
.s-product-card button {
  background: initial !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  border-radius: inherit !important;
  padding: inherit !important;
  font-size: inherit !important;
  box-shadow: none !important;
}

/* تصغير عنوان "تصفح عالمنا" في الجوال فقط */
@media (max-width: 768px) {
  h2.w-full.da-cp {
    font-size: 22px !important;   /* حجم مناسب للجوال */
    letter-spacing: 0.5px !important;
  }

  h2.w-full.da-cp::after {
    width: 90px !important;      /* تصغير الخط تحته */
    height: 2px !important;
    margin-top: 8px !important;
  }
}