/*
 * ==========================================================================
 * تصميم وبرمجة شركة دروب ايديا للتجارة الالكترونية والرقمية
 * https://dropidea.com
 * +962798402930
 * ==========================================================================
 */

/*
 * LTR Override Stylesheet
 * Loaded only when the site is in a left-to-right language (e.g., English)
 * Overrides RTL-specific styles from custom.css and direct.css
 */

/* ═══════════════ Global Direction ═══════════════ */
html[dir="ltr"] body,
html[dir="ltr"] {
    direction: ltr !important;
    text-align: left !important;
}

/* ═══════════════ Space Reverse Fix ═══════════════ */
html[dir="ltr"] .space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
}

html[dir="ltr"] .space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
}

/* ═══════════════ Margin Fixes ═══════════════ */
html[dir="ltr"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

html[dir="ltr"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="ltr"] .mr-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

html[dir="ltr"] .mr-4 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

html[dir="ltr"] .ml-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

html[dir="ltr"] .ml-4 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

/* ═══════════════ Footer Arrow Icons ═══════════════ */
html[dir="ltr"] .footer-arrow-icon {
    transform: scaleX(-1) !important;
}

/* ═══════════════ Hero Banner — Mirror to Right Side in LTR ═══════════════ */
/*
 * scaleX(-1) flips the ENTIRE rendered element (image + mask + fade).
 * No need to override mask-image — the original inline mask (to right)
 * gets visually flipped by the transform, producing the exact mirror
 * of the Arabic design: image visible on right, fading to left.
 */

/* Positioned hero images (about, contact, courses, experts, blog, training-paths) */
html[dir="ltr"] .hero-banner-img {
    left: auto !important;
    right: 0 !important;
    transform: scaleX(-1) !important;
}

/* Full-width hero image (home page) */
html[dir="ltr"] .hero-banner-img-full {
    transform: scaleX(-1) !important;
}

/* Gradient overlay reversal (home page) */
html[dir="ltr"] .hero-gradient-overlay {
    transform: scaleX(-1) !important;
}

/* ═══════════════ Animations ═══════════════ */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

html[dir="ltr"] .slide-in-right {
    animation: slideInLeft 0.6s ease-out forwards !important;
}

/* ═══════════════ Border Direction ═══════════════ */
html[dir="ltr"] .border-r-4 {
    border-right: none !important;
    border-left: 4px solid !important;
}

html[dir="ltr"] .border-r-2 {
    border-right: none !important;
    border-left: 2px solid !important;
}

/* ═══════════════ Prose/Article Lists ═══════════════ */
html[dir="ltr"] .prose ul,
html[dir="ltr"] .prose ol,
html[dir="ltr"] .article-content ul,
html[dir="ltr"] .article-content ol {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
}

html[dir="ltr"] .prose blockquote,
html[dir="ltr"] .article-content blockquote {
    border-right: none !important;
    border-left: 4px solid #6a246a !important;
    padding-right: 0 !important;
    padding-left: 1rem !important;
}

/* ═══════════════ Flex Direction Fix ═══════════════ */
html[dir="ltr"] .flex-row-reverse {
    flex-direction: row !important;
}

/* ═══════════════ Text Alignment ═══════════════ */
html[dir="ltr"] .text-right {
    text-align: left !important;
}

/* ═══════════════ Padding Fixes ═══════════════ */
html[dir="ltr"] .pr-4 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}

html[dir="ltr"] .pl-4 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

html[dir="ltr"] .pr-6 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
}

html[dir="ltr"] .pl-6 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
}

/* ═══════════════ Float Fixes ═══════════════ */
html[dir="ltr"] .float-right {
    float: left !important;
}

html[dir="ltr"] .float-left {
    float: right !important;
}

/* ═══════════════ Rounded Corner Fixes ═══════════════ */
html[dir="ltr"] .rounded-r-lg {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

html[dir="ltr"] .rounded-l-lg {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

/*
 * ==========================================================================
 * تصميم وبرمجة شركة دروب ايديا للتجارة الالكترونية والرقمية
 * https://dropidea.com
 * +962798402930
 * ==========================================================================
 */