/* ========================================
   ENGLISH LTR STYLES
   Complete override for Left-to-Right layout
   ======================================== */

/* ========================================
   BASE STYLES
   ======================================== */
body.ltr {
    font-family: 'Inter', sans-serif;
    direction: ltr;
    text-align: left;
}

/* ========================================
   HEADER & NAVIGATION
   ======================================== */
body.ltr .nav {
    flex-direction: row;
}

body.ltr .nav-link::after {
    right: auto;
    left: 0;
}

body.ltr .lang-switcher {
    margin-left: 20px;
    margin-right: 0;
}

/* ========================================
   MOBILE MENU - CRITICAL FIX
   ======================================== */
@media (max-width: 992px) {
    /* القائمة تفتح من اليسار في الإنجليزي */
    body.ltr .nav-menu {
        right: auto !important;
        left: -100% !important;
        box-shadow: 5px 0 30px rgba(0, 0, 0, 0.1);
    }
    
    body.ltr .nav-menu.active {
        left: 0 !important;
        right: auto !important;
    }
    
    /* Language Switcher Position */
    body.ltr .lang-switcher {
        position: absolute;
        right: 70px;
        left: auto;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }
}

@media (max-width: 768px) {
    body.ltr .lang-switcher {
        right: 60px;
        left: auto;
    }
    
    body.ltr .lang-btn {
        padding: 4px 8px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    body.ltr .lang-switcher {
        right: 55px;
        left: auto;
    }
    
    body.ltr .lang-btn {
        padding: 3px 6px;
        font-size: 11px;
    }
}

/* ========================================
   HERO SECTION
   ======================================== */
body.ltr .hero-content {
    flex-direction: row;
}

body.ltr .hero-text {
    text-align: left;
}

body.ltr .hero-text h1 {
    text-align: left;
}

body.ltr .btn svg {
    transform: none;
}

body.ltr .btn:hover svg {
    transform: translateX(5px);
}

@media (max-width: 992px) {
    body.ltr .hero-content {
        flex-direction: column-reverse;
        text-align: center;
    }
    
    body.ltr .hero-text {
        text-align: center;
    }
    
    body.ltr .hero-text h1 {
        text-align: center;
    }
    
    body.ltr .hero-text .btn {
        margin: 0 auto;
    }
}

/* ========================================
   VISION & MISSION SECTION
   ======================================== */
body.ltr .vision-card,
body.ltr .mission-card {
    text-align: center;
}

body.ltr .vision-card h3,
body.ltr .mission-card h3 {
    justify-content: center;
}

/* ========================================
   SERVICES SECTION
   ======================================== */
body.ltr .services {
    direction: ltr;
}

body.ltr .service-card {
    text-align: center;
}

/* ========================================
   JOURNEY SECTION
   ======================================== */
body.ltr .journey-step {
    text-align: center;
}

body.ltr .step-number {
    right: auto;
    left: -5px;
}

body.ltr .journey-arrow svg {
    transform: none;
}

@media (max-width: 992px) {
    body.ltr .journey-arrow {
        transform: rotate(90deg);
    }
    
    body.ltr .journey-arrow svg {
        transform: none;
    }
}

/* ========================================
   WORKS SECTION
   ======================================== */
body.ltr .work-info {
    text-align: left;
}

body.ltr .work-link {
    flex-direction: row;
}

body.ltr .work-link svg {
    transform: none;
}

body.ltr .work-link:hover svg {
    transform: translateX(5px);
}

/* GitHub Button */
body.ltr .github-btn {
    flex-direction: row;
}

body.ltr .github-btn svg:last-child {
    transform: none;
}

body.ltr .github-btn:hover svg:last-child {
    transform: translateX(5px);
}

/* ========================================
   CTA SECTION
   ======================================== */
body.ltr .cta {
    text-align: center;
}

/* ========================================
   REVIEWS SECTION
   ======================================== */
body.ltr .reviews-list {
    direction: ltr;
}

body.ltr .review-item {
    flex-direction: row;
    text-align: left;
}

body.ltr .review-header {
    flex-direction: row;
    justify-content: space-between;
}

body.ltr .review-form-title {
    text-align: left;
}

body.ltr .star-rating {
    flex-direction: row;
    justify-content: flex-start;
}

body.ltr .review-input,
body.ltr .review-textarea {
    direction: ltr;
    text-align: left;
}

@media (max-width: 768px) {
    body.ltr .review-item {
        flex-direction: column;
        align-items: flex-start;
    }
    
    body.ltr .review-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    body.ltr .review-form-title {
        text-align: center;
    }
    
    body.ltr .star-rating {
        justify-content: center;
    }
}

/* ========================================
   CONTACT SECTION
   ======================================== */
body.ltr .contact-section {
    direction: ltr;
}

body.ltr .contact-form label {
    text-align: left;
}

body.ltr .contact-form input,
body.ltr .contact-form select,
body.ltr .contact-form textarea {
    text-align: left;
    direction: ltr;
}

body.ltr .contact-form select {
    background-position: right 15px center;
    padding-right: 45px;
    padding-left: 20px;
}

body.ltr .contact-form .form-row {
    direction: ltr;
}

/* ========================================
   FOOTER
   ======================================== */
body.ltr .footer {
    direction: ltr;
    text-align: left;
}

body.ltr .footer-about {
    text-align: left;
}

body.ltr .footer-about p {
    text-align: left;
}

body.ltr .footer-links h4,
body.ltr .footer-contact h4 {
    text-align: left;
}

body.ltr .footer-links a {
    justify-content: flex-start;
    flex-direction: row;
}

body.ltr .footer-links a::before {
    margin-right: 10px;
    margin-left: 0;
}

body.ltr .footer-contact li {
    justify-content: flex-start;
    flex-direction: row;
}

body.ltr .footer-contact svg {
    margin-right: 10px;
    margin-left: 0;
}

body.ltr .footer-bottom {
    text-align: center;
}

@media (max-width: 992px) {
    body.ltr .footer-grid {
        text-align: center;
    }
    
    body.ltr .footer-about {
        text-align: center;
    }
    
    body.ltr .footer-about p {
        text-align: center;
    }
    
    body.ltr .footer-links a {
        justify-content: center;
    }
    
    body.ltr .footer-contact li {
        justify-content: center;
    }
}

/* ========================================
   BLOG PAGES
   ======================================== */
body.ltr .breadcrumb ol {
    direction: ltr;
}

body.ltr .breadcrumb li:not(:last-child)::after {
    content: '/';
    margin: 0 10px;
}

body.ltr .blog-hero {
    text-align: left;
}

body.ltr .search-box {
    direction: ltr;
}

body.ltr .search-box input {
    text-align: left;
    padding-left: 45px;
    padding-right: 15px;
}

body.ltr .search-box svg {
    right: auto;
    left: 15px;
}

body.ltr .post-card {
    text-align: left;
}

body.ltr .post-meta {
    direction: ltr;
    justify-content: flex-start;
}

body.ltr .newsletter-form {
    direction: ltr;
}

body.ltr .newsletter-form input {
    text-align: left;
}

@media (max-width: 768px) {
    body.ltr .blog-hero {
        text-align: center;
    }
}

/* ========================================
   ARTICLE/POST PAGE
   ======================================== */
body.ltr .article-header {
    text-align: left;
}

body.ltr .article-meta {
    justify-content: flex-start;
}

body.ltr .article-content {
    text-align: left;
}

body.ltr .article-share {
    direction: ltr;
    text-align: left;
}

body.ltr .share-buttons {
    direction: ltr;
}

body.ltr .author-box {
    flex-direction: row;
    text-align: left;
}

body.ltr .author-info {
    text-align: left;
}

body.ltr .related-posts h3 {
    text-align: left;
}

@media (max-width: 768px) {
    body.ltr .article-header {
        text-align: center;
    }
    
    body.ltr .article-meta {
        justify-content: center;
    }
    
    body.ltr .author-box {
        flex-direction: column;
        text-align: center;
    }
    
    body.ltr .author-info {
        text-align: center;
    }
}

/* ========================================
   PROJECT DETAILS PAGE
   ======================================== */
body.ltr .project-hero {
    text-align: left;
}

body.ltr .project-content {
    flex-direction: row-reverse;
}

body.ltr .project-info-box {
    text-align: left;
}

body.ltr .info-item {
    text-align: left;
}

body.ltr .project-overview,
body.ltr .project-challenges {
    text-align: left;
}

body.ltr .overview-title,
body.ltr .challenges-title {
    text-align: left;
}

body.ltr .overview-text,
body.ltr .challenges-text {
    text-align: left;
}

/* Lightbox */
body.ltr .lightbox-prev {
    left: 20px;
    right: auto;
}

body.ltr .lightbox-next {
    right: 20px;
    left: auto;
}

@media (max-width: 768px) {
    body.ltr .project-hero {
        text-align: center;
    }
    
    body.ltr .project-content {
        flex-direction: column;
    }
}

/* ========================================
   PRINT STYLES
   ======================================== */
@media print {
    body.ltr .lang-switcher {
        display: none;
    }
}