/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* RTL Support for Arabic */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* Fix margins and paddings for RTL */
html[dir="rtl"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

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

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

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

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

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

/* Fix text alignment */
html[dir="rtl"] .text-left {
    text-align: right !important;
}

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

/* Fix navbar */
html[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}

/* Fix icons direction */
html[dir="rtl"] .fas.fa-chevron-right:before {
    content: "\f053"; /* left arrow */
}

html[dir="rtl"] .fas.fa-chevron-left:before {
    content: "\f054"; /* right arrow */
}

/* Fix form elements */
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    text-align: right;
    direction: rtl;
}

/* Fix buttons */
html[dir="rtl"] .btn {
    direction: rtl;
}

/* Fix lists */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-right: 0;
    padding-left: 1.5rem;
}

/* Fix social icons */
html[dir="rtl"] .banner-social,
html[dir="rtl"] .footer-social {
    direction: rtl;
}

/* Contact Section Styles */
.contact-card {
    transition: all 0.3s ease;
}

.contact-card:hover {
    transform: translateY(-10px);
    border-color: rgba(199, 163, 74, 0.6) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

.contact-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.5) !important;
}

.contact-icon {
    transition: all 0.3s ease;
}

.contact-card:hover .contact-icon {
    transform: scale(1.1);
}

/* Language Switcher Styles */
.language-switcher {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lang-btn {
    min-width: 60px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.lang-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(199, 163, 74, 0.4) !important;
}

.lang-btn.active {
    box-shadow: 0 4px 15px rgba(199, 163, 74, 0.3) !important;
}

/* RTL/LTR adjustments for language switcher */
html[dir="rtl"] .language-switcher {
    margin-right: 20px;
    margin-left: 0;
}

html[dir="ltr"] .language-switcher {
    margin-left: 20px;
    margin-right: 0;
}

html[dir="ltr"] .lang-btn {
    margin-right: 0;
    margin-left: 10px;
}