/* FW Elementor Simple Slider v1.3.3 */
.fw-ess-wrapper { margin: 0 auto 12px; position: relative; width:100%; }
.fw-ess-wrapper.align-left { margin-left: 0; margin-right: auto; }
.fw-ess-wrapper.align-right { margin-right: 0; margin-left: auto; }

/* Stage keeps aspect ratio; responsive */
/* Hide stage until JS marks ready to avoid stacking flash */
.fw-ess-stage { position: relative; overflow: hidden; background: #f8f8f8; aspect-ratio: var(--fw-ess-ar, 2.5); width: 100%; visibility: hidden; }
.fw-ess-ready .fw-ess-stage { visibility: visible; }
.fw-ess-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 300ms ease-in-out; }
.fw-ess-slide.is-active { opacity: 1; }
.fw-ess-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Full-width footer, inner constrained to slider width */
.fw-ess-footer {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    background: var(--fw-ess-bar, #4b0082);
    color: #fff;
}
.fw-ess-footer-inner {
    height: 52px;
    margin: 0 auto;
    display: flex;
    /*align-items: center;*/
    gap: 10px;
    padding: 0 16px;
    box-sizing: border-box;
    width: 100%;
}

/* Left: arrows (bigger) + optional label */
.fw-ess-left { display:flex; align-items:center; gap:14px; }
.fw-ess-right { margin-left:auto; display:flex; align-items:center; }
.fw-ess-footer button {
    background: transparent; color: #fff; border: 0; font-size: .95rem; cursor: pointer; padding: 6px 10px;
}
/* Remove hover effects */
.fw-ess-footer button:hover,
.fw-ess-dot:hover { filter: none; opacity: 1; background: transparent; }
.fw-ess-footer button:focus { outline: 2px solid rgba(255,255,255,.35); outline-offset: 2px; }

/* Pager */
.fw-ess-label { font-weight: 600; }
.fw-ess-pager {
    list-style:none; display:flex; gap:14px; margin:0; padding:0;
   
}
.fw-ess-dot {
    position: relative;
    display: inline-block;
    background:transparent;
    color:#fff;
    border: 0;
    font-weight:700;
    padding:0 4px 4px;   /* extra bottom to make room for progress line */
    font-size: .75rem;   /* enforce requested size */
    line-height: 1;      /* fix baseline inconsistencies */
    cursor: pointer;
    vertical-align: middle;
}
.fw-ess-progress {
    position:absolute;
    left:0; bottom:0;
    height:2px;
    width:0%;
    background:#fff;
    opacity:.95;
    transition: width linear;
    pointer-events:none;
}

/* RTL niceties */
html[dir="rtl"] .fw-ess-label{ direction:rtl; unicode-bidi:plaintext; }
html[dir="rtl"] .fw-ess-pager{ flex-direction: row-reverse; }

/* Mobile */
@media (max-width: 767px){
  .fw-ess-wrapper{ max-width:100%; }
  .fw-ess-footer-inner{ padding-left:12px; padding-right:12px; }
}



/* --- تعديل ترتيب الفوتر --- */

/* غيّر ترتيب العناصر داخل الفوتر */
.fw-ess-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  direction: ltr; /* يبقي الأسهم يسار، الأرقام يمين */
}

/* داخل الجهة اليسرى (الأسهم + الاسم) */
.fw-ess-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ننقل الاسم من fw-ess-right إلى اليسار */
.fw-ess-right {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
  flex-direction: row-reverse; /* الأرقام أولاً، الاسم بعدهم */
}

/* نضبط الترتيب */
.fw-ess-right .fw-ess-label {
  order: 2; /* بعد الأرقام */
}

.fw-ess-right .fw-ess-pager {
  order: 1; /* الأرقام أولاً */
}

/* في المواقع العربية نضمن الاتجاه الصحيح للنص */
html[dir="rtl"] .fw-ess-label {
  direction: rtl;
  text-align: right;
}