/* Runtime UI fixes for the mirrored Webflow site.
   - Force the header/nav above all content with a solid background.
   - Add dynamic top padding (set via JS) so content isn't hidden under the fixed header.
*/

html.ui-fixed-header body {
  /* The JS sets --ui-header-offset to the actual header height. */
  padding-top: var(--ui-header-offset, 0px) !important;
}

html.ui-fixed-header .container-nav.w-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

/* Keep header layout stable across languages:
   - Prevent RTL from swapping the header layout (logo/nav positions).
   - Keep Hebrew text direction for the nav link labels. */
html[lang="he"].ui-fixed-header .container-nav.w-nav {
  direction: ltr !important;
}

html.ui-fixed-header .container-nav.w-nav {
  display: flex !important;
  align-items: center !important;
}

html.ui-fixed-header .container-nav.w-nav > nav.w-nav-menu {
  margin-left: auto !important;
}

html[lang="he"].ui-fixed-header .container-nav.w-nav .nav-link {
  direction: rtl;
  unicode-bidi: plaintext;
}

html.ui-fixed-header .container-nav.w-nav,
html.ui-fixed-header .container-nav.w-nav * {
  box-sizing: border-box;
}

/* Ensure dropdown/menu overlay stays above content but under the header itself. */
html.ui-fixed-header .w-nav-overlay {
  z-index: 9998 !important;
}

/* Keep menu backgrounds solid on mobile when opened. */
html.ui-fixed-header .w-nav-menu {
  background: #fff !important;
}

/* Project description alignment ONLY (under each project title).
   - HE: right aligned
   - EN: left aligned
   Scoped to the project description wrapper to avoid touching header/footer/other sections. */
html[lang="he"] .collection-item .rich-text-block.w-richtext {
  direction: rtl;
  text-align: right;
  unicode-bidi: plaintext;
}

/* Match the browser-preview tweak: paragraphs inside project descriptions should align inline
   content (if any) to the middle baseline. Scoped to Projects items only. */
html[lang="he"] .collection-item .rich-text-block.w-richtext p {
  vertical-align: middle;
}

html[lang="en"] .collection-item .rich-text-block.w-richtext {
  text-align: left;
}

/* Project title alignment ONLY (h2 under each project item).
   Match RTL expectation on Hebrew without affecting other headings. */
html[lang="he"] .collection-item h2.heading-2 {
  text-align: right !important;
  vertical-align: middle;
}

/* Keep the hero portrait perfectly inside the circle (same size, clipped). */
html .image-copy {
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center !important;
}