/* ELIE v5.1.54 — stable top HUD and isolated Arabic navigation geometry. */

@media (min-width:900px) and (min-height:520px),
       (hover:hover) and (pointer:fine){
  /* The upper control group is never allowed to reveal its measurement pass.
     It appears only in its final position, with opacity alone. */
  .screen .top-actions-dock{
    visibility:hidden!important;
    opacity:0!important;
    direction:ltr!important;
    transform:translate3d(-50%,0,0)!important;
    transition:opacity .34s cubic-bezier(.22,.72,.24,1)!important;
    will-change:opacity;
  }
  .screen .top-actions-dock.is-positioned{
    visibility:visible!important;
    opacity:1!important;
  }
  .screen .top-actions-dock,
  .screen .top-actions-dock .career-reference-hud,
  .screen .top-actions-dock .career-reference-orbit,
  .screen .top-actions-dock .career-reference-panel,
  .screen .top-actions-dock .home-share-launch,
  .screen .top-actions-dock .menu-support-launch{
    animation:none!important;
  }
  .screen .top-actions-dock .career-reference-hud{
    transition:filter .24s ease!important;
  }

  /* RTL changes text direction, not the physical three-column architecture.
     Explicit columns keep Career / Share / Support above the right menu group. */
  html[dir="rtl"] .topbar.topbar-v518{
    direction:ltr!important;
  }
  html[dir="rtl"] .topbar-v518 .nav-cluster-left{
    grid-column:1!important;
    direction:ltr!important;
  }
  html[dir="rtl"] .topbar-v518 .nav-logo-button{
    grid-column:2!important;
  }
  html[dir="rtl"] .topbar-v518 .nav-cluster-right{
    grid-column:3!important;
    direction:ltr!important;
  }
  html[dir="rtl"] .topbar-v518 .nav-row{
    direction:ltr!important;
    gap:calc(var(--u)*.55)!important;
  }
  html[dir="rtl"] .topbar-v518 .nav-btn{
    direction:rtl!important;
    unicode-bidi:plaintext!important;
    text-align:center!important;
    min-width:calc(var(--u)*8.55)!important;
    max-width:calc(var(--u)*12.15)!important;
    padding-inline:calc(var(--u)*.58)!important;
    font-size:clamp(8px,calc(var(--u)*.62),12px)!important;
    white-space:nowrap!important;
  }
  html[dir="rtl"] .top-actions-dock{
    direction:ltr!important;
  }
  html[dir="rtl"] .top-actions-dock .career-reference-hud{
    direction:ltr!important;
  }
  html[dir="rtl"] .top-actions-dock .career-reference-title{
    direction:rtl!important;
    unicode-bidi:plaintext!important;
    text-align:right!important;
  }
  html[dir="rtl"] .top-actions-dock .career-reference-meta,
  html[dir="rtl"] .top-actions-dock .career-reference-orbit{
    direction:ltr!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .screen .top-actions-dock{transition:none!important}
}