/* ===== LTR Direction Fixes for German Site ===== */

/* Force LTR direction for all text */
body,
html {
    direction: ltr !important;
    text-align: left;
}

/* Navbar Layout - Logo on Left, Menu in Center, Hamburger on Right */
.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    order: 1; /* Logo on the left */
    margin-right: auto;
}

.nav-menu {
    order: 2; /* Menu in the middle */
}

.hamburger {
    order: 3; /* Hamburger on the right */
    margin-left: auto;
}

/* Section Headers - Left Aligned */
.section-header {
    text-align: left !important;
}

.section-header h2,
.section-header p {
    text-align: left !important;
}

/* About Section - Left Aligned */
.about-content {
    text-align: left !important;
}

.about-content h2,
.about-content .lead,
.about-content p {
    text-align: left !important;
}

.about-content h2::after {
    left: 0 !important;
    right: auto !important;
}

/* Contact Section - Left Aligned */
.contact .section-header {
    text-align: left !important;
}

.contact-info {
    text-align: left !important;
}

.info-card {
    text-align: left !important;
}

.info-card h3,
.info-card p {
    text-align: left !important;
}

/* Service Cards - Keep centered as they are card-based */
.service-card {
    text-align: center; /* Cards look better centered */
}

/* Text alignment fixes */
.hero-content {
    text-align: left;
}

/* List alignment */
ul,
ol {
    padding-left: 20px;
    padding-right: 0;
}

.about-features {
    text-align: left !important;
}

.about-features li {
    text-align: left !important;
}

/* Form inputs */
input,
textarea,
select {
    text-align: left;
    direction: ltr;
}

.form-group label {
    left: 18px !important;
    right: auto !important;
}

/* Phone number direction */
a[href^="tel:"] {
    direction: ltr;
    unicode-bidi: embed;
}

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

.footer-links ul {
    padding-left: 0;
}

.footer-links li {
    text-align: left;
}

/* Contact info icons */
.info-item,
.contact-info li {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}

.info-item i,
.contact-info li svg {
    margin-right: 10px;
    margin-left: 0;
}

/* Stats Section */
.stats-grid {
    text-align: center; /* Stats look better centered */
}

/* Mobile responsive */
@media (max-width: 768px) {
    .navbar {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .logo {
        order: 1;
        margin-right: 0;
    }
    
    .hamburger {
        order: 2;
        margin-left: 0;
    }
    
    .nav-menu {
        order: 3;
        text-align: left;
    }
    
    .nav-menu.active {
        right: 0;
        left: auto;
    }
    
    .section-header {
        text-align: left !important;
    }
    
    .about-content {
        text-align: left !important;
    }
}