/* RTL/LTR Support Styles */

/* RTL specific styles */
[dir="rtl"] .hero-container {
    direction: rtl;
}

[dir="rtl"] .content-container {
    text-align: right;
}

[dir="rtl"] .navbar .nav {
    direction: rtl;
}

[dir="rtl"] .menu {
    direction: rtl;
}

[dir="rtl"] .modal {
    direction: rtl;
}

[dir="rtl"] .modal-header {
    text-align: right;
}

[dir="rtl"] .form-label {
    text-align: right;
}

[dir="rtl"] .playstore-button {
    direction: rtl;
}

/* LTR specific styles */
[dir="ltr"] .hero-container {
    direction: ltr;
}

[dir="ltr"] .content-container {
    text-align: left;
}

[dir="ltr"] .content-container .d-flex {
    align-items: flex-start !important;
}

[dir="ltr"] .content-container .justify-content-end {
    justify-content: flex-start !important;
}

[dir="ltr"] .navbar .nav {
    direction: ltr;
}

[dir="ltr"] .menu {
    direction: ltr;
}

[dir="ltr"] .modal {
    direction: ltr;
}

[dir="ltr"] .modal-header {
    text-align: left;
}

[dir="ltr"] .form-label {
    text-align: left;
}

[dir="ltr"] .playstore-button {
    direction: ltr;
}

/* Language switcher styles */
#lang-switcher {
    transition: opacity 0.3s ease;
}

#lang-switcher:hover {
    opacity: 0.8;
}

/* Navigation active states */
.navbar .btn.active1 {
    background-color: var(--primary-color, #007bff);
    color: white !important;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
    transform: translateY(-1px);
    transition: all 0.3s ease;
}

.navbar .btn:hover {
    transform: translateY(-1px);
    transition: all 0.3s ease;
}

.navbar .btn {
    transition: all 0.3s ease;
    position: relative;
}

/* Modal RTL support */
.modal.rtl .modal-dialog {
    text-align: right;
}

.modal.rtl .modal-header {
    flex-direction: row-reverse;
}

.modal.rtl .btn-close {
    margin-left: 0;
    margin-right: auto;
}

/* Form RTL support */
.rtl .input-group {
    direction: rtl;
}

.rtl .form-select {
    text-align: right;
}

.rtl .form-control {
    text-align: right;
}

/* Button alignment */
.rtl .d-flex.gap-3 {
    flex-direction: row-reverse;
}

/* Hero section alignment */
.hero-section .hero-container {
    position: relative;
}

[dir="ltr"] .hero-section .image-containe {
    order: 2;
}

[dir="ltr"] .hero-section .content-container {
    order: 1;
    align-items: flex-start !important;
}

[dir="ltr"] .hero-section .content-container h1,
[dir="ltr"] .hero-section .content-container h2,
[dir="ltr"] .hero-section .content-container p {
    text-align: left;
}

[dir="ltr"] .hero-section .content-container .d-flex.w-100 {
    justify-content: flex-start !important;
}

/* Footer alignment */
[dir="ltr"] .left-footer {
    text-align: left;
}

[dir="ltr"] .right-footer {
    text-align: left;
}

/* Navigation RTL/LTR */
[dir="ltr"] .navbar .d-flex {
    flex-direction: row;
}

[dir="ltr"] .nav .d-flex {
    flex-direction: row;
}

/* Features section */
[dir="ltr"] .features-section .section-title {
    text-align: center;
}

[dir="ltr"] .feature-card {
    text-align: left;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [dir="ltr"] .hero-section .hero-container {
        flex-direction: column;
    }
    
    [dir="ltr"] .hero-section .content-container {
        align-items: center !important;
        text-align: center;
    }
    
    [dir="ltr"] .hero-section .content-container h1,
    [dir="ltr"] .hero-section .content-container h2,
    [dir="ltr"] .hero-section .content-container p {
        text-align: center;
    }
}