/* English Version Styles - Hydrogas Website */

/* Font Override for English */
.english {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    direction: ltr;
}

.english * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Navigation Adjustments for English */
.english .nav-container {
    flex-direction: row;
}

.english .nav-menu {
    order: 0;
}

.english .language-switcher {
    order: 1;
    margin-left: 20px;
}

.english .hamburger {
    order: 2;
}

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

.lang-link {
    padding: 8px 16px;
    background: rgba(139, 21, 56, 0.1);
    color: var(--qatar-maroon);
    text-decoration: none;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.lang-link:hover {
    background: var(--qatar-maroon);
    color: var(--qatar-white);
    border-color: var(--qatar-maroon);
}

/* Text Alignment for English */
.english .hero-content,
.english .section-header,
.english .about-text,
.english .impact-text,
.english .contact-form,
.english .footer-section {
    text-align: left;
}

.english .hero-content {
    text-align: center;
}

.english .section-header {
    text-align: center;
}

/* Grid Adjustments for LTR */
.english .about-grid {
    grid-template-columns: 1fr 1fr;
}

.english .about-text {
    order: 1;
}

.english .about-image {
    order: 2;
}

.english .impact-content {
    grid-template-columns: 1fr 1fr;
}

.english .impact-stats {
    order: 1;
}

.english .impact-text {
    order: 2;
}

.english .contact-content {
    grid-template-columns: 1fr 1fr;
}

.english .contact-form {
    order: 1;
}

.english .contact-info {
    order: 2;
}

/* Features List Alignment */
.english .features-list li {
    justify-content: flex-start;
}

.english .features-list i {
    margin-right: 10px;
    margin-left: 0;
}

/* Contact Items Alignment */
.english .contact-item {
    flex-direction: row;
    text-align: left;
}

.english .contact-item i {
    margin-right: 15px;
    margin-left: 0;
}

/* Footer Adjustments */
.english .footer-content {
    text-align: left;
}

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

/* Button Adjustments */
.english .hero-buttons {
    justify-content: center;
}

.english .cta-buttons {
    justify-content: center;
}

/* Navigation Active State */
.english .nav-link.active::after {
    left: 0;
    right: auto;
}

/* Responsive Adjustments for English */
@media (max-width: 768px) {
    .english .language-switcher {
        position: absolute;
        top: 15px;
        right: 60px;
        margin: 0;
    }
    
    .english .nav-menu {
        text-align: left;
    }
    
    .english .about-grid,
    .english .impact-content,
    .english .contact-content {
        grid-template-columns: 1fr;
    }
    
    .english .about-text,
    .english .about-image,
    .english .impact-stats,
    .english .impact-text,
    .english .contact-form,
    .english .contact-info {
        order: unset;
    }
}

/* Typography Improvements for English */
.english h1,
.english h2,
.english h3,
.english h4,
.english h5,
.english h6 {
    font-weight: 700;
    letter-spacing: -0.02em;
}

.english .hero-title {
    font-weight: 800;
    letter-spacing: -0.03em;
}

.english .section-title {
    font-weight: 700;
    letter-spacing: -0.02em;
}

.english p {
    line-height: 1.7;
    letter-spacing: 0.01em;
}

/* Form Improvements for English */
.english .form-group input,
.english .form-group select,
.english .form-group textarea {
    text-align: left;
    direction: ltr;
}

.english .form-group input::placeholder,
.english .form-group textarea::placeholder {
    text-align: left;
}

/* Stats and Numbers */
.english .stat-number {
    font-weight: 800;
}

.english .stat-label {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.9rem;
}

/* Product Cards */
.english .product-content {
    text-align: center;
}

.english .product-content h3 {
    font-weight: 700;
}

/* Tech Cards */
.english .tech-card {
    text-align: center;
}

.english .tech-card h3 {
    font-weight: 700;
}

/* Impact Cards */
.english .impact-stat {
    text-align: center;
}

/* Breadcrumb for English (if needed) */
.english .breadcrumb {
    direction: ltr;
    text-align: left;
}

.english .breadcrumb::before {
    content: '>';
    margin: 0 8px;
}

/* List Improvements */
.english ul li {
    text-align: left;
}

.english .features-list li::before {
    left: 0;
    right: auto;
}

/* Animation Adjustments */
.english .nav-link::after {
    left: 0;
    right: auto;
}

/* Scroll Indicator */
.english .scroll-indicator {
    left: 50%;
    transform: translateX(-50%);
}

/* Mobile Menu Adjustments */
@media (max-width: 768px) {
    .english .nav-menu.active {
        text-align: left;
        padding-left: 20px;
    }
    
    .english .nav-item {
        text-align: left;
    }
}

/* Print Styles for English */
@media print {
    .english {
        font-family: 'Times New Roman', serif;
    }
    
    .english .language-switcher,
    .english .hamburger,
    .english .social-links {
        display: none;
    }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .english .lang-link {
        border: 2px solid var(--qatar-maroon);
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .english * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Dark Mode Support (if implemented) */
@media (prefers-color-scheme: dark) {
    .english .lang-link {
        background: rgba(139, 21, 56, 0.2);
        color: var(--qatar-white);
    }
}

/* Article Page English Adjustments */
.english .article-quote {
    border-left: 4px solid var(--qatar-maroon);
    border-right: none;
    padding-left: 30px;
    padding-right: 20px;
}

.english .breadcrumb-nav {
    direction: ltr;
}

.english .article-author {
    direction: ltr;
}

.english .related-article:hover {
    transform: translateX(5px);
}

.english .share-btn:hover {
    transform: translateX(5px);
}

.english .nav-link.next {
    justify-content: flex-start;
    text-align: right;
}

.english .nav-link.prev {
    justify-content: flex-end;
    text-align: left;
}

.english .read-time i {
    margin-left: 0;
    margin-right: 5px;
}

.english .article-list {
    padding-left: 20px;
    padding-right: 0;
}

/* Gallery English Adjustments */
.english .gallery-overlay {
    text-align: left;
}

.english .modal-info {
    text-align: left;
}

/* Blog English Adjustments */
.english .article-footer {
    text-align: left;
}

.english .article-meta {
    direction: ltr;
}

/* Contact Form English Adjustments */
.english .contact-form {
    text-align: left;
}

.english .checkbox-label {
    text-align: left;
    direction: ltr;
}

/* Product Comparison English Adjustments */
.english .comparison-table {
    direction: ltr;
}

.english .comparison-table th,
.english .comparison-table td {
    text-align: left;
}

/* Article Content English Adjustments */
.english .content-main h2,
.english .content-main h3 {
    text-align: left;
}

.english .content-main p {
    text-align: left;
}

.english .article-title {
    text-align: left;
}

.english .article-subtitle {
    text-align: left;
}

.english .sidebar-widget {
    text-align: left;
}

.english .sidebar-widget h3 {
    text-align: left;
}

.english .newsletter-form {
    text-align: left;
}

.english .social-share {
    text-align: left;
}

/* Article Navigation English */
.english .article-navigation .nav-links {
    direction: ltr;
}

.english .nav-content {
    text-align: inherit;
}

/* Responsive Article Adjustments */
@media (max-width: 768px) {
    .english .article-body {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .english .article-sidebar {
        position: static;
        order: 2;
    }

    .english .content-main {
        order: 1;
    }

    .english .article-title {
        font-size: 2rem;
    }

    .english .impact-stats {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .english .nav-links {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .english .nav-link.center {
        order: 3;
    }

    .english .nav-link.prev {
        order: 1;
    }

    .english .nav-link.next {
        order: 2;
    }
}