/* ============================================================
   English (LTR) layer — loaded only when <html dir="ltr">.
   The base stylesheets were authored right-to-left. Direction itself comes
   from <html dir>, text alignment uses `start`, and logical properties
   (inset-inline, margin-inline…) flip on their own; this file mirrors the
   remaining physical left/right details so English reads as natively as Arabic.
   ============================================================ */

[dir="ltr"] body { letter-spacing: 0; }
[dir="ltr"] .section-title, [dir="ltr"] .hero-title { letter-spacing: -0.01em; }
[dir="ltr"] .hero-title { line-height: 1.08; }
[dir="ltr"] .section-eyebrow { letter-spacing: .14em; }

/* ── Directional icons: "forward" points left in Arabic, right in English ── */
[dir="ltr"] .fa-arrow-left, [dir="ltr"] .fa-arrow-right,
[dir="ltr"] .fa-chevron-left, [dir="ltr"] .fa-chevron-right,
[dir="ltr"] .fa-angle-left, [dir="ltr"] .fa-angle-right,
[dir="ltr"] .fa-right-from-bracket, [dir="ltr"] .fa-right-to-bracket,
[dir="ltr"] .fa-route { transform: scaleX(-1); }
/* Hover nudges that also set transform must keep the mirror. */
[dir="ltr"] .link-arrow:hover i { transform: translateX(5px) scaleX(-1); }

/* ── Hero ── */
[dir="ltr"] .hero-shade {
    background:
        linear-gradient(90deg, rgba(9,7,43,0.92) 0%, rgba(13,11,56,0.72) 38%, rgba(13,11,56,0.35) 70%, rgba(9,7,43,0.55) 100%),
        linear-gradient(0deg, rgba(9,7,43,0.95) 0%, transparent 35%);
}
[dir="ltr"] .hero-text { animation-name: heroSlideInLeft; }
[dir="ltr"] .hero-visual { animation-name: heroSlideIn; }
[dir="ltr"] .hero-dots { left: auto; right: 5%; }
[dir="ltr"] .hero-slide-caption { left: auto; right: calc(5% + 190px); }
[dir="ltr"] .hero-stats-card::before { right: auto; left: 0; }
[dir="ltr"] .hero-separator-line { background: linear-gradient(270deg, var(--gold), transparent); }

/* ── Sections ── */
[dir="ltr"] .banner-stat { border-left: 0; border-right: 1px solid rgba(201,162,39,0.12); }
[dir="ltr"] .banner-stat:last-child { border-right: none; }
[dir="ltr"] .section-head-row .section-divider { margin-right: auto; margin-left: 0; }
[dir="ltr"] .contact-item:hover { transform: translateX(4px); box-shadow: -4px 0 20px rgba(0,0,0,0.3); }
[dir="ltr"] .about-img-deco { right: auto; left: -18px; border-right: 0; border-left: 2px solid rgba(201,162,39,0.5); }
[dir="ltr"] .about-img-deco2 { left: auto; right: -18px; border-left: 0; border-right: 2px solid rgba(201,162,39,0.5); }
[dir="ltr"] .hero-bg::before {
    background:
        linear-gradient(90deg, rgba(5,8,28,0.90) 0%, rgba(5,8,28,0.55) 50%, rgba(5,8,28,0.32) 100%),
        linear-gradient(180deg, rgba(4,7,26,0.42) 0%, transparent 42%, rgba(4,7,26,0.62) 100%),
        url('../img/hader/night_image.jpg') center 45%/cover no-repeat;
}
[dir="ltr"] .gal-cat-head::after { right: auto; left: 0; }
[dir="ltr"] .stage-badge { right: auto; left: 18px; }
[dir="ltr"] .stage-badge i { margin-left: 0; margin-right: 6px; }
[dir="ltr"] .filter-chip .count { margin-right: 0; margin-left: 4px; }
[dir="ltr"] .service-card::before { left: auto; right: 22px; }
[dir="ltr"] .news-card .cat { right: auto; left: 14px; }
[dir="ltr"] .map-teaser-badge { right: auto; left: 16px; }
[dir="ltr"] .marquee-item span { direction: ltr; }
[dir="ltr"] .zone-card::before { right: auto; left: 0; }

/* ── Footer ── */
[dir="ltr"] .footer-links a::before { transform: translateX(-6px); }
[dir="ltr"] .footer-links a:hover { padding-right: 0; padding-left: 4px; }
[dir="ltr"] .whatsapp-float { left: auto; right: 30px; }

/* ── Forms, modal, lightbox ── */
[dir="ltr"] .modal-close { left: auto; right: 16px; }
[dir="ltr"] .pw-wrap input { padding-left: 16px; padding-right: 44px; }
[dir="ltr"] .pw-wrap button { left: auto; right: 8px; }
[dir="ltr"] .lb-close, [dir="ltr"] .vm-close { left: auto; right: 22px; }
[dir="ltr"] .lb-prev { right: auto; left: 22px; }
[dir="ltr"] .lb-next { left: auto; right: 22px; }
[dir="ltr"] .ltr-input, [dir="ltr"] .ltr-input:placeholder-shown { text-align: left; }

@media (max-width: 760px) {
    [dir="ltr"] .lb-close, [dir="ltr"] .vm-close { right: 14px; }
    [dir="ltr"] .lb-prev { left: 8px; }
    [dir="ltr"] .lb-next { right: 8px; }
    [dir="ltr"] .whatsapp-float { right: 20px; }
}

/* ── Resident services (services.css) ── */
[dir="ltr"] .svc-type:hover .svc-type-go { transform: translateX(4px) scaleX(-1); }
[dir="ltr"] .svc-file-clear { left: auto; right: 10px; }
[dir="ltr"] .svc-timeline { padding: 0 0 0 6px; }
[dir="ltr"] .svc-timeline li::before { right: auto; left: 6px; }
[dir="ltr"] .svc-timeline p[lang="ar"] { text-align: right; }

/* ── Interactive map (map.css): panel on the left, tools on the right ── */
[dir="ltr"] .map-panel { right: auto; left: 16px; }
[dir="ltr"] .map-toolbar { left: auto; right: 16px; }
[dir="ltr"] .city-map .ol-zoom { left: auto; right: 16px; }
[dir="ltr"] .city-map .ol-scale-line { left: auto; right: 16px; }
[dir="ltr"] .city-map .ol-attribution { left: auto; right: 16px; }
[dir="ltr"] .layer-row input::after { right: auto; left: 3px; }
[dir="ltr"] .layer-row input:checked::after { right: auto; left: 19px; }
[dir="ltr"] .map-card-close { left: auto; right: 12px; }
[dir="ltr"] .map-card-head { padding-left: 0; padding-right: 36px; }
@media (max-width: 900px) {
    [dir="ltr"] .map-panel { left: 10px; right: 10px; }
    [dir="ltr"] .city-map .ol-zoom { right: auto; left: 16px; }
    [dir="ltr"] .city-map .ol-attribution { right: auto; left: 10px; }
}
[dir="ltr"] .map-card { transform: translate(calc(-50% + var(--panel-w) / 2), 20px); }
[dir="ltr"] .map-card.is-open { transform: translate(calc(-50% + var(--panel-w) / 2), 0); }
@media (max-width: 900px) { [dir="ltr"] .map-card { transform: translateY(20px); } [dir="ltr"] .map-card.is-open { transform: none; } }