/*======================================================================
  Al Neklawy - English Style Sheet (LTR Overrides)
  This file overrides the default RTL styles when the HTML lang is English
  or the direction is set to LTR.
======================================================================*/

html[lang^="en"], html[dir="ltr"] {
    /*=============== FONT & GENERAL ===============*/
    --body-font: "IBM Plex", "Inter", "Outfit", sans-serif;
    
    body {
        font-family: var(--body-font);
    }

    /*=============== MAIN.CSS OVERRIDES ===============*/
    .header {
        .subheader {
            
            
            .right {
                border-radius: 0 40px 40px 0; /* Reverse from 40px 0 0 40px */
            }

            .left {
                .info-dropdown {
					left: auto;
					right: 0;
                    a {
                        text-align: left;
                    }
                }
            }
        }

        .nav {
            .btns {
                .btn {
                    padding: 8.5px 10px 8.5px 21px ; /* Reverse from 8.5px 10px 8.5px 21px */
					flex-direction: row-reverse;
                }
                
                .btns__mobile {
                    .btn {
                        padding: 8.5px 10px 8.5px 21px ;
						flex-direction: row-reverse;
                    }
                }
            }
        }
    }

    /* Responsive Mobile Nav overrides */
    @media (max-width: 991px) {
        .header {
            .nav {
                .btns {
                    .btn {
                        padding: 8px 16px; /* Symmetric override */
                    }
                }
            }
        }
    }

    /* Footer styling */
    .footer {
        .footer__container {
            .footer__content {
                text-align: left;
                
                .group__logo {
                    text-align: center;
                }
            }
        }
    }

	.home {
		.home__container {
			.home__content {
				.bottom__content {
					a {
						flex-direction: row-reverse;

					}
				}
			}
		}
	}
	
	.our__services {
		.our__services__container {
			.our__services__content {
				.group__services {
					.our__services__data {
						.btn {
							flex-direction: row-reverse;

						}
					}
				}
			}
		}
	}
	
	.cars {
		.cars__container {
			.cars__content {
				.text__right {
				}
				.text__left {
					left: 60px !important;
					max-width: 430px !important;
				}
			}
		}

		@media (max-width: 991px) {
			.cars {
				.cars__container {
					.cars__content {
						.text__right {
							max-width: 300px;
							top: -95px;
							
							h2{
								font-size: 27px;
							}
						}
						.text__left {
							left: -5px;
							max-width: 265px;
							top: 100px;
							
							h2 {
								font-size: 24px !important;
							}
						}
					}
				}
			}
		}

		@media (max-width: 768px) {
			.cars {
				.cars__container {
					.cars__content {
						.text__right {
						}
						.text__left {
						}
					}
				}
			}
		}

		@media (max-width: 576px) {
			.cars {
				.cars__container {
					.cars__content {
						.text__left {
							left: 0px !important;
							max-width: 335px !important;
							top: 185px;
						}
					}
				}
			}
		}
	}
	
	/*=============== WHY US ===============*/
/* 	.why__us {

		.why__us__container {

			.why__us__content {

				.why__us__img {

					img {
						transform: scalex(-1)
					}
				}
			}
		}
	} */


    /*=============== WHY.CSS OVERRIDES ===============*/
    .hero__why {
        .truck {
            right: auto;
            left: -6%;
            transform: translateY(-50%) scaleX(1) !important; /* Point truck inward in LTR */
        }

        .car {
            left: auto;
            right: -5%;
            transform: translateY(-50%) scaleX(1) !important; /* Point car inward in LTR */
        }

        @media (max-width: 991px) {
            .truck {
                right: auto;
                left: -14%;
            }
            .car {
                left: auto;
                right: -8%;
            }
        }
    }

    /*=============== FLEET.CSS OVERRIDES ===============*/
       /*=============== FLEET.CSS OVERRIDES ===============*/
    .fleet {
        .fleet__container {
            .fleet__content {
                .fleet__grid {
                    .fleet__card {
                        .card__img__wrapper {
                            .card__tag {
                                right: auto;
                                left: 17px; /* Swap tag to top-left corner */
                            }
                        }
                        .card__body {
                            .card__desc {
                                text-align: left;
                            }
                        }
                    }
                }

                .form__fleet__body {
                    .form__grid {
                        .form__group {
                            .form__input__wrapper {
                                .form__input {
                                    text-align: left;
                                }
                            }

                            .custom__select__wrapper {
                                .custom__select__trigger {
                                    flex-direction: row; /* Match normal LTR flex flow */
                                }
                                
                                .custom__select__options {
                                    li {
                                        text-align: left;
                                        
                                        &:hover {
                                            padding-right: 18px; /* Original was padding-right: 22px */
                                            padding-left: 22px;  /* Apply shift hover padding on left side */
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .form__submit__btn {
                        flex-direction: row-reverse; /* Swap icon to the right side of the text in LTR */
                    }
                }
            }
        }
    }

	.form__fleet {
		.form__fleet__container {
			.form__fleet__card {
				.form__fleet__body {
					.form__grid {
						.form__group {
							.form__input__wrapper {
								.form__input {
									text-align: left;
								}
							}
						}
					}
					.form__submit__btn {
                        flex-direction: row-reverse; /* Swap icon to the right side of the text in LTR */
                    }
				}
			}
		}
	}
    /*=============== REGISTER.CSS OVERRIDES ===============*/
    .register {
        .register__container {
            .register__form__panel {
                .register__card {
                    .back__btn {
                        flex-direction: row-reverse; /* Put the back arrow icon to the left of "Back" text */
						left: auto;
						right: 15px;
						top: 15px;
						
						i{
							margin-top: 0;
						}
                    }
                    
                    .register__form {
                        .register__group {
                            text-align: left;
                            
                            .register__input,
                            .register__textarea {
                                text-align: left;
                            }
                        }
                    }
                }
            }
        }
    }
}