.elementor-152 .elementor-element.elementor-element-fe2ed66{--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-8963e71 *//* =========================================================
   DigiVici Header Styles  |  dv-header.css
   ========================================================= */

/* 0) Vars */
:root {
  --dv-header-bg-start: #0d1b2a;
  --dv-header-bg-mid:   #1b263b;
  --dv-header-bg-end:   #0d1b2a;

  --dv-accent: #ffcc00;
  --dv-wa:     #25D366;

  --dv-logo-h: 60px;     /* גובה לוגו – שנה כאן */
  --dv-pad-x: 30px;      /* ריווח צדדים */
  --dv-pad-y: 8px;       /* ריווח אנכי */

  --dv-link-size-desktop: 26px;
  --dv-link-size-tablet:  20px;
  --dv-link-size-mobile:  18px;
}

/* 1) Base & Shell */
.dv-header { direction: rtl; }
.dv-header * { box-sizing: border-box; }

.dv-header {
  position: sticky;
  top: 0;
  width: 100%;
  background: linear-gradient(90deg,
    var(--dv-header-bg-start),
    var(--dv-header-bg-mid),
    var(--dv-header-bg-end)
  );
  box-shadow: 0 3px 12px rgba(0,0,0,0.3);
  z-index: 9999;
}

/* 2) Layout – תפריט ממורכז בגריד */
.dv-navbar .dv-container {
  position: relative;                       /* עוגן לתפריט במובייל */
  display: grid;
  grid-template-columns: auto 1fr auto;     /* לוגו | תפריט | CTA */
  align-items: center;
  gap: 16px;
  padding: var(--dv-pad-y) var(--dv-pad-x);
}
.dv-menu { justify-self: center; }

/* 3) Logo */
.dv-logo__img {
  height: var(--dv-logo-h);
  max-height: var(--dv-logo-h);
  width: auto;
  display: block;
  transition: transform .3s ease, filter .3s ease;
}
.elementor .dv-header .dv-logo__img {
  height: var(--dv-logo-h) !important;
  max-height: var(--dv-logo-h) !important;
}
.dv-logo__img:hover {
  transform: scale(1.08) rotate(-2deg);
  filter: drop-shadow(0 0 8px rgba(0, 200, 255, 0.6));
}

/* 4) Navigation */
.dv-nav__list {
  list-style: none;
  display: flex;
  gap: 30px;
  margin: 0;
  padding: 0;
}
.dv-nav__link {
  font-family: "Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 600;
  font-size: var(--dv-link-size-desktop);
  color: #fff;
  text-decoration: none;
  position: relative;
  letter-spacing: .2px;
  transition: color .25s ease, transform .25s ease;
}
.dv-nav__link:hover { color: var(--dv-accent); transform: translateY(-2px); }
.dv-nav__link::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  bottom: -6px;
  width: 0%;
  height: 2px;
  background: var(--dv-accent);
  transition: width .25s ease;
}
.dv-nav__link:hover::after { width: 100%; }

/* 5) CTA – נועל רוחב אוטומטי בדסקטופ */
.dv-btn {
  display: inline-flex;           /* לא block */
  align-items: center;
  justify-content: center;
  width: auto !important;         /* אל תמתח */
  max-width: none !important;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 40px;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  justify-self: end;              /* נשאר בצד שמאל ב-RTL */
}
.dv-btn--wa {
  background: var(--dv-wa);
  color: #fff;
  box-shadow: 0 3px 8px rgba(37,211,102,.4);
}
.dv-btn--wa:hover {
  transform: scale(1.08);
  background: #1ebe5c;
  box-shadow: 0 0 16px rgba(37,211,102,.7);
}

/* 6) Toggle – מוצג תמיד כברירת מחדל, נסתר בדסקטופ */
.dv-toggle{
  display: flex;
  width: 28px;
  height: 22px;
  background: transparent;
  border: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  z-index: 10001;                 /* מעל הכל */
}
.dv-bar{ height:3px; width:100%; background:#fff; border-radius:4px; display:block }
.dv-toggle .dv-bar + .dv-bar{ margin-inline-start:4px }

/* 7) Elementor editor helpers */
.elementor-editor-active .elementor-device-mobile #dv-nav-menu[hidden],
.elementor-editor-active .elementor-device-tablet #dv-nav-menu[hidden] { display: none !important; }
.elementor-editor-active .elementor-device-mobile #dv-nav-menu.is-open[hidden],
.elementor-editor-active .elementor-device-tablet #dv-nav-menu.is-open[hidden] { display: block !important; }

/* 8) Responsive */
/* טאבלט */
@media (max-width: 1200px){
  .dv-nav__link { font-size: var(--dv-link-size-tablet); }
}

/* דסקטופ – מסתיר המבורגר, מציג תפריט גם אם יש hidden ב-HTML */
@media (min-width: 993px){
  .dv-toggle { display: none; }
  #dv-nav-menu[hidden] { display: block !important; }  /* חשוב: תפריט נראה בדסקטופ */
}

/* מובייל */
@media (max-width: 992px){
  .dv-navbar .dv-container { grid-template-columns: auto 1fr auto; }

  /* תפריט נפתח מתחת להדר */
  #dv-nav-menu{
    position: absolute;
    inset-inline: 0;
    top: 100%;
    background: #111;
    padding: 20px 0;
    z-index: 10000;
  }
  .dv-nav__list{ flex-direction: column; align-items: center; gap: 18px; }
  .dv-nav__link{ font-size: var(--dv-link-size-mobile); }

  /* ה-CTA נשאר, רק קטן מעט */
  .dv-btn--wa{ padding: 7px 14px; font-size: 14px; }
}

/* 9) Animations */
@keyframes dv-fade-in {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* Hide mobile menu toggles and any "dots" toggle on desktop */
@media (min-width:1025px){
  /* כל הטוגלים הנפוצים של Elementor/Nav Menu */
  .elementor-location-header .elementor-menu-toggle,
  .elementor-widget-nav-menu .elementor-menu-toggle,
  .elementor-nav-menu__toggle,
  .elementor-nav-menu--dropdown .elementor-menu-toggle,
  .e-n-menu-toggle,
  .e-n-menu .e-n-menu-toggle,
  .menu-toggle,
  .menu-toggle__icon,
  /* אייקונים נפוצים של "שלוש נקודות" */
  .eicon-ellipsis-h,
  .fa-ellipsis-h,
  .dv-header .dv-dots,
  .dv-header .dots{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  /* אם הנקודות מגיעות מפסאודו-אלמנט של הטוגל */
  .elementor-menu-toggle::before,
  .elementor-menu-toggle::after,
  .e-n-menu-toggle::before,
  .e-n-menu-toggle::after,
  .menu-toggle::before,
  .menu-toggle::after{
    content:none !important;
  }
}/* End custom CSS */