/* PBL V8.5.16.1 — Arabic public-site polish / RTL safety */
html[dir="rtl"]{direction:rtl}
html[dir="rtl"] body{
  direction:rtl;
  text-align:right;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;
  font-feature-settings:"kern" 1;
}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{
  line-height:1.24;
  letter-spacing:0;
}
html[dir="rtl"] p,html[dir="rtl"] li,html[dir="rtl"] label{line-height:1.72}
html[dir="rtl"] .eyebrow{letter-spacing:0;font-weight:800}

/* Keep Latin/technical data visually stable inside RTL pages. */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[name*="reference"],
html[dir="rtl"] code,
html[dir="rtl"] .utility-email,
html[dir="rtl"] .pbl-brand-ltr{
  direction:ltr!important;
  unicode-bidi:isolate;
}
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"]{display:inline-flex;align-items:center}
html[dir="rtl"] .contact-line[href^="tel:"]{direction:rtl!important;display:block}
html[dir="rtl"] .contact-line[href^="tel:"] strong{direction:ltr;unicode-bidi:isolate;display:inline-flex;gap:.35rem;align-items:center}
html[dir="rtl"] .phone-input{direction:ltr}
html[dir="rtl"] .phone-input select,html[dir="rtl"] .phone-input input{direction:ltr;text-align:left}

/* Header / language / navigation */
html[dir="rtl"] .public-header .utility-inner,
html[dir="rtl"] .public-header .nav-inner,
html[dir="rtl"] .desktop-nav,
html[dir="rtl"] .nav-actions{direction:rtl}
html[dir="rtl"] .public-header .utility-contact{direction:rtl}
html[dir="rtl"] .public-header .utility-contact a[href^="tel:"],
html[dir="rtl"] .public-header .utility-contact a[href^="mailto:"]{direction:ltr!important}
html[dir="rtl"] .brand{margin-inline:0}
html[dir="rtl"] .desktop-nav a{white-space:nowrap}
html[dir="rtl"] .pbl-language-switcher{direction:ltr;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-width:78px}
html[dir="rtl"] .mobile-navigation,html[dir="rtl"] .mobile-panel,html[dir="rtl"] .mobile-sub{text-align:right}

/* Public sections */
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .section-heading,
html[dir="rtl"] .service-description,
html[dir="rtl"] .support-card,
html[dir="rtl"] .tracking-description,
html[dir="rtl"] .portal-benefits,
html[dir="rtl"] .page-hero,
html[dir="rtl"] .public-page-hero .wrap,
html[dir="rtl"] .contact-card,
html[dir="rtl"] .pbl-article-body,
html[dir="rtl"] .pbl-article-cta{text-align:right}
html[dir="rtl"] .button-row,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .contact-cta-actions,
html[dir="rtl"] .service-cta-actions,
html[dir="rtl"] .success-actions{justify-content:flex-start}
html[dir="rtl"] .service-arrow{transform:rotate(180deg)}
html[dir="rtl"] .carrier-links,
html[dir="rtl"] .trust-bar,
html[dir="rtl"] .metric-grid,
html[dir="rtl"] .service-grid,
html[dir="rtl"] .support-grid{direction:rtl}

/* Tracking / route panel: preserve clear hierarchy instead of mirroring blindly. */
html[dir="rtl"] .journey{text-align:right}
html[dir="rtl"] .journey>.row.spread{direction:rtl;display:flex;align-items:center;justify-content:space-between;gap:1rem}
html[dir="rtl"] .journey>.row.spread h3{margin:0;text-align:right}
html[dir="rtl"] .journey-status{white-space:nowrap;text-align:left}
html[dir="rtl"] .journey>p{text-align:right}
html[dir="rtl"] .journey-diagram{display:block;width:100%;height:auto;direction:ltr}
html[dir="rtl"] .journey-stages{direction:rtl;text-align:right}
html[dir="rtl"] .journey-stages>div{text-align:right}
html[dir="rtl"] .track-tabs{direction:rtl}
html[dir="rtl"] .timeline,html[dir="rtl"] .timeline>div{text-align:right;direction:rtl}

/* Forms and quotation */
html[dir="rtl"] .quote-wizard-progress ol,html[dir="rtl"] .quote-step-actions{direction:rtl}
html[dir="rtl"] .quote-step-actions.end{justify-content:flex-start}
html[dir="rtl"] .form-grid label,html[dir="rtl"] .quote-form label,html[dir="rtl"] .tracking-tool label{text-align:right}
html[dir="rtl"] select{background-position:left .9rem center}
html[dir="rtl"] table th,html[dir="rtl"] table td{text-align:right}

/* Search */
html[dir="rtl"] .pbl-search-dialog,html[dir="rtl"] .pbl-search-suggestions{text-align:right}
html[dir="rtl"] .pbl-search-form{direction:rtl}
html[dir="rtl"] .pbl-search-form input{direction:rtl;text-align:right}

/* Footer */
html[dir="rtl"] .site-footer,html[dir="rtl"] .footer-grid,html[dir="rtl"] .footer-base{text-align:right;direction:rtl}
html[dir="rtl"] .site-footer a[href^="tel:"],html[dir="rtl"] .site-footer a[href^="mailto:"]{direction:ltr!important;unicode-bidi:isolate}
html[dir="rtl"] .legal-links{direction:rtl}
html[dir="rtl"] .footer-brand img{display:block;margin-inline-start:auto;margin-inline-end:0}

@media(max-width:980px){
  html[dir="rtl"] .journey>.row.spread{align-items:flex-start}
}
@media(max-width:760px){
  html[dir="rtl"] .hero-copy h1,html[dir="rtl"] .page-hero h1,html[dir="rtl"] .public-page-hero h1{line-height:1.22}
  html[dir="rtl"] .quote-step-actions{gap:.65rem}
  html[dir="rtl"] .quote-step-actions .btn{width:100%}
  html[dir="rtl"] .journey>.row.spread{flex-direction:column;gap:.35rem}
  html[dir="rtl"] .journey-status{text-align:right}
}

/* PBL V8.5.16.2 — Arabic header responsive polish.
   Arabic labels are wider than the English navigation. Do not squeeze the
   full desktop header into laptop widths: switch to the existing compact
   navigation before links/actions collide or overflow. */
@media (min-width:1241px) and (max-width:1460px){
  html[dir="rtl"] .public-header .nav-inner{gap:.7rem}
  html[dir="rtl"] .public-header .brand img{width:158px;height:auto}
  html[dir="rtl"] .public-header .desktop-nav{gap:.7rem}
  html[dir="rtl"] .public-header .desktop-nav a{font-size:.91rem;padding-inline:.15rem}
  html[dir="rtl"] .public-header .nav-actions{gap:.45rem}
  html[dir="rtl"] .public-header .nav-actions .button{padding:.68rem .8rem;font-size:.86rem}
  html[dir="rtl"] .public-header .nav-actions .pbl-language-switcher{min-width:66px;padding:.55rem .7rem;font-size:.8rem}
}

@media (max-width:1240px){
  html[dir="rtl"] .public-header .nav-inner{
    direction:rtl!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:1rem!important;
    min-height:82px;
  }
  html[dir="rtl"] .public-header .desktop-nav,
  html[dir="rtl"] .public-header .nav-actions{display:none!important}
  html[dir="rtl"] .public-header .brand{
    display:inline-flex!important;
    align-items:center;
    flex:0 0 auto;
    margin:0!important;
  }
  html[dir="rtl"] .public-header .brand img{width:165px;height:auto;display:block}
  html[dir="rtl"] .public-header .mobile-route{
    display:block!important;
    flex:1 1 auto;
    min-width:0;
    margin:0!important;
    text-align:center;
    color:#071b2b;
    font-weight:800;
    font-size:1rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  html[dir="rtl"] .public-header .menu-toggle{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    flex:0 0 46px;
    width:46px;
    height:46px;
    margin:0!important;
  }
  html[dir="rtl"] .public-header .mobile-navigation{
    direction:rtl!important;
    text-align:right!important;
  }
  html[dir="rtl"] .public-header .mobile-navigation:not([hidden]){
    display:flex!important;
    flex-direction:column;
  }
  html[dir="rtl"] .public-header .mobile-navigation a{width:100%;text-align:right}
  html[dir="rtl"] .public-header .mobile-navigation .button{justify-content:center;text-align:center}
}

@media (max-width:760px){
  html[dir="rtl"] .public-header .nav-inner{min-height:72px;gap:.7rem!important}
  html[dir="rtl"] .public-header .brand img{width:140px}
  html[dir="rtl"] .public-header .mobile-route{font-size:.94rem;text-align:right}
}

/* PBL V8.5.16.3 — language moved out of the Arabic main-nav row. */
@media (min-width:981px){
  html[dir="rtl"] .public-header .utility-inner{direction:ltr!important}
  html[dir="rtl"] .public-header .utility-credentials,
  html[dir="rtl"] .public-header .utility-contact{white-space:nowrap}
  html[dir="rtl"] .public-header .nav-actions .pbl-language-switcher{display:none!important}
}
