/* MEDAWEE_ADS_DISPLAY_V3 — عرض الإعلانات (ملف مستقل؛ يُلغى أثره بحذف سطر تحميله من القالب).
   الفكرة: لكل موضع إطار بنسبة ثابتة (جوال/كمبيوتر)، والصورة كاملة داخله دون قص ولا تشويه،
   وما يتبقى من الإطار يُملأ بنسخة ضبابية من الصورة نفسها بدل الفراغات الرمادية.
   المحددات أعلى خصوصية من medawee-experience.css حتى تعمل في كل المتصفحات بغض النظر عن ترتيب التحميل. */

html body section.mw-ad.mw-carousel {
  --mw-ad-ratio: 2.4;        /* الجوال */
  --mw-ad-ratio-d: 5;        /* الكمبيوتر */
  --mw-ad-max: 1000px;
  width: min(100% - 24px, var(--mw-ad-max)) !important;
  max-width: var(--mw-ad-max) !important;
  margin: 14px auto !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  direction: rtl;
}
html body section.mw-ad.mw-ad--home { --mw-ad-ratio: 2.4; --mw-ad-ratio-d: 5; --mw-ad-max: 1000px; }
html body section.mw-ad.mw-ad--list { --mw-ad-ratio: 4; --mw-ad-ratio-d: 5; --mw-ad-max: 900px; margin: 6px auto 14px !important; }
html body section.mw-ad.mw-ad--footer { --mw-ad-ratio: 4; --mw-ad-ratio-d: 6; --mw-ad-max: 900px; }
html body section.mw-ad.mw-ad--site_footer { --mw-ad-ratio: 6.67; --mw-ad-ratio-d: 10; --mw-ad-max: 1000px; margin: 8px auto 4px !important; }

html body section.mw-ad.mw-carousel > small {
  display: block; margin: 0 2px 4px; font-size: 10px; line-height: 1.4; color: #7d8e96;
}
html body section.mw-ad.mw-ad--site_footer > small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

html body section.mw-ad.mw-carousel .mw-ad-stage {
  position: relative; border-radius: 14px; overflow: hidden; background: #eef5f7; line-height: 0;
}
html body section.mw-ad.mw-ad--site_footer .mw-ad-stage { border-radius: 10px; }
html body section.mw-ad.mw-carousel .mw-ad-slide[hidden] { display: none !important; }
html body section.mw-ad.mw-carousel .mw-ad-slide,
html body section.mw-ad.mw-carousel .mw-ad-slide > a,
html body section.mw-ad.mw-carousel .mw-ad-slide > figure {
  display: block !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important;
  height: auto !important; min-height: 0 !important; background: transparent !important; box-shadow: none !important;
}

/* الإطار */
html body section.mw-ad.mw-carousel .mw-ad-image {
  position: relative !important; display: block !important; width: 100% !important;
  height: auto !important; min-height: 0 !important; max-height: none !important;
  aspect-ratio: var(--mw-ad-ratio) !important; overflow: hidden !important; isolation: isolate;
}
@supports not (aspect-ratio: 1) {
  /* متصفحات قديمة (Safari < 15): نسبة بالحشو */
  html body section.mw-ad.mw-carousel .mw-ad-image { height: 0 !important; padding-top: calc(100% / var(--mw-ad-ratio)) !important; }
}
/* خلفية ضبابية من الصورة نفسها تملأ الأطراف */
html body section.mw-ad.mw-carousel .mw-ad-image::before {
  content: ""; position: absolute; inset: -24px; z-index: -1;
  background: var(--mw-ad-bg, none) center / cover no-repeat;
  filter: blur(22px) saturate(1.15); opacity: .55; transform: scale(1.08);
}
/* الصورة كاملة دون قص */
html body section.mw-ad.mw-carousel .mw-ad-image img {
  position: absolute !important; inset: 0 !important; display: block !important;
  width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; aspect-ratio: auto !important;
  object-fit: contain !important; object-position: center !important; border-radius: 0 !important;
}

html body section.mw-ad.mw-carousel .mw-ad-cta {
  display: flex !important; align-items: center; justify-content: space-between; gap: 10px;
  background: #fff !important; color: #0a5b8c; font-weight: 700; line-height: 1.5;
  font-size: 13px !important; padding: 8px 14px !important; border: 1px solid #e3edf1; border-top: 0; border-radius: 0 0 14px 14px;
}
html body section.mw-ad.mw-ad--site_footer .mw-ad-cta { display: none !important; }
html body section.mw-ad.mw-carousel a:hover .mw-ad-image img { filter: brightness(1.02); }

html body section.mw-ad.mw-carousel .mw-ad-controls {
  display: flex; align-items: center; justify-content: center; gap: 8px; padding: 4px 0 0; font-size: 11px; color: #596f78; line-height: 1.4;
}
html body section.mw-ad.mw-carousel .mw-ad-controls button {
  border: 1px solid #dce9ee; background: #fff; color: #0a5b8c; border-radius: 8px; padding: 2px 10px; min-height: 28px; min-width: 32px; font-size: 12px; cursor: pointer;
}
html body section.mw-ad.mw-carousel .mw-ad-controls button[hidden] { display: none; }
html body section.mw-ad.mw-ad--site_footer .mw-ad-controls { padding-top: 2px; }
html body section.mw-ad.mw-ad--site_footer .mw-ad-controls [data-mw-pause] { display: none; }

@media (min-width: 768px) {
  html body section.mw-ad.mw-carousel .mw-ad-image { aspect-ratio: var(--mw-ad-ratio-d) !important; }
  @supports not (aspect-ratio: 1) {
    html body section.mw-ad.mw-carousel .mw-ad-image { padding-top: calc(100% / var(--mw-ad-ratio-d)) !important; }
  }
  html body section.mw-ad.mw-carousel { margin: 18px auto !important; }
  html body section.mw-ad.mw-ad--site_footer { margin: 10px auto 4px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body section.mw-ad.mw-carousel * { transition: none !important; }
}