/* Arabic typography and accessibility over the original Webflow interface.
   Original dimensions, animation targets, sticky choreography and assets remain in dist. */
html[lang="ar"] body,
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[lang="ar"] button, html[lang="ar"] input, html[lang="ar"] textarea,
html[lang="ar"] select, html[lang="ar"] .text-size-regular {
  font-family: var(--boost-font);
  letter-spacing: normal;
}
html[lang="ar"] body { direction: rtl; }
html[lang="ar"] :is(h1,h2,h3,h4,h5,h6) { line-height: 1.32; }
html[lang="ar"] :is(p,.text-size-regular) { line-height: 1.8; }
html[lang="ar"] .text-align-center { text-align: center; }
html[lang="ar"] .nav_link-inner { line-height: 1.6; }
html[lang="ar"] .hero_content.is-left,
html[lang="ar"] .hero_content.is-textpage,
html[lang="ar"] .hero_content.is-service { text-align: start; }
html[lang="ar"] .splash_lottie-group { direction: ltr; }
html[lang="ar"] .splash_text { direction: rtl; }
html[lang="ar"] .line-mask { left: 0; right: auto; }
html[lang="ar"] .slider_list { direction: ltr; }
html[lang="ar"] .slider_list .slider_item { direction: rtl; }
/* The expertise carousel initializes Slick with rtl:true. Its track must use
   the same direction, or its variable-width slides translate off screen. */
html[lang="ar"] .team-section .slider_list { direction: rtl; }
html[lang="ar"] .quote_human-photo .boost-logo { object-fit: contain; padding: .5rem; }
html[lang="ar"] .review_head { object-fit: contain; }
html[lang="ar"] :is(input[type=email],input[type=tel],input[type=url]) { direction: ltr; }
.legacy-skip-link { position: fixed; top: 1rem; right: 1rem; z-index: 10000; padding: .8rem 1.25rem; background: #f6dea3; color: #0b1730; transform: translateY(-200%); border-radius: .25rem; }
.legacy-skip-link:focus { transform: translateY(0); }
.legacy-notice { border: 1px solid #d5aa53; padding: 1rem; margin-block: 6rem 1rem; }
#main-content:focus { outline: none; }
.nav_burger { cursor: pointer; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (max-width: 767px) {
  /* Keep the Arabic timeline caption in its narrow rail, clear of body text. */
  html[lang="ar"] .timeline_item.is-service { direction: ltr; }
  html[lang="ar"] .timeline_right.is-service { direction: rtl; }
  html[lang="ar"] .timeline_service-wrapper {
    flex-direction: column;
    width: 1.5rem;
    margin: 0;
    padding: 0;
    gap: .75rem;
    transform: none;
  }
  html[lang="ar"] .timeline_service-wrapper .timeline_circle { position: static; }
  html[lang="ar"] .timeline_circle-text.is-timeline-text {
    writing-mode: vertical-rl;
    white-space: nowrap;
    line-height: 1.5;
    transform: none;
    position: static;
  }
}

/* Visible keyboard focus follows the navy / white / gold identity. */
:where(a,button,input,select,textarea,[tabindex="0"]):focus-visible {
  outline: 2px solid #d5aa53;
  outline-offset: 5px;
}
:where(a,button,input,select,textarea,[tabindex="0"]) { scroll-margin-block: 7rem 2rem; }