/* ============================================================
   S.AUTO — Custom overrides
   ============================================================ */

/* ── RTL — Arabic language support ─────────────────────────── */
html[lang="ar"],
html[lang^="ar"] {
    direction: rtl;
}
html[lang="ar"] body,
html[lang^="ar"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}
/* Header / Nav RTL */
html[lang="ar"] .ltn__header-middle-area .header-menu-area > ul,
html[lang="ar"] .ltn__main-menu > ul {
    flex-direction: row-reverse;
}
html[lang="ar"] .ltn__main-menu .sub-menu {
    left: auto;
    right: 0;
}
html[lang="ar"] .get-support-info h4 { direction: ltr; } /* keep phone LTR */
html[lang="ar"] .ltn__breadcrumb-area .breadcrumb { flex-direction: row-reverse; }
html[lang="ar"] .ltn__slider-area .slide-title,
html[lang="ar"] .ltn__slider-area .slide-brief { text-align: right; }
html[lang="ar"] .elementor-widget-container { text-align: right; }
html[lang="ar"] .elementor-icon-box-content { text-align: right; }
html[lang="ar"] ul, html[lang="ar"] ol { padding-right: 1.5em; padding-left: 0; }
html[lang="ar"] .ltn__footer-widget ul li a { text-align: right; }
/* Keep numbers / phone numbers LTR inside RTL */
html[lang="ar"] a[href^="tel"],
html[lang="ar"] a[href^="mailto"] { direction: ltr; unicode-bidi: embed; }

/* ── Logo ──────────────────────────────────────────────────── */
/* 1. Remove the 101px hard cap from style.css */
.site-logo-wrap .site-logo {
    min-width: unset !important;
    max-width: none  !important;
    width: auto      !important;
}

/* 2. Force logo image to 180px wide in the header */
.site-logo .custom-logo-link,
.site-logo a {
    display: block !important;
}
.site-logo .custom-logo-link img,
.site-logo img.custom-logo,
.site-logo img {
    display:   block     !important;
    width:     180px     !important;
    height:    auto      !important;
    max-width: 180px     !important;
    object-fit: contain  !important;
}

/* 3. Footer logo */
.ltn__copyright-area .site-logo img,
.ltn__copyright-area .custom-logo-link img {
    display:   block    !important;
    width:     140px    !important;
    height:    auto     !important;
    max-width: 140px    !important;
}

/* ── Readability overlays — darken backgrounds so white text pops ── */

/* 1. Hero slider — stronger dark overlay */
.ltn__slider-area .ltn__slide-item,
.ltn__slider-area .slick-slide > div,
.ltn__slider-area .ltn__slide-item-2 {
    position: relative;
}
.ltn__slider-area .ltn__slide-item::before,
.ltn__slider-area .slick-slide > div::before,
.ltn__slider-area .ltn__slide-item-2::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.62);
    z-index: 1;
    pointer-events: none;
}
/* Ensure slide content sits above overlay */
.ltn__slider-area .ltn__slide-item-inner,
.ltn__slider-area .ltn__slide-animation,
.ltn__slider-area .slide-item-info {
    position: relative;
    z-index: 2;
}

/* 2. About Us section */
.ltn__about-us-area,
[class*="about-us"] {
    position: relative;
}

/* 3. Why Choose Us — dark bg sections */
.ltn__why-choose-us-area,
[class*="why-choose"] {
    position: relative;
}

/* 4. Service items section */
.ltn__service-item-area,
[class*="service-item"] {
    position: relative;
}

/* 5. Testimonial section */
.ltn__testimonial-area,
[class*="testimonial"] {
    position: relative;
}

/* 6. Any section using bg-overlay: boost to 65% */
.bg-overlay-black-50:before { background: rgba(0, 0, 0, 0.65) !important; }
.bg-overlay-black-60:before { background: rgba(0, 0, 0, 0.72) !important; }
.bg-overlay-black-70:before { background: rgba(0, 0, 0, 0.78) !important; }

/* 7. Slide title & subtitle — add text-shadow for extra contrast */
.slide-title,
.slide-title h1,
.slide-title h2 {
    text-shadow: 2px 3px 12px rgba(0,0,0,0.85) !important;
}
.slide-brief,
.slide-sub-title,
.ltn__slider-area p {
    text-shadow: 1px 2px 8px rgba(0,0,0,0.9) !important;
}

/* ── Header middle area — vertical center everything ──────── */
.ltn__header-middle-area .container > .row {
    align-items: center !important;
    min-height: 80px;
}
.ltn__header-middle-area .site-logo-wrap {
    align-items: center !important;
}
.ltn__header-middle-area .col,
.ltn__header-middle-area .header-menu-column {
    display: flex           !important;
    align-items: center    !important;
}
.ltn__header-middle-area .header-menu {
    display:         flex  !important;
    align-items:     center !important;
    justify-content: flex-end !important;
    width: 100%            !important;
}
.ltn__header-middle-area nav,
.ltn__header-middle-area .ltn__main-menu {
    display:      flex     !important;
    align-items:  center   !important;
}

/* ── Language switcher — top bar dropdown ───────────────────── */
.sauto-lang-switcher {
    display: inline-block;
    position: relative;
    margin-left: 14px;
    vertical-align: middle;
}
.sauto-lang-current {
    position: relative;
    cursor: pointer;
}
.sauto-lang-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 0;
    user-select: none;
}
.sauto-lang-label i {
    font-size: 9px;
    transition: transform 0.2s;
}
.sauto-lang-current:hover .sauto-lang-label i,
.sauto-lang-current.open .sauto-lang-label i {
    transform: rotate(180deg);
}
/* Dropdown list */
.sauto-lang-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: #1a1a1a;
    border-top: 2px solid #e8292e;
    min-width: 110px;
    list-style: none;
    margin: 0;
    padding: 4px 0;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,.35);
}
.sauto-lang-current.open .sauto-lang-dropdown,
.sauto-lang-current:focus-within .sauto-lang-dropdown {
    display: block;
}
.sauto-lang-dropdown li {
    margin: 0;
    padding: 0;
}
.sauto-lang-dropdown li a {
    display: block;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ccc !important;
    text-decoration: none !important;
    transition: color 0.15s, background 0.15s;
}
.sauto-lang-dropdown li a:hover {
    color: #fff !important;
    background: #2a2a2a;
}
/* RTL adjustment */
html[lang="ar"] .sauto-lang-dropdown {
    right: auto;
    left: 0;
}
/* Remove old lang-item inline styles from nav */
.ltn__main-menu li.lang-item { display: none !important; }

/* ── Phone number — prevent line-break ────────────────────── */
.get-support-info h4,
.get-support-info h4 a {
    white-space: nowrap !important;
    font-size: 15px     !important;
}
.get-support-info h6 {
    white-space: nowrap !important;
    font-size: 11px     !important;
}

/* ── Header CTA button — single line ──────────────────────── */
.special-link a,
.ltn__header-middle-area .special-link a {
    white-space: nowrap !important;
    padding:     10px 18px !important;
    font-size:   13px      !important;
    line-height: 1.2       !important;
}