/* ثيم رائد - دمج البنرات للجوال واللابتوب بدون قص التصميم */

/* إعدادات عامة للبنرات */
.s-block {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.s-block img,
.s-block picture,
.s-block a,
.s-block .banner-entry {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
}

/* الحفاظ على الحواف الدائرية */
.s-block .banner-entry,
.s-block img {
  border-radius: inherit !important;
}


/* =========================
   نسخة الجوال
========================= */

@media (max-width: 768px) {

  :root {
    --mobile-banner-gap-fix: -8px;
    --mobile-first-banner-space: 14px;
  }

  .s-block {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  main .s-block:first-of-type,
  .s-block:first-of-type {
    margin-top: var(--mobile-first-banner-space) !important;
  }

  main .s-block:not(:first-of-type),
  .s-block:not(:first-of-type) {
    margin-top: var(--mobile-banner-gap-fix) !important;
  }

  .s-block .container,
  .s-block__container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

}


/* =========================
   نسخة اللابتوب والكمبيوتر
========================= */

@media (min-width: 769px) {

  :root {
    --desktop-banner-gap-fix: -12px;
    --desktop-first-banner-space: 20px;
  }

  .s-block {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  main .s-block:first-of-type,
  .s-block:first-of-type {
    margin-top: var(--desktop-first-banner-space) !important;
  }

  main .s-block:not(:first-of-type),
  .s-block:not(:first-of-type) {
    margin-top: var(--desktop-banner-gap-fix) !important;
  }

  .s-block .container,
  .s-block__container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

}