/* ===================================================================
   FOOTER RTL STYLES
   ================================================================== */

/* ===================================================================
   1. FOOTER CONTAINER RTL STYLES
   ================================================================== */

/* Footer main container */
html[dir="rtl"] footer {
    direction: rtl !important;
    text-align: right !important;
}

/* Footer background logo positioning */
html[dir="rtl"] footer .absolute {
    direction: rtl !important;
}

/* Footer container padding */
html[dir="rtl"] footer .container {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

/* ===================================================================
   2. FOOTER GRID LAYOUT RTL STYLES
   ================================================================== */

/* Main footer grid */
html[dir="rtl"] footer .md\\:grid {
    direction: rtl !important;
}

html[dir="rtl"] footer .md\\:grid-cols-4 {
    direction: rtl !important;
}

/* Footer columns ordering */
html[dir="rtl"] footer .md\\:grid > div:nth-child(1) {
    order: 4 !important;
}

html[dir="rtl"] footer .md\\:grid > div:nth-child(2) {
    order: 3 !important;
}

html[dir="rtl"] footer .md\\:grid > div:nth-child(3) {
    order: 2 !important;
}

html[dir="rtl"] footer .md\\:grid > div:nth-child(4) {
    order: 1 !important;
}

/* ===================================================================
   3. FOOTER MOBILE LAYOUT RTL STYLES
   ================================================================== */

/* Mobile footer wrapper */
html[dir="rtl"] .footer-mobile-wrapper {
    direction: rtl !important;
}

/* Mobile footer sections */
html[dir="rtl"] .footer-mobile-section {
    text-align: right !important;
}

/* Mobile footer flex layout */
html[dir="rtl"] .footer-mobile-flex {
    flex-direction: row-reverse !important;
}

/* Mobile footer half-width sections */
html[dir="rtl"] .footer-mobile-half {
    text-align: right !important;
}

/* ===================================================================
   4. FOOTER LOGO AND COMPANY INFO RTL STYLES
   ================================================================== */

/* Company logo alignment */
html[dir="rtl"] footer .company-logo {
    text-align: right !important;
}

/* Company description */
html[dir="rtl"] footer .company-description {
    text-align: right !important;
}

/* Contact information */
html[dir="rtl"] footer .contact-info {
    text-align: right !important;
}

html[dir="rtl"] footer .contact-info a {
    text-align: right !important;
}

/* Phone and WhatsApp links */
html[dir="rtl"] footer .phone-link,
html[dir="rtl"] footer .whatsapp-link {
    text-align: right !important;
}

/* ===================================================================
   5. FOOTER NAVIGATION LINKS RTL STYLES
   ================================================================== */

/* Footer section headings */
html[dir="rtl"] footer h5 {
    text-align: right !important;
}

/* Footer navigation lists */
html[dir="rtl"] footer ul {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[dir="rtl"] footer li {
    text-align: right !important;
}

/* Footer links */
html[dir="rtl"] footer a {
    text-align: right !important;
}

/* Deepal links section */
html[dir="rtl"] .footer-deepal-links {
    text-align: right !important;
}

html[dir="rtl"] .footer-deepal-links h5 {
    text-align: right !important;
}

html[dir="rtl"] .footer-deepal-links ul {
    text-align: right !important;
}

/* Services links section */
html[dir="rtl"] .footer-services-links {
    text-align: right !important;
}

html[dir="rtl"] .footer-services-links h5 {
    text-align: right !important;
}

html[dir="rtl"] .footer-services-links ul {
    text-align: right !important;
}

/* ===================================================================
   6. FOOTER SOCIAL MEDIA RTL STYLES
   ================================================================== */

/* Social media container */
html[dir="rtl"] .footer-social {
    flex-direction: row-reverse !important;
}

/* Desktop social media positioning */
html[dir="rtl"] footer .justify-end {
    justify-content: flex-start !important;
}

/* Mobile social media positioning */
html[dir="rtl"] .footer-social-mobile {
    flex-direction: row-reverse !important;
}

/* Social media icons */
html[dir="rtl"] .footer-social-icon {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

/* Social media links */
html[dir="rtl"] .footer-social-link {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

/* ===================================================================
   7. FOOTER BOTTOM BAR RTL STYLES
   ================================================================== */

/* Bottom bar container */
html[dir="rtl"] .footer-bottom {
    direction: rtl !important;
    text-align: right !important;
}

/* Copyright text */
html[dir="rtl"] .footer-copyright {
    text-align: right !important;
}

/* Developer credit */
html[dir="rtl"] .footer-developer {
    text-align: right !important;
}

/* Bottom bar flex layout */
html[dir="rtl"] .footer-bottom-flex {
    flex-direction: row-reverse !important;
}

/* ===================================================================
   8. FOOTER SERVICES SCROLL RTL STYLES
   ================================================================== */

/* Mobile services scroll container */
html[dir="rtl"] .footer-services-scroll {
    direction: rtl !important;
}

html[dir="rtl"] .footer-services-scroll .flex {
    flex-direction: row-reverse !important;
}

/* Services scroll items */
html[dir="rtl"] .footer-service-item {
    text-align: right !important;
}

html[dir="rtl"] .footer-service-item h1,
html[dir="rtl"] .footer-service-item p {
    text-align: right !important;
}

/* ===================================================================
   9. RESPONSIVE RTL ADJUSTMENTS
   ================================================================== */

/* Mobile RTL adjustments */
@media (max-width: 768px) {
    html[dir="rtl"] .footer-mobile {
        direction: rtl !important;
        text-align: right !important;
    }
    
    html[dir="rtl"] .footer-mobile-content {
        text-align: right !important;
    }
    
    html[dir="rtl"] .footer-mobile-grid {
        direction: rtl !important;
    }
}

/* Desktop RTL adjustments */
@media (min-width: 769px) {
    html[dir="rtl"] .footer-desktop {
        direction: rtl !important;
        text-align: right !important;
    }
    
    html[dir="rtl"] .footer-desktop-content {
        text-align: right !important;
    }
    
    html[dir="rtl"] .footer-desktop-grid {
        direction: rtl !important;
    }
}

/* ===================================================================
   10. FOOTER BACKGROUND ELEMENTS RTL
   ================================================================== */

/* Background logo positioning */
html[dir="rtl"] .footer-bg-logo {
    transform: scaleX(-1) !important;
}

/* Background decorative elements */
html[dir="rtl"] .footer-bg-decoration {
    right: auto !important;
    left: 0 !important;
}

/* ===================================================================
   11. FOOTER TYPOGRAPHY RTL ADJUSTMENTS
   ================================================================== */

/* Footer headings */
html[dir="rtl"] .footer-heading {
    text-align: right !important;
}

/* Footer paragraphs */
html[dir="rtl"] .footer-paragraph {
    text-align: right !important;
}

/* Footer lists */
html[dir="rtl"] .footer-list {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* ===================================================================
   12. FOOTER BUTTON AND CTA RTL STYLES
   ================================================================== */

/* Footer CTA buttons */
html[dir="rtl"] .footer-cta {
    text-align: center !important;
}

/* Footer button hover effects */
html[dir="rtl"] .footer-btn:hover {
    transform: translateX(-2px) !important;
}

/* Footer button icons */
html[dir="rtl"] .footer-btn svg {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
    transform: scaleX(-1) !important;
}

/* ===================================================================
   13. FOOTER ANIMATION RTL ADJUSTMENTS
   ================================================================== */

/* Footer slide animations */
html[dir="rtl"] .footer-slide-in-left {
    animation: slideInRight 0.6s ease-out !important;
}

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

/* Footer fade animations */
html[dir="rtl"] .footer-fade-in-left {
    animation: fadeInRight 0.8s ease-out !important;
}

html[dir="rtl"] .footer-fade-in-right {
    animation: fadeInLeft 0.8s ease-out !important;
}

/* ===================================================================
   14. FOOTER ACCESSIBILITY RTL IMPROVEMENTS
   ================================================================== */

/* Footer focus indicators */
html[dir="rtl"] .footer-focus:focus {
    border-right: 2px solid #172154 !important;
    border-left: none !important;
}

/* Footer screen reader text */
html[dir="rtl"] .footer-sr-only {
    direction: rtl !important;
}

/* ===================================================================
   15. FOOTER PRINT STYLES RTL
   ================================================================== */

@media print {
    html[dir="rtl"] .footer-print {
        direction: rtl !important;
        text-align: right !important;
    }
}