/* TAM Logistics — Arabic (RTL) overrides.
   Load AFTER styles.css and tam-tracking.css, keeping visuals identical to English. */
html[lang="ar"] { scroll-behavior: smooth; }
html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button {
  font-family: 'Tajawal', 'Poppins', sans-serif;
}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 {
  font-family: 'Tajawal', sans-serif;
}
html[dir="rtl"] .navbar ul { padding-right: 0; }
@media(min-width:1280px) {
  html[dir="rtl"] .navbar > ul > li { padding: 10px 28px 10px 0; }
}
/* Matching hero layout, with the copy and control mirrored RTL */
html[dir="rtl"] #hero .tam-hero-content {
  align-items: flex-start;
  text-align: right;
}
html[dir="rtl"] #hero .tam-hero-tracker {
  margin-left: auto;
  margin-right: 0;
  width: min(100%, 545px);
}
html[dir="rtl"] #hero .tam-tracker-form { direction: rtl; }
html[dir="rtl"] #hero .tam-tracker-icon {
  margin: 0 14px 0 12px;
}
html[dir="rtl"] #hero .tam-tracker-form input {
  direction: ltr; text-align: right; font-family: 'Tajawal', sans-serif;
}
html[dir="rtl"] #hero .tam-tracker-form button {
  font-family: 'Tajawal', sans-serif;
  gap: 8px;
  line-height: 1;
}
html[dir="rtl"] #hero .tam-tracker-form button span { line-height:1; }
html[dir="rtl"] #hero .tam-social { justify-content: flex-start; }
html[dir="rtl"] .footer-logo.text-start { text-align: right !important; }
html[dir="rtl"] .footer-widget .footer-text,
html[dir="rtl"] .footer-widget .footer-widget-heading,
html[dir="rtl"] .footer-widget .list,
html[dir="rtl"] .copyright-text { text-align: right; }
html[dir="rtl"] .footer-social-icon { text-align: right; }
html[dir="rtl"] .contact-form-box,
html[dir="rtl"] .contact-form-box input,
html[dir="rtl"] .contact-form-box textarea { text-align: right; }
html[dir="rtl"] .contact-form-box input[type="email"],
html[dir="rtl"] .contact-form-box input[type="tel"] { direction: ltr; text-align: right; }
html[dir="rtl"] .contact-form-box select[name="country"] { direction: ltr; }
html[dir="rtl"] .contact-form-box .form-group.form-input-box.d-flex { gap: 4px; }
html[dir="rtl"] .contact-form-box .form-group.form-input-box.d-flex select { margin-right: 0 !important; }
html[dir="rtl"] .text-justify { text-align: justify; }
/* Tracking results page: same cards and steps as English, mirrored from right to left. */
html[dir="rtl"] .tam-tracking-main { text-align: right; }
html[dir="rtl"] .tam-tracking-main .tam-back-link i { display: inline-block; transform: scaleX(-1); }
html[dir="rtl"] .tam-tracking-main .tam-label { letter-spacing: 0; text-transform: none; }
html[dir="rtl"] .tam-tracking-main .tam-order-number,
html[dir="rtl"] .tam-tracking-main .tam-search-compact input {
  direction: ltr; unicode-bidi: isolate; font-family: 'Poppins', sans-serif;
}
html[dir="rtl"] .tam-tracking-main .tam-steps { direction: rtl; }
html[dir="rtl"] .tam-tracking-main .tam-step:not(:last-child)::after {
  right: calc(50% + 23px); left: auto;
}
html[dir="rtl"] .tam-tracking-main .tam-timeline li:not(:last-child)::before {
  right: 8px; left: auto;
}
html[dir="rtl"] .tam-tracking-main .tam-search-compact { direction: rtl; }
html[dir="rtl"] .tam-tracking-main .tam-search-compact input { text-align: right; }
html[dir="rtl"] .tam-tracking-main .tam-section-title { text-align: right; }
@media(max-width:767px) {
  html[dir="rtl"] #hero .tam-hero-content {
    align-items: center;
    text-align: center;
  }
  html[dir="rtl"] #hero .tam-hero-tracker { margin-left:auto; margin-right:auto; width:min(100%, 420px); }
  html[dir="rtl"] #hero .tam-social { justify-content: center; }
  html[dir="rtl"] .tam-tracking-main .tam-step:not(:last-child)::after {
    right:calc(50% + 20px); left:auto;
  }
}
@media(max-width:370px) {
  html[dir="rtl"] #hero .tam-tracker-form button { flex-basis:80px; }
}


/* TAM Arabic tracking field: align the placeholder and entered value
   to the RIGHT, next to the package icon. Keep the search button left. */
html[lang="ar"][dir="rtl"] #hero .tam-tracker-form input,
html[dir="rtl"] #hero .tam-tracker-form input {
    direction: rtl !important;
    text-align: right !important;
    padding-right: 10px !important;
    padding-left: 4px !important;
}
html[lang="ar"][dir="rtl"] #hero .tam-tracker-form input::placeholder,
html[dir="rtl"] #hero .tam-tracker-form input::placeholder {
    direction: rtl !important;
    text-align: right !important;
    opacity: 1;
}