/**
 * Zaheb International - RTL Specific Styles
 * Enhanced styling for Arabic and RTL languages
 */

/* Basic RTL Direction */
.rtl {
    direction: rtl;
    text-align: right;
    font-family: var(--arabic-font);
}

/* Typography Improvements */
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.rtl p,
.rtl a,
.rtl span,
.rtl li,
.rtl input,
.rtl textarea,
.rtl button {
    font-family: var(--arabic-font);
    letter-spacing: 0;
}

/* Font size adjustments for Arabic (which often needs more space) */
.rtl h1 {
    font-size: calc(2.5rem * 1.1);
}

.rtl h2 {
    font-size: calc(2rem * 1.1);
}

.rtl h3 {
    font-size: calc(1.75rem * 1.1);
}

.rtl .hero-title {
    font-size: calc(3.5rem * 1.1);
}

/* Fix header layout for RTL */
@media (min-width: 769px) {
    .rtl .nav-list {
        flex-direction: row-reverse;
    }
}

.rtl .nav-link {
    margin-right: 0;
    margin-left: 2rem;
}

.rtl .mobile-menu-btn {
    margin-left: 0;
    margin-right: auto;
}

/* Fix button icons and padding */
.rtl .btn i {
    margin-right: 0;
    margin-left: 10px;
}

/* Fix card layouts */
.rtl .service-card,
.rtl .country-card,
.rtl .feature-card {
    text-align: right;
}

.rtl .service-icon,
.rtl .feature-icon {
    margin-right: 0;
    margin-left: 15px;
}

/* Fix list styles */
.rtl ul.service-list li,
.rtl ul.requirements-list li {
    padding-left: 0;
    padding-right: 25px;
}

.rtl ul.service-list li:before,
.rtl ul.requirements-list li:before {
    left: auto;
    right: 0;
}

/* Fix footer layouts */
.rtl .footer-links ul li {
    padding-left: 0;
    padding-right: 15px;
}

.rtl .footer-links ul li:before {
    left: auto;
    right: 0;
}

.rtl .social-links {
    justify-content: flex-start;
}

/* Fix form elements */
.rtl input,
.rtl textarea {
    text-align: right;
}

.rtl .form-group label {
    text-align: right;
}

/* Fix WhatsApp button */
.rtl .whatsapp-btn {
    left: 25px;
    right: auto;
}

.rtl .whatsapp-contact-btn i {
    margin-right: 0;
    margin-left: 10px;
}

/* Fix modal dialog */
.rtl .modal-content {
    text-align: right;
}

.rtl .close-modal {
    right: auto;
    left: 15px;
}

/* Fix hero section */
.rtl .hero-content {
    text-align: right;
}

/* Fix CTA section */
.rtl .cta-content {
    text-align: right;
}

/* Fix services section */
.rtl .services-grid {
    direction: rtl;
}

/* Fix mission & vision section */
.rtl .mission-vision .row {
    direction: rtl;
}

/* Fix about section */
.rtl .about-content {
    text-align: right;
}

/* Fix contact section */
.rtl .contact-info-card {
    text-align: right;
}

.rtl .whatsapp-contact {
    text-align: right;
}

/* Fix icons in list items */
.rtl .contact-info-card li i {
    margin-right: 0;
    margin-left: 10px;
}

/* Fix floats */
.rtl .float-right {
    float: left !important;
}

.rtl .float-left {
    float: right !important;
}

/* Fix margins and paddings */
.rtl .mr-1,
.rtl .mr-2,
.rtl .mr-3,
.rtl .mr-4,
.rtl .mr-5 {
    margin-right: 0 !important;
}

.rtl .ml-1 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
}

.rtl .ml-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}

.rtl .ml-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

.rtl .ml-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
}

.rtl .ml-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important;
}

.rtl .mr-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
}

.rtl .mr-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

.rtl .mr-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

.rtl .mr-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
}

.rtl .mr-5 {
    margin-left: 3rem !important;
    margin-right: 0 !important;
}

.rtl .pl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0 !important;
}

.rtl .pl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0 !important;
}

.rtl .pl-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
}

.rtl .pl-4 {
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
}

.rtl .pl-5 {
    padding-right: 3rem !important;
    padding-left: 0 !important;
}

.rtl .pr-1 {
    padding-left: 0.25rem !important;
    padding-right: 0 !important;
}

.rtl .pr-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
}

.rtl .pr-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}

.rtl .pr-4 {
    padding-left: 1.5rem !important;
    padding-right: 0 !important;
}

.rtl .pr-5 {
    padding-left: 3rem !important;
    padding-right: 0 !important;
}

/* Text alignment fixes */
.rtl .text-left {
    text-align: right !important;
}

.rtl .text-right {
    text-align: left !important;
}

/* Visa page specific RTL styles */
.rtl .visa-intro .lead {
    text-align: right;
    line-height: 1.8;
}

.rtl .country-header h2 i {
    margin-right: 0;
    margin-left: 12px;
}

.rtl .country-content {
    text-align: right;
}

.rtl .visa-info h3 i,
.rtl .requirements h3 i {
    margin-right: 0;
    margin-left: 12px;
}

.rtl .visa-types-list,
.rtl .requirements-list {
    padding-left: 0;
    padding-right: 2rem;
    text-align: right;
}

.rtl .visa-buttons {
    text-align: right;
}

.rtl .visa-buttons .btn i {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .modal-content {
    text-align: right;
}

.rtl .modal-content h2,
.rtl .modal-content h3,
.rtl .modal-content p {
    text-align: right;
}

.rtl .modal-content ol,
.rtl .modal-content ul {
    padding-left: 0;
    padding-right: 2rem;
    text-align: right;
}

.rtl .loading-indicator {
    text-align: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .rtl .nav-list {
        padding-right: 0;
    }

    .rtl .nav-link {
        margin-left: 0;
    }

    .rtl .hero-title {
        font-size: calc(2.5rem * 1.1);
    }
}

@media (max-width: 576px) {
    .rtl .hero-title {
        font-size: calc(2rem * 1.1);
    }

    .rtl .visa-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .rtl .visa-buttons .btn {
        margin: 5px 0;
    }
}

/* Visa Page RTL Specific Styles */
.rtl .visa-page {
    direction: rtl;
}

.rtl .visa-page .page-title {
    text-align: right;
}

.rtl .visa-page .loading-indicator {
    text-align: right;
}

.rtl .visa-page .visa-intro .section-title,
.rtl .visa-page .visa-intro .lead {
    text-align: right;
}

.rtl .visa-page .countries-grid {
    direction: rtl;
}

.rtl .visa-page .country {
    text-align: right;
}

.rtl .visa-page .country-header h2 {
    text-align: right;
}

.rtl .visa-page .country-header h2 i {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .visa-page .visa-info h3,
.rtl .visa-page .requirements h3 {
    text-align: right;
}

.rtl .visa-page .visa-info h3 i,
.rtl .visa-page .requirements h3 i {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .visa-page .visa-types-list,
.rtl .visa-page .requirements-list {
    padding-right: 20px;
    padding-left: 0;
    text-align: right;
}

.rtl .visa-page .visa-types-list li,
.rtl .visa-page .requirements-list li {
    text-align: right;
}

.rtl .visa-page .visa-buttons {
    text-align: right;
}

.rtl .visa-page .visa-buttons .btn {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .visa-page .visa-buttons .btn i {
    margin-right: 0;
    margin-left: 8px;
}

.rtl .visa-page .modal-content {
    text-align: right;
}

.rtl .visa-page .modal-content h2 {
    text-align: right;
}

.rtl .visa-page .modal-content-inner {
    text-align: right;
}

.rtl .visa-page .modal-content-inner h3,
.rtl .visa-page .modal-content-inner p,
.rtl .visa-page .modal-content-inner ul,
.rtl .visa-page .modal-content-inner li {
    text-align: right;
}

.rtl .visa-page .close-modal {
    right: auto;
    left: 15px;
}

/* Media Queries */
@media (max-width: 768px) {
    .rtl .visa-page .country {
        padding: 15px;
    }

    .rtl .visa-page .visa-buttons {
        flex-direction: column;
    }

    .rtl .visa-page .visa-buttons .btn {
        margin: 5px 0;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .rtl .visa-page .country-header h2 {
        font-size: 1.5rem;
    }

    .rtl .visa-page .visa-types-list,
    .rtl .visa-page .requirements-list {
        padding-right: 15px;
    }
}