/**
 * Arabic Justica — Tajawal (same system as usa-logistics.net/ar) + forced RTL.
 * Loaded only for lang=ar after justica-bridge.css.
 */

.justica-skin.rtl {
  --font-ar: "Tajawal", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  direction: rtl !important;
  font-family: var(--font-ar) !important;
  letter-spacing: 0 !important;
  text-align: right;
}

html[lang="ar"],
html[dir="rtl"] {
  direction: rtl;
}

/* —— Typography: one family, weight hierarchy (GP Logistics model) —— */
.justica-skin.rtl,
.justica-skin.rtl *:not(.fa):not([class*="icofont"]):not(i) {
  font-family: var(--font-ar) !important;
  letter-spacing: 0 !important;
}

.justica-skin.rtl h1,
.justica-skin.rtl h2,
.justica-skin.rtl h3,
.justica-skin.rtl h4,
.justica-skin.rtl h5,
.justica-skin.rtl h6,
.justica-skin.rtl .justica-hero__title,
.justica-skin.rtl .justica-hero__accent,
.justica-skin.rtl .p-title,
.justica-skin.rtl .justica-section-eyebrow {
  font-family: var(--font-ar) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}

.justica-skin.rtl p,
.justica-skin.rtl li,
.justica-skin.rtl .lead,
.justica-skin.rtl address,
.justica-skin.rtl .de_testi p,
.justica-skin.rtl .bloglist p {
  font-weight: 400 !important;
  line-height: 1.85 !important;
  text-transform: none !important;
}

/* Kill Bootstrap / Justica left-align on RTL pages */
.justica-skin.rtl .container,
.justica-skin.rtl .row,
.justica-skin.rtl [class*="col-"],
.justica-skin.rtl section,
.justica-skin.rtl footer,
.justica-skin.rtl header,
.justica-skin.rtl #topbar,
.justica-skin.rtl .widget,
.justica-skin.rtl .justica-commerce-card,
.justica-skin.rtl .justica-niche-card,
.justica-skin.rtl .f-box,
.justica-skin.rtl .de_testi,
.justica-skin.rtl .bloglist,
.justica-skin.rtl .post-text,
.justica-skin.rtl .team,
.justica-skin.rtl address.s1 {
  text-align: right !important;
}

.justica-skin.rtl .text-center,
.justica-skin.rtl .text-sm-center,
.justica-skin.rtl [class*="text-center"] {
  text-align: center !important;
}

.justica-skin.rtl .text-lg-start { text-align: right !important; }
.justica-skin.rtl .text-lg-end { text-align: left !important; }
.justica-skin.rtl .text-lg-left { text-align: right !important; }
.justica-skin.rtl .text-lg-right { text-align: left !important; }

@media (min-width: 992px) {
  .justica-skin.rtl .text-lg-start { text-align: right !important; }
  .justica-skin.rtl .text-lg-end { text-align: left !important; }
}

/* —— Topbar —— */
.justica-skin.rtl #topbar {
  overflow: visible !important;
  direction: rtl;
}
.justica-skin.rtl #topbar .container {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  direction: rtl;
}
.justica-skin.rtl .topbar-left,
.justica-skin.rtl .topbar-right {
  float: none !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.15rem;
}
.justica-skin.rtl .topbar-right {
  order: 1;
  margin-inline-end: auto;
  justify-content: flex-start;
}
.justica-skin.rtl .topbar-left {
  order: 2;
}
@media (max-width: 992px) {
  .justica-skin.rtl .topbar-left.sm-hide,
  .justica-skin.rtl .h-phone.md-hide {
    display: none !important;
  }
}
.justica-skin.rtl .topbar-widget {
  height: auto !important;
  min-height: 2.2rem;
  align-items: center;
  padding: 0.35rem 0.65rem !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

/* —— Header / nav (logo right → menu → phone left) —— */
.justica-skin.rtl header .de-flex {
  direction: rtl;
  flex-direction: row;
}
.justica-skin.rtl #logo img.logo-alaa--wide {
  object-position: right center !important;
}
.justica-skin.rtl #mainmenu > li {
  float: right !important;
}
.justica-skin.rtl #mainmenu > li > a {
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 1.5rem 0.8rem !important;
  line-height: 1.4 !important;
}
.justica-skin.rtl #mainmenu > li.menu-item-has-children > a {
  padding-left: 1.25rem !important;
  padding-right: 0.8rem !important;
}
.justica-skin.rtl #mainmenu > li.menu-item-has-children > a:after {
  right: auto !important;
  left: 0.1rem !important;
}
.justica-skin.rtl #mainmenu li li a {
  text-align: right !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  text-transform: none !important;
  line-height: 1.5 !important;
}
.justica-skin.rtl header.header-mobile #mainmenu {
  text-align: right !important;
  direction: rtl !important;
}
.justica-skin.rtl header.header-mobile #mainmenu a {
  text-align: right !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  padding: 0.85rem 0.4rem !important;
  color: #f5f5f5 !important;
  display: block !important;
  width: 100%;
}
.justica-skin.rtl header.header-mobile #mainmenu > li {
  float: none !important;
  width: 100% !important;
  text-align: right !important;
}
.justica-skin.rtl header.header-mobile #mainmenu li ul {
  text-align: right !important;
}
.justica-skin.rtl header.header-mobile #mainmenu li ul a {
  text-align: right !important;
  padding-right: 0.75rem !important;
}
.justica-skin.rtl .h-phone {
  padding-left: 0 !important;
  padding-right: 40px !important;
  text-align: left;
  direction: ltr;
  font-weight: 700 !important;
}
.justica-skin.rtl .h-phone span {
  left: auto !important;
  right: 40px !important;
  direction: rtl;
  text-align: right;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}
.justica-skin.rtl .h-phone i {
  left: auto !important;
  right: 0 !important;
}

/* —— Buttons (Tajawal, no uppercase distortion) —— */
.justica-skin.rtl a.btn-custom,
.justica-skin.rtl .btn-custom {
  font-family: var(--font-ar) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.45 !important;
  padding: 0.9rem 1.5rem !important;
  min-height: 3.05rem;
  min-width: 0;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  white-space: normal;
  border-radius: 8px;
}

/* —— Hero: centered on desktop (AR); mobile stays centered too —— */
.justica-skin.rtl .justica-hero__veil {
  background: linear-gradient(
    180deg,
    rgba(8, 10, 14, 0.55) 0%,
    rgba(8, 10, 14, 0.42) 45%,
    rgba(8, 10, 14, 0.62) 100%
  );
}
.justica-skin.rtl .justica-hero .row {
  justify-content: center !important;
}
.justica-skin.rtl .justica-hero__copy {
  max-width: 44rem;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-inline: auto !important;
  text-align: center !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}
.justica-skin.rtl .justica-hero .container {
  padding-inline: clamp(1rem, 4vw, 2.5rem);
}
.justica-skin.rtl .justica-hero__eyebrow {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.7rem;
  margin-top: 0.35rem;
  text-align: center !important;
}
.justica-skin.rtl .justica-hero__title {
  font-size: clamp(2.4rem, 5vw, 3.7rem) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  margin: 0.15rem auto 1rem !important;
  text-align: center !important;
}
.justica-skin.rtl .justica-hero__accent {
  color: var(--primary-color, #eaa636);
  margin-top: 0.02em !important;
}
.justica-skin.rtl .justica-hero__lead {
  font-size: clamp(1.05rem, 1.5vw, 1.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  max-width: 38rem;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 1.65rem !important;
  text-align: center !important;
}
.justica-skin.rtl .justica-hero__actions {
  justify-content: center !important;
  gap: 0.75rem;
}
.justica-skin.rtl .justica-hero__actions .justica-btn-paid {
  color: #fff !important;
  border-width: 2px !important;
  background: rgba(8, 10, 14, 0.4) !important;
}
.justica-skin.rtl .justica-hero__actions .justica-btn-paid:hover {
  background: var(--primary-color, #eaa636) !important;
  color: #111 !important;
}

/* —— CTA band —— */
.justica-skin.rtl .justica-cta-band__row {
  direction: rtl;
  align-items: center;
}
.justica-skin.rtl .justica-cta-band h3 {
  font-weight: 800 !important;
  line-height: 1.45 !important;
  text-align: right !important;
}
.justica-skin.rtl .justica-cta-band__hint {
  text-align: right !important;
  font-weight: 400 !important;
}

/* —— Cards / lists —— */
.justica-skin.rtl .justica-section-eyebrow,
.justica-skin.rtl .p-title {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}
.justica-skin.rtl .justica-commerce-card,
.justica-skin.rtl .justica-niche-card {
  text-align: right !important;
}
.justica-skin.rtl .justica-commerce-card h3,
.justica-skin.rtl .justica-niche-card h3 {
  text-align: right !important;
}
.justica-skin.rtl .justica-commerce-card__list {
  padding: 0;
  margin: 1rem 0 1.5rem;
}
.justica-skin.rtl .justica-commerce-card__list li {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0 !important;
  text-align: right !important;
  margin-bottom: 0.55rem;
}
.justica-skin.rtl .justica-commerce-card__list li::before {
  content: "" !important;
  position: static !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px;
  margin-top: 0.55em;
  flex: 0 0 auto;
}

/* Welcome / practice / team / news */
.justica-skin.rtl #section-highlight h2,
.justica-skin.rtl #section-highlight p,
.justica-skin.rtl .justica-practice,
.justica-skin.rtl .f-box,
.justica-skin.rtl .f-box h4,
.justica-skin.rtl .f-box p {
  text-align: right !important;
}
.justica-skin.rtl .small-border.sm-left,
.justica-skin.rtl .small-border {
  margin-left: auto;
  margin-right: 0;
}
.justica-skin.rtl .text-center .small-border {
  margin-left: auto;
  margin-right: auto;
}

/* Footer */
.justica-skin.rtl footer {
  direction: rtl;
  text-align: right !important;
}
.justica-skin.rtl footer .widget,
.justica-skin.rtl footer h5,
.justica-skin.rtl footer .ul-style-2,
.justica-skin.rtl footer address {
  text-align: right !important;
}
.justica-skin.rtl footer .logo-alaa--wide {
  margin-right: 0;
  margin-left: auto;
}
.justica-skin.rtl address.s1 span {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.55rem;
  white-space: normal !important;
  text-align: right !important;
  line-height: 1.55;
  direction: rtl;
}
.justica-skin.rtl address.s1 span i {
  flex: 0 0 auto;
  margin-top: 0.15rem;
  order: 0;
}
.justica-skin.rtl address.s1 span a,
.justica-skin.rtl address.s1 span {
  font-weight: 400;
}

.justica-skin.rtl footer .ul-style-2 li {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 0.7rem;
  position: relative;
  padding: 0 !important;
  text-align: right !important;
  margin: 0.45rem 0;
}
.justica-skin.rtl footer .ul-style-2 li:before,
.justica-skin.rtl footer .ul-style-2 li:after {
  display: none !important;
  content: none !important;
}
.justica-skin.rtl footer .ul-style-2 li::after {
  display: grid !important;
  place-items: center;
  content: "\f00c" !important;
  font-family: "FontAwesome" !important;
  font-family: FontAwesome !important;
  position: static !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: 1.45rem;
  height: 1.45rem;
  min-width: 1.45rem;
  flex: 0 0 auto;
  order: -1;
  background: rgba(234, 166, 54, 0.18) !important;
  color: var(--primary-color, #eaa636);
  border-radius: 3px;
  font-size: 0.7rem !important;
  padding: 0 !important;
  margin: 0.05rem 0 0 !important;
}

.justica-skin.rtl .subfooter,
.justica-skin.rtl .justica-copy {
  text-align: center !important;
}

/* Floats: contact stack on the right in RTL */
.justica-skin.rtl .justica-float-stack {
  left: auto !important;
  right: 1rem !important;
}
.justica-skin.rtl #back-to-top,
.justica-skin.rtl #back-to-top.show {
  right: auto !important;
  left: 22px !important;
}

/* —— Mobile —— */
@media (max-width: 991px) {
  .justica-skin.rtl .justica-hero__copy,
  .justica-skin.rtl .justica-hero__lead {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: none;
    text-align: center !important;
  }
  .justica-skin.rtl .justica-hero__title {
    font-size: clamp(2.1rem, 8vw, 2.7rem) !important;
    text-align: center !important;
  }
  .justica-skin.rtl .justica-hero__eyebrow {
    text-align: center !important;
  }
  .justica-skin.rtl .justica-hero__actions {
    flex-direction: column;
    width: 100%;
    justify-content: center;
  }
  .justica-skin.rtl .justica-hero__actions .btn-custom {
    width: 100%;
  }
  .justica-skin.rtl .justica-cta-band h3,
  .justica-skin.rtl .justica-cta-band__hint,
  .justica-skin.rtl .justica-cta-band .text-sm-center {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .justica-skin.rtl #topbar {
    padding: 0.4rem 0 !important;
  }
  .justica-skin.rtl #topbar .container {
    justify-content: center;
    padding-inline: 0.55rem;
  }
  .justica-skin.rtl .topbar-right {
    width: 100%;
    margin: 0;
    justify-content: center;
  }
  .justica-skin.rtl .topbar-widget {
    padding: 0.28rem 0.4rem !important;
    font-size: 0.74rem !important;
  }

  /* Tighter copyright ↔ float spacing; less air above copyright */
  .justica-skin.rtl footer {
    padding-bottom: 7.25rem !important;
  }
  .justica-skin.rtl footer .justica-footer-support {
    margin-top: 1.35rem !important;
    margin-bottom: 0.85rem !important;
  }
  .justica-skin.rtl .subfooter {
    margin-top: 0.55rem !important;
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
    margin-bottom: 2.15rem;
  }
  .justica-skin.rtl .justica-copy {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    white-space: nowrap;
    font-size: 0.64rem !important;
    gap: 0.22rem;
    padding-inline: 3.75rem !important;
    transform: none !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-inline: auto !important;
    position: relative;
    z-index: 5;
  }
  .justica-skin.rtl .justica-copy__line {
    display: inline !important;
  }
  .justica-skin.rtl .justica-copy__line + .justica-copy__line::before {
    content: "·" !important;
    margin-inline-end: 0.25rem;
  }
  .justica-skin.rtl .justica-float-stack {
    right: 0.75rem !important;
    left: auto !important;
  }
  .justica-skin.rtl #back-to-top.show {
    left: 16px !important;
    right: auto !important;
  }
}

/* Practice archive + landing (RTL) */
.justica-skin.rtl .justica-breadcrumb {
  direction: rtl;
}

/* Mobile article/practice hero: keep copy truly centered (override global section/container RTL right-align).
   Background of #subheader is untouched. */
@media (max-width: 992px) {
  .justica-skin.rtl #subheader.justica-subheader,
  .justica-skin.rtl #subheader.justica-subheader .container,
  .justica-skin.rtl #subheader.justica-subheader .row,
  .justica-skin.rtl #subheader.justica-subheader [class*="col-"],
  .justica-skin.rtl #subheader.justica-subheader .col,
  .justica-skin.rtl #subheader.justica-subheader .col.text-center,
  .justica-skin.rtl #subheader.justica-subheader .justica-subheader__copy,
  .justica-skin.rtl #subheader.justica-subheader .justica-breadcrumb,
  .justica-skin.rtl #subheader.justica-subheader h1,
  .justica-skin.rtl #subheader.justica-subheader p,
  .justica-skin.rtl #subheader.justica-subheader .justica-subheader__lede {
    text-align: center !important;
  }
  .justica-skin.rtl #subheader.justica-subheader .justica-subheader__copy,
  .justica-skin.rtl #subheader.justica-subheader .justica-breadcrumb {
    align-items: center !important;
    justify-content: center !important;
  }
}

.justica-skin.rtl .justica-services-archive .text-center,
.justica-skin.rtl .justica-services-archive__lead {
  text-align: center !important;
}
.justica-skin.rtl .justica-practice-card .text,
.justica-skin.rtl .justica-practice-card h4,
.justica-skin.rtl .justica-practice-card p {
  text-align: center !important;
}
.justica-skin.rtl .justica-practice-landing__main,
.justica-skin.rtl .justica-practice-body,
.justica-skin.rtl .justica-practice-body__h,
.justica-skin.rtl .justica-practice-quote,
.justica-skin.rtl .justica-practice-bullets,
.justica-skin.rtl .justica-practice-step,
.justica-skin.rtl .justica-practice-step h3,
.justica-skin.rtl .justica-practice-step p,
.justica-skin.rtl .justica-related-item,
.justica-skin.rtl .justica-sidebar .justica-widget,
.justica-skin.rtl .justica-sidebar h4,
.justica-skin.rtl .justica-sidebar-contact,
.justica-skin.rtl .justica-sidebar-areas__title,
.justica-skin.rtl .justica-sidebar-areas__meta,
.justica-skin.rtl .justica-widget--library p {
  text-align: right !important;
}
.justica-skin.rtl .justica-practice-meta {
  flex-direction: row;
  justify-content: flex-start;
}
.justica-skin.rtl .justica-practice-bullets li {
  padding-inline-start: 1.65rem;
}
.justica-skin.rtl .justica-sidebar-areas a {
  flex-direction: row;
}
.justica-skin.rtl .justica-practice-cta-band,
.justica-skin.rtl .justica-practice-cta-band h3,
.justica-skin.rtl .justica-practice-cta-band p {
  text-align: right !important;
}
.justica-skin.rtl .justica-practice-cta-band__actions {
  justify-content: flex-start;
}

/* About page RTL */
.justica-skin.rtl .justica-about-intro__copy,
.justica-skin.rtl .justica-about-intro__copy h2,
.justica-skin.rtl .justica-about-intro__copy p,
.justica-skin.rtl .justica-about-office__list,
.justica-skin.rtl .justica-about-office h2,
.justica-skin.rtl .justica-about-value,
.justica-skin.rtl .justica-about-value h3,
.justica-skin.rtl .justica-about-value p {
  text-align: right !important;
}
.justica-skin.rtl .justica-about-intro .small-border.sm-left {
  margin-left: auto;
  margin-right: 0;
}
.justica-skin.rtl .justica-about-pillar .text,
.justica-skin.rtl .justica-about-pillar__title,
.justica-skin.rtl .justica-about-pillar p {
  text-align: center !important;
}
.justica-skin.rtl .justica-about-values .text-center,
.justica-skin.rtl .justica-about-team .text-center {
  text-align: center !important;
}
.justica-skin.rtl .justica-about-office__list li {
  flex-direction: row;
}
.justica-skin.rtl .justica-about-intro__actions {
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .justica-skin.rtl .justica-about-intro__copy,
  .justica-skin.rtl .justica-about-intro__copy h2,
  .justica-skin.rtl .justica-about-intro__copy p {
    text-align: center !important;
  }
  .justica-skin.rtl .justica-about-intro .small-border.sm-left {
    margin-left: auto;
    margin-right: auto;
  }
  .justica-skin.rtl .justica-about-intro__actions {
    justify-content: center;
  }
}
