.elementor-589 .elementor-element.elementor-element-55cd173{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a03b2e0 *//* ===== NH Header • Glass, RTL, Mobile-First (logo strong on mobile) ===== */
.nh-header{
  position:sticky; top:0; z-index:1000; direction:rtl;
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(16,24,40,.08);
  box-shadow:0 8px 24px rgba(16,24,40,.06);
}

/* Top bar */
.nh-header__bar{
  max-width:1200px; margin:0 auto; padding:10px 16px;
  display:grid; align-items:center; gap:12px;
  grid-template-areas: "logo cta burger";     /* mobile first */
  grid-template-columns: auto 1fr auto;
}
.nh-header__logo{ grid-area:logo; }
.nh-header__cta{  grid-area:cta;  justify-self:start; display:flex; gap:10px; }
.nh-header__burger{ grid-area:burger; justify-self:end; }

/* Logo image (HTML already present) */
.nh-header__logo img{
  height:40px; width:auto; display:block;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.6));
}
@media (min-width:1024px){ .nh-header__logo img{ height:58px } }

/* Mobile: make the logo pop (chip behind the white logo) */
@media (max-width:979px){
  .nh-header__logo{
    display:inline-flex; align-items:center; justify-content:center;
    padding:6px 10px; border-radius:14px;
    background:linear-gradient(180deg,#0e2435,#163a52);
    border:1px solid rgba(255,255,255,.28);
    box-shadow:0 10px 24px rgba(16,24,40,.20), inset 0 1px 0 rgba(255,255,255,.25);
  }
  .nh-header__logo img{ height:36px; filter:none }
}

/* Desktop nav */
.nh-header__nav{ display:none; justify-content:center; gap:46px; }
.nh-header__nav a{
  position:relative; color:#24394d; text-decoration:none; font-weight:800; font-size: 35px;  padding:8px 10px; letter-spacing:.2px; transition:color .15s ease;
}
.nh-header__nav a:hover{ color:#1b88e5; }
.nh-header__nav a::after{
  content:""; position:absolute; inset-inline-start:0; bottom:2px;
  height:2px; width:0; border-radius:2px;
  background:linear-gradient(90deg,#70a7ff,#1b88e5);
  transition:width .18s ease;
}
.nh-header__nav a:hover::after{ width:100% }

/* CTA buttons */
.nh-header .nh-btn{
  display:inline-flex; align-items:center; gap:8px; padding:10px 14px;
  border-radius:999px; border:0; cursor:pointer; font-weight:900;
  background:linear-gradient(90deg,#ff7a18,#ffd166 48%,#ff7a18); background-size:200% 100%;
  color:#08202c; box-shadow:0 12px 28px rgba(255,122,24,.24), inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .16s ease, filter .16s ease, background-position .7s ease;
}
.nh-header .nh-btn:hover{ transform:translateY(-2px); filter:brightness(1.05); background-position:100% 0 }
.nh-header .nh-btn--whatsapp{ background:linear-gradient(90deg,#2db742,#b8ffcc); color:#06250f }

/* Hamburger */
.nh-header__burger{
  width:40px; height:40px; border-radius:10px; border:1px solid rgba(16,24,40,.12);
  background:#fff; display:inline-flex; align-items:center; justify-content:center;
  flex-direction:column; gap:6px;
  transition:transform .12s ease, box-shadow .12s ease; box-shadow:0 8px 22px rgba(16,24,40,.06);
}
.nh-header__burger:hover{ transform:translateY(-1px) }
.nh-header__burger .nh-burger__bar{
  display:block; width:18px; height:2px; background:#111; border-radius:2px;
  transition:transform .18s ease, opacity .18s ease;
}
.nh-header__burger[aria-expanded="true"] .nh-burger__bar:nth-child(1){ transform:translateY(8px) rotate(45deg) }
.nh-header__burger[aria-expanded="true"] .nh-burger__bar:nth-child(2){ opacity:0 }
.nh-header__burger[aria-expanded="true"] .nh-burger__bar:nth-child(3){ transform:translateY(-8px) rotate(-45deg) }

/* ===== Mobile overlay (dim + card panel) ===== */
.nh-header__mobile{
  position:fixed; inset:0; z-index:1001; background:transparent;
}
.nh-header__mobile[hidden]{ display:none }

/* Dim layer */
.nh-header__mobile::before{
  content:""; position:fixed; inset:0;
  background:rgba(15,23,42,.48);
  -webkit-backdrop-filter:blur(6px) saturate(130%);
  backdrop-filter:blur(6px) saturate(130%);
}

/* Panel */
.nh-mobile-nav{
  position:relative; max-width:560px; margin:16px auto; padding:16px 18px;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  border:1px solid rgba(16,24,40,.10); border-radius:16px;
  box-shadow:0 24px 60px rgba(16,24,40,.22), inset 0 1px 0 #fff;
  transform:translateY(-8px); opacity:0;
  transition:transform .18s ease, opacity .18s ease;
}
.nh-header__mobile.is-open .nh-mobile-nav{ transform:none; opacity:1 }

/* ===== Mini logo inside the mobile panel (USES YOUR URL) ===== */
.nh-mobile-nav::before{
  content:""; display:block; width:160px; height:42px;   /* קצת יותר גדול ונוכח */
  background:url("https://nof-harim.com/wp-content/uploads/2025/07/לוגו-לבן-נוף-הרים-נוף-הרים-עבודות-גובה.jpg")
             right center/contain no-repeat;
  margin:4px 0 10px auto; opacity:.98;
}
/* אם עורך ה-CSS שלך מתקשה עם עברית ב-URL, אפשר גרסה מקודדת:
   background:url("https://nof-harim.com/wp-content/uploads/2025/07/%D7%9C%D7%95%D7%92%D7%95-%D7%9C%D7%91%D7%9F-%D7%A0%D7%95%D7%A3-%D7%94%D7%A8%D7%99%D7%9D-%D7%A0%D7%95%D7%A3-%D7%94%D7%A8%D7%99%D7%9D-%D7%A2%D7%91%D7%95%D7%93%D7%95%D7%AA-%D7%92%D7%95%D7%91%D7%94.jpg") right center/contain no-repeat;
*/

.nh-mobile-nav a{
  display:block; padding:12px 8px; text-decoration:none; color:#24394d; font-weight:800;
  border-radius:10px; transition:background .12s ease, color .12s ease;
}
.nh-mobile-nav a:hover{ background:rgba(27,136,229,.08); color:#0f2740 }
.nh-mobile-nav__cta{ display:flex; gap:10px; padding-top:10px }

/* Lock scroll when open */
body.nh-nav-open{ overflow:hidden }

/* Desktop breakpoint */
@media (min-width:980px){
  .nh-header__bar{
    grid-template-areas: "logo nav cta";
    grid-template-columns:auto 1fr auto;
    gap:16px; padding:10px 20px;
  }
  .nh-header__nav{ display:flex }
  .nh-header__burger{ display:none }
  .nh-header__mobile{ display:none !important }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .nh-header *, .nh-header__mobile *{ transition:none !important }
}

/* ===== MOBILE HEADER LAYOUT + LOGO (STRICT RESET) ===== */
@media (max-width: 979px){

  /* סדר: המבורגר | כפתורים | לוגו */
  .nh-header__bar{
    display: grid;
    grid-template-areas: "logo cta burger";
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
  }
  .nh-header__burger{ grid-area: burger;}
  .nh-header__cta{
    grid-area: cta;
    justify-self: center;
    display: inline-flex;
    gap: 10px;
    min-width: 0;                /* שלא ידחוף את הלוגו החוצה */
  }
  .nh-header__cta .nh-btn{ white-space: nowrap; }

  /* הלוגו – נטו תמונה, בלי רקעים/צללים/ציורי רקע */
  .nh-header__logo{
    grid-area: logo;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    min-width: auto !important;
  }
  .nh-header__logo img{
    display: block !important;
    width: auto !important;
    height: 40px !important;   /* אפשר 40px אם תרצה יותר נוכחות */
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    clip: auto !important;
    clip-path: none !important;
    pointer-events: auto !important;
    filter: none !important;
  }

  /* מבטל כל טריק של "לוגו כרקע" אם נשאר מאיזו גרסה קודמת */
  .nh-mobile-nav::before{ content: none !important; }
}/* End custom CSS */