/* ================================================================
   EMIRATES MOVERS — Hero Slider CSS
   Non-critical transitions only. Above-fold critical CSS is
   inlined by em_slider_critical() at wp_head priority 1.
   ================================================================ */

#em-slider { position:absolute; inset:0; z-index:0; overflow:hidden; }

.em-slide {
    position:absolute; inset:0; opacity:0; pointer-events:none;
    transition:opacity 0.85s cubic-bezier(0.4,0,0.2,1);
    will-change:opacity;
}
.em-slide.active { opacity:1; z-index:1; pointer-events:auto; }

.em-slide-img {
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover; object-position:center; display:block;
}

.em-slide-overlay {
    position:absolute; inset:0; z-index:2;
    background: linear-gradient(to right,
        rgba(10,22,40,0.90) 0%,
        rgba(10,22,40,0.60) 40%,
        rgba(10,22,40,0.20) 100%);
}

.em-progress {
    position:absolute; bottom:0; left:0; height:3px; z-index:20;
    background:linear-gradient(to right,#C8922A,#E5B055);
    width:0; transition:none;
}
.em-progress.run {
    width:100%;
    transition:width var(--em-dur,6000ms) linear;
}

.em-dots {
    position:absolute; bottom:18px; left:50%; transform:translateX(-50%);
    z-index:20; display:flex; gap:6px; align-items:center;
}
.em-dot {
    width:8px; height:8px; border-radius:50%;
    background:rgba(255,255,255,0.35); border:1px solid rgba(255,255,255,0.2);
    cursor:pointer; padding:0; outline:none;
    transition:background 0.25s, width 0.25s, border-color 0.25s;
    -webkit-tap-highlight-color:transparent;
}
.em-dot.active { background:#C8922A; border-color:#C8922A; width:22px; border-radius:4px; }
.em-dot:focus-visible { outline:2px solid #C8922A; outline-offset:2px; }

.em-arrow {
    position:absolute; top:50%; transform:translateY(-50%); z-index:20;
    width:42px; height:42px; background:rgba(10,22,40,0.55);
    border:1px solid rgba(200,146,42,0.35); border-radius:50%;
    cursor:pointer; display:flex; align-items:center; justify-content:center;
    outline:none; color:#C8922A;
    transition:background 0.2s, border-color 0.2s;
    -webkit-tap-highlight-color:transparent;
}
.em-arrow:hover { background:rgba(200,146,42,0.2); border-color:#C8922A; }
.em-arrow:focus-visible { outline:2px solid #C8922A; }
.em-prev { left:14px; }
.em-next { right:14px; }

.em-counter {
    position:absolute; right:14px; bottom:22px; z-index:20;
    font-size:0.78rem; color:rgba(255,255,255,0.45); letter-spacing:1px;
}
.em-counter span { color:#C8922A; }

@media(max-width:768px){
    .em-arrow { display:none; }
    .em-dots  { bottom:12px; }
    .em-slide-overlay {
        background:linear-gradient(to bottom,rgba(10,22,40,0.50) 0%,rgba(10,22,40,0.82) 100%);
    }
}

@media(prefers-reduced-motion:reduce){
    .em-slide,.em-progress{transition:none!important;}
}