/*
 * LTR supplement — loaded only when locale = en
 * Core directional rules are now in style.css and main.css using [dir] selectors.
 * This file handles remaining layout adjustments for LTR.
 */

/* ══════════════════════════════════════════
   GLOBAL
══════════════════════════════════════════ */
body, html {
    direction: ltr !important;
    text-align: left !important;
}

/* ══════════════════════════════════════════
   TOPBAR
══════════════════════════════════════════ */
#topbar { direction: ltr !important; }
#topbar .contact-info { order: 1; }
#topbar .top-contact   { order: 2; text-align: center; }
#topbar .social-links  { order: 3; text-align: right; }

/* ══════════════════════════════════════════
   NAVBAR (desktop)
══════════════════════════════════════════ */
#navbar { direction: ltr !important; }
#navbar ul { flex-direction: row !important; text-align: left !important; }
.navbar .search-form { margin-right: 0 !important; margin-left: 10px !important; }

/* ══════════════════════════════════════════
   NAVBAR (mobile — toggle stays right)
══════════════════════════════════════════ */
.mobile-nav-toggle { right: 25px !important; left: auto !important; }
@media (max-width: 991px) {
    .mobile-nav-toggle { right: 15px !important; left: auto !important; }
    .navbar-mobile .mobile-nav-toggle { right: 15px !important; left: auto !important; }
    .navbar-mobile { direction: ltr !important; }
    .navbar-mobile ul { text-align: left !important; }
}

/* ══════════════════════════════════════════
   HERO / SLIDER
══════════════════════════════════════════ */
#hero .container h2,
#hero .container p { text-align: left !important; }

/* ══════════════════════════════════════════
   GENERAL SECTIONS
══════════════════════════════════════════ */
.featured-services .icon-box,
.services .icon-box { text-align: left !important; direction: ltr !important; }

.card, .card-body, .card-title, .card-text {
    text-align: left !important;
    direction: ltr !important;
}
.breadcrumbs { direction: ltr !important; text-align: left !important; }
.inner-page, .portfolio-details, .portfolio-item {
    direction: ltr !important; text-align: left !important;
}

/* ══════════════════════════════════════════
   FORMS
══════════════════════════════════════════ */
.form-control, input, textarea, select {
    text-align: left !important;
    direction: ltr !important;
}

/* ══════════════════════════════════════════
   PAGINATION
══════════════════════════════════════════ */
.pagination { direction: ltr !important; }

/* ══════════════════════════════════════════
   USER DROPDOWN
══════════════════════════════════════════ */
#user-menu { left: auto !important; right: 0 !important; direction: ltr !important; text-align: left !important; }

/* ══════════════════════════════════════════
   BACK-TO-TOP — always bottom-right
══════════════════════════════════════════ */
.back-to-top { right: 15px !important; left: auto !important; }

/* ══════════════════════════════════════════
   .inner banner element
══════════════════════════════════════════ */
.inner { right: auto !important; left: 25% !important; }