/* Arabic RTL Language Support */

/* Global RTL styles */
[dir="rtl"] {
    text-align: right;
}

/* Language toggle button styles */
.language-toggle-container {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000;
}

.language-toggle-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.language-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-1px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Arabic font family */
.arabic, .arabic * {
    font-family: 'Cairo', 'Amiri', 'Segoe UI', 'Tahoma', 'Arial', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Improved text rendering for Arabic */
.arabic {
    font-feature-settings: 'kern', 'liga', 'clig', 'calt';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* RTL specific styles */
.rtl .header {
    text-align: right;
}

.rtl .profile-img {
    margin-right: 0;
    margin-left: auto;
}

.rtl .social-links {
    direction: rtl;
}

.rtl .navmenu ul li {
    text-align: right;
}

.rtl .navmenu ul li a {
    justify-content: flex-end;
    text-align: right;
}

.rtl .navmenu ul li a i {
    margin-left: 8px;
    margin-right: 0;
    order: 2;
}

.rtl .navmenu ul li a span {
    order: 1;
}

/* Hero Section RTL */
.rtl #hero {
    text-align: right;
}

.rtl #hero .container {
    text-align: right;
}

/* About Section RTL */
.rtl .about .content {
    text-align: right;
}

.rtl .about .content ul li {
    text-align: right;
}

.rtl .about .content ul li i {
    margin-left: 8px;
    margin-right: 0;
}

/* Stats Section RTL */
.rtl .stats .stats-item {
    text-align: right;
}

/* Skills Section RTL */
.rtl .skills .services-list ul li {
    text-align: right;
}

.rtl .skills .services-list ul li i {
    margin-left: 8px;
    margin-right: 0;
}

.rtl .progress .skill {
    direction: rtl;
}

.rtl .progress .skill .val {
    float: left;
}

/* Resume Section RTL */
.rtl .resume .resume-item {
    text-align: right;
}

.rtl .resume .resume-item ul li {
    text-align: right;
}

.rtl .resume .resume-item h4 {
    text-align: right;
}

.rtl .resume .resume-item h5 {
    text-align: right;
}

.rtl .resume .resume-item h3 {
    text-align: right;
}

/* Portfolio Section RTL */
.rtl .portfolio-filters {
    text-align: center;
}

.rtl .portfolio-content .portfolio-title {
    text-align: right;
}

.rtl .isotope-filters li {
    margin: 0 0 10px 5px;
}

/* Services Section RTL */
.rtl .services .service-item {
    text-align: right;
}

.rtl .services .service-item .icon {
    margin-left: 20px;
    margin-right: 0;
    order: 2;
}

.rtl .services .service-item > div {
    order: 1;
}

/* Contact Section RTL */
.rtl .contact .info-item {
    text-align: right;
}

.rtl .contact .info-item i {
    margin-left: 15px;
    margin-right: 0;
    order: 2;
}

.rtl .contact .info-item > div {
    order: 1;
}

.rtl .contact .php-email-form {
    text-align: right;
}

.rtl .contact .php-email-form input,
.rtl .contact .php-email-form textarea {
    text-align: right;
    direction: rtl;
}

.rtl .contact .php-email-form label {
    text-align: right;
    display: block;
}

.rtl .contact .php-email-form button {
    text-align: center;
}

/* Portfolio Details RTL */
.rtl .portfolio-info ul li {
    text-align: right;
}

.rtl .portfolio-info ul li strong {
    margin-left: 5px;
    margin-right: 0;
}

.rtl .portfolio-description {
    text-align: right;
}

.rtl .portfolio-description h2,
.rtl .portfolio-description h4,
.rtl .portfolio-description h5 {
    text-align: right;
}

.rtl .portfolio-description p {
    text-align: right;
    line-height: 1.8;
}

.rtl .portfolio-description ul li {
    text-align: right;
}

.rtl .portfolio-description .alert {
    text-align: right;
}

.rtl .portfolio-description .badge {
    margin: 0 2px 2px 0;
}

.rtl .breadcrumbs ol {
    direction: rtl;
}

.rtl .breadcrumbs ol li::after {
    content: "\\";
    transform: rotate(180deg);
}

/* Footer RTL */
.rtl .footer {
    text-align: center;
}

/* Typography adjustments for Arabic */
.arabic h1, .arabic h2, .arabic h3, .arabic h4, .arabic h5, .arabic h6 {
    font-weight: 600;
    text-align: right;
}

.arabic p, .arabic li, .arabic span {
    line-height: 1.8;
    text-align: right;
}

.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
    text-align: right;
}

.rtl p, .rtl div {
    text-align: right;
}

/* Typed.js RTL adjustments */
.rtl .typed-cursor {
    margin-left: 0;
    margin-right: 2px;
}

/* Button alignments */
.rtl .btn {
    text-align: center;
}

/* Badge alignments */
.rtl .badge {
    margin: 0 2px 2px 0;
}

/* Mobile responsiveness for RTL */
@media (max-width: 768px) {
    .language-toggle-container {
        top: 10px;
        right: 10px;
    }
    
    .language-toggle-btn {
        font-size: 11px;
        padding: 6px 12px;
    }
    
    .rtl .header {
        text-align: center;
    }
    
    .rtl .navmenu ul li {
        text-align: center;
    }
    
    .rtl .navmenu ul li a {
        justify-content: center;
    }
    
    .rtl .about .content h2,
    .rtl .about .content p {
        text-align: center;
    }
    
    .rtl .services .service-item {
        text-align: center;
    }
    
    .rtl .portfolio-content .portfolio-title {
        text-align: center;
    }
}

/* Animation adjustments for RTL */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Smooth transitions */
html {
    transition: direction 0.3s ease;
}

body {
    transition: all 0.3s ease;
}

/* Print styles for RTL */
@media print {
    .language-toggle-container {
        display: none;
    }
    
    .rtl * {
        direction: rtl !important;
        text-align: right !important;
    }
}