/* =====================================================================
   MAURIZIO Site — the site's CSS (moved from Elementor → Site Settings →
   Custom CSS, 28.9.2026 — same rules, same order, loaded right after the
   Kit stylesheet so the cascade is exactly as before).
   The iPhone full-screen block lives in ios-full.css (switch: אייפון).
   Motion values (--mau-*) can be changed in Settings → MAURIZIO → תנועה;
   the plugin prints them right after this file.
   ===================================================================== */

/* (the mau-* band classes — desktop + phones — live in Elementor → Site Settings → Custom CSS, block "MAU BANDS"; plugin copy: assets/css/bands.css) */

/* ===== כותרת עמוד והדר ===== */

/* הסתרת כותרת העמוד של התבנית */
.page-header,
.entry-title.page-header {
  display: none !important;
}

/* הדר קבוע ושקוף מעל התוכן */
.elementor-location-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: transparent !important;
}

/* ===== גלילה ומרווחים בעמודי פרויקט ===== */

/* הצמדת רצועות הפרויקט זו לזו */
/* gap 0 between the project strips = Elementor setting on every .project-content container (Container → Layout → Gaps: 0), 28.9 */

body.single-projects .project-content > .e-con {
  margin: 0 !important;
}

/* גלילה רגילה בעמודי פרויקט */
html:has(body.single-projects) {
  scroll-behavior: auto !important;
}

/* ===== החלפת לוגו בהדר בזמן גלילה ===== */

/* מעבר הדרגתי בין הלוגו המלא לסמל M. */
.elementor-location-header .e-con-inner {
  position: relative;
}

.elementor-element-85d1bc6,
.elementor-element-93900d4 {
  transition: opacity .4s ease !important;
}

.elementor-element-93900d4 {
  /* position absolute · left 0 · top 65px (mobile 24px) = Elementor: Advanced → Positioning (28.9) */
  height: 24px;
  display: flex;
  align-items: center;
  opacity: 0 !important;
  pointer-events: none;
}

.elementor-element-93900d4 svg {
  height: 24px !important;
  width: auto !important;
}

body.mau-scrolled .elementor-element-85d1bc6 {
  opacity: 0 !important;
}

body.mau-scrolled .elementor-element-93900d4 {
  opacity: 1 !important;
  pointer-events: auto;
}

/* ===== גודל חיצים ===== */

/* גודל חיצים עם המחלקה mau-arrow ושל אייקוני כפתורים */
.mau-arrow svg,
.mau-arrow img,
.mau-arrow .elementor-icon,
.mau-arrow .elementor-icon svg,
.mau-arrow .elementor-button-icon svg,
.elementor-button .elementor-button-icon svg {
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
}

@media (max-width: 767px) {
  .mau-arrow svg,
  .mau-arrow img,
  .mau-arrow .elementor-icon,
  .mau-arrow .elementor-icon svg,
  .mau-arrow .elementor-button-icon svg,
  .elementor-button .elementor-button-icon svg {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
  }

}

/* ===== תפריט נפתח במחשב ===== */

/* רוחב ומיקום התפריט; צבעים ומעבר עכבר מוגדרים באלמנטור */
@media(min-width:1025px) {
  .elementor-location-header .elementor-element-5924b1a>.elementor-widget-container {
    position: static !important;
  }

  .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 110px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: calc(100% - 48px) !important;
    max-width: 1140px !important;
  }

}

/* התאמת מיקום הלוגו הקטן בהדר במובייל */
@media(max-width:767px) {
  html {
    scroll-behavior: auto !important;
  }

  .elementor-element-93900d4 {
    height: 24px !important;
  }

  .elementor-element-93900d4 svg {
    width: auto !important;
    height: 24px !important;
  }

}

/* ===== מניעת גלילה אופקית במובייל ===== */

/* ביטול גלישת גומי אופקית והגדרת גובה קבוע לרצועות */
html,
body {
  overscroll-behavior-x: none;
}

/* הסתרת טקסטי נגישות מהתצוגה, תוך השארתם לקוראי מסך. קישור הדילוג מופיע כשמגיעים אליו ב־Tab (0.9.0) */
.skip-link:not(:focus),
.screen-reader-text,
.elementor-screen-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  left: 0 !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== גריד רשימת פרויקטים JetEngine 824 ===== */

/* שתי עמודות במחשב; כרטיס "מלא" נפרש לרוחב מלא (includes/projects.php) */
.jet-listing-grid__items.jet-listing-grid--824 {
  align-items: flex-start;
  column-gap: 24px;
  row-gap: 60px;
}

.jet-listing-grid--824 .jet-listing-grid__item {
  width: calc(50% - 12px) !important;
  flex: 0 0 calc(50% - 12px) !important;
  max-width: calc(50% - 12px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1024px) {
  .jet-listing-grid__items.jet-listing-grid--824 {
    column-gap: 20px;
    row-gap: 40px;
  }

}

@media (max-width: 767px) {
  .jet-listing-grid__items.jet-listing-grid--824 {
    row-gap: 28px;
  }

  .jet-listing-grid--824 .jet-listing-grid__item {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

}

/* מיקום חץ הגלילה במרכז רצועות הטקסט */
.mau-text .elementor-widget-icon {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

/* pink-dot (v-global-global-dot) */
.pink-dot .elementor-heading-title::after {
  content: "";
  display: inline-block;
  width: .16em;
  height: .16em;
  margin-inline-start: .06em;
  border-radius: 50%;
  background: var(--e-global-color-mau_magenta);
  vertical-align: baseline;
}

/* phones: the pink down arrow + the story mode of the presentation scroll (the rest of the phone rules for the
   mau-* classes are in Elementor → Site Settings → Custom CSS, "MAU BANDS") */
@media (max-width:767px) {
  /* pink down arrows hidden on mobile — per page: MAURIZIO box / Elementor ⚙ → "חץ למטה" (plugin 0.3.1: "מחשב ונייד" adds body.mau-arrow-both) */
body:not(.mau-arrow-both) .mau-arrow-down {
    display:none !important
  }

  /* mobile story mode (pages with class mau-deck-m): every section full screen, home cards full screen with caption on the image */
.mau-deck-m-on .mau-text {
    min-height:100dvh !important
  }

  .mau-deck-m-on .mau-full.mau-home-card {
    height: 100dvh !important;
    display: grid !important;
    grid-template-columns: 100%;
    grid-template-rows:100%
  }

  .mau-deck-m-on .mau-home-card > .e-con {
    grid-area: 1/1;
    min-height:0 !important
  }

  .mau-deck-m-on .mau-home-card > .e-con:last-child {
    align-self: end;
    margin: 0 !important;
    z-index: 2;
    padding-bottom:calc(16px + env(safe-area-inset-bottom)) !important
  }

  .mau-deck-m-on .mau-home-card .jet-listing-dynamic-field__content {
    font-size: 20px !important;
    line-height:1.3 !important
  }

  .mau-deck-m-on .mau-home-card .elementor-element-5f49fbe .jet-listing-dynamic-field__content {
    font-size: 28px !important;
    line-height:1.15 !important
  }
}

/* hero category line turns black when the hero image behind it is light (class set by MAU Scroll custom code) */
.mau-hero.mau-hero-dark-text .elementor-heading-title,
.mau-hero.mau-hero-dark-text .jet-listing-dynamic-field__content {
  color:var(--e-global-color-z5f7tv2) !important
}

/* subtler entrance: fadeInUp moves only 24px (Elementor default moves a full height) */
@keyframes mauFadeInUp {
  from {
    opacity: 0;
    transform:translate3d(0,24px,0)
  }

  to {
    opacity: 1;
    transform:none
  }

}

.elementor-element.animated.fadeInUp {
  animation-name:mauFadeInUp
}

/* home project cards: caption turns white when the image behind it is dark (class set by MAU Scroll custom code) */
.mau-home-card.mau-card-light-text .jet-listing-dynamic-field__content,
.mau-home-card.mau-card-light-text .elementor-button,
.mau-home-card.mau-card-light-text .elementor-button-text {
  color:var(--e-global-color-f009377) !important
}

/* images and image backgrounds fade without moving (a moving image opens a gap between stacked images) */
@keyframes mauFadeImg {
  from {
    opacity:0
  }

  to {
    opacity:1
  }

}

.elementor-widget-image.animated.fadeInUp,
.e-con.animated.fadeInUp {
  animation-name:mauFadeImg
}

/* the widget chevrons are off in Elementor (Post Navigation → Content → Arrows: Hide, all 28 projects), 28.9 */

/* tap feedback on phones: links turn pink while pressed (menu, header, footer, buttons) */
.elementor-nav-menu a:active,
.elementor-location-header a:active,
.elementor-location-header a:active .elementor-icon-list-text,
.elementor-location-footer a:active,
.elementor-location-footer a:active .elementor-icon-list-text,
.elementor-button:active {
  color:var(--e-global-color-mau_magenta) !important
}

a,
.elementor-button {
  -webkit-tap-highlight-color:transparent
}

/* a tapped/clicked link or button stays pink until the next page shows (code 950 adds .mau-tapped) */
.mau-tapped,
.mau-tapped .elementor-button-text,
.mau-tapped .elementor-icon-list-text,
.mau-tapped .elementor-heading-title,
.mau-tapped .post-navigation__prev--label,
.mau-tapped .post-navigation__next--label {
  color:var(--e-global-color-mau_magenta) !important
}

/* (28.9) project pages use the same entrance as the projects page — the old desktop "softer fade" rule was removed */
/* ======================= MAU MOTION — section motion (code 950 "MAU DECK v15") =======================
   Profiles (her picks, motion lab v3 27.9 — table in 950): home (class mau-fx-home) · about/services (mau-fx-slide)
   · project pages desktop. 950 sets body .mau-fx-on + .mau-flow + .mau-prof-<name> on those pages.
   • the Elementor entrance animations are switched off there — content "flows" in instead: when a section
     gets .mau-in (when it is almost in place) its widgets rise 40px + appear, one after another (.16s apart)
   • images are moved by 950 (parallax + just-enough zoom) → no CSS animation/transition on anything it moves
   • phones on project pages: normal scrolling, Elementor fades unchanged */
.mau-flow .elementor-element.animated,
.mau-flow .elementor-element.elementor-invisible {
  animation: none !important;
  visibility:visible !important
}

.mau-fx-on :is(.mau-full,.mau-text,.mau-half) {
  overflow:hidden
}

.mau-fx-on :is(.mau-full,.mau-hero,.mau-text,.e-con:has(> .mau-half)),
.mau-fx-on :is(.mau-full,.mau-hero,.mau-text,.e-con:has(> .mau-half)) :is(.e-con,.e-con-inner) {
  transition:none !important
}

/* Elementor eases container transforms over .4s — the motion must follow the scroll 1:1 */
.mau-flow :is(.mau-full,.mau-hero,.mau-text):not(.mau-in) .elementor-widget:not(.elementor-widget-image) {
  opacity:0
}

.mau-flow :is(.mau-full,.mau-hero,.mau-text):not(.mau-in) .elementor-widget:not(.elementor-widget-image):not(.elementor-absolute) {
  transform:translate3d(0,var(--mau-dist,22px),0)
}

/* absolute widgets (e.g. the centred down-arrow) only fade */
.mau-flow :is(.mau-full,.mau-hero,.mau-text).mau-in .elementor-widget:not(.elementor-widget-image) {
  opacity: 1;
  transition:opacity var(--mau-fade,.6s) ease-out,transform var(--mau-rise,.85s) cubic-bezier(.16,.84,.3,1)
}

.mau-flow :is(.mau-full,.mau-hero,.mau-text).mau-in .elementor-widget:not(.elementor-widget-image):not(.elementor-absolute) {
  transform:none
}

.mau-flow :is(.mau-full,.mau-hero,.mau-text).mau-in .elementor-widget:not(.elementor-widget-image):nth-child(2) {
  transition-delay:var(--mau-step,.11s)
}

.mau-flow :is(.mau-full,.mau-hero,.mau-text).mau-in .elementor-widget:not(.elementor-widget-image):nth-child(3) {
  transition-delay:calc(var(--mau-step,.11s) * 2)
}

.mau-flow :is(.mau-full,.mau-hero,.mau-text).mau-in .elementor-widget:not(.elementor-widget-image):nth-child(n+4) {
  transition-delay:calc(var(--mau-step,.11s) * 3)
}

.mau-flow {
  --mau-fade: .7s;
  --mau-rise: 1s;
  --mau-dist: 40px;
  --mau-step:.16s
}

/* the entrance: fade .7s · rise 40px over 1s · .16s between items */
.mau-prof-slide {
  --mau-fade: .9s;
  --mau-rise: 1.2s;
  --mau-step:.35s
}

/* about/services: starts early (flowAt .25 in 950), slow; heading first, then the text .35s later, then the arrow (27.9) */
/* pages without a profile: the Elementor fade waits for its section (950 adds .mau-wait) */
.mau-wait .animated,
.mau-wait.animated {
  animation-play-state:paused !important
}

/* About/Services paragraphs: each sentence on its own line on PHONES only, like the home intro (28.9) — <br class="mau-br-m"> in the text, hidden on desktop */
@media (min-width:768px) {
  br.mau-br-m {
    display:none
  }

}

/* iPhone top strip (28.9): a cap right ABOVE the viewport (under Safari's floating top bar) repeating the current
   section's background — image mirrored so it continues seamlessly under the blur, or the section colour. 950 sets it. */
#mau-cap {
  display:none
}

@media (max-width:767px) {
  .mau-deck-m-on #mau-cap {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 340px;
    z-index: 40;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: auto 100lvh;
    background-position: center top;
    transform:scaleY(-1)
  }

}

/* down arrow switched off on this page (MAURIZIO box / Elementor ⚙ → "חץ למטה" = כבוי) — plugin 0.3.1 */
.mau-arrow-off .mau-arrow-down {
  display:none !important
}