/* ========= בסיס ========= */
:root {
  --bw-bg-header: #000;
  --bw-text-main: #fff;
  --bw-text-dim: rgba(255,255,255,.7);
  --bw-border-dim: rgba(255,255,255,.12);
  --bw-accent-glow: rgba(170,120,255,.4);
  --bw-radius-lg: 16px;
  --bw-radius-md: 10px;
  --bw-transition-fast: .18s ease;
  --bw-transition-mid: .25s ease;
  --bw-header-height: 56px;
  --bw-header-height-mobile: 64px;
  --bw-drawer-width: 320px;
}

/* בר עליון */
.bw-topnav {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 10000;
  background-color: var(--bw-bg-header);
  border-bottom: 1px solid var(--bw-border-dim);
  color: var(--bw-text-main);
  font-family: "Manrope", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  height: var(--bw-header-height);
  display: flex;
  align-items: center;
}

.bw-topnav-inner {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* מיקום האלמנטים ב־Header */
.bw-topnav-logo {
  order: 3; /* שמאל */
  margin-left: 0;
  margin-right: auto;
}

.bw-topnav-menu {
  order: 2;
  margin: 0 auto;
  justify-content: center;
  flex: 1;
}

.bw-burger {
  order: 1; /* ימין */
  margin-right: 0;
  margin-left: auto;
}

/* לוגו */
.bw-topnav-logo a {
  color: var(--bw-text-main);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  display: block;
}

/* כפתור המבורגר */
.bw-burger {
  background: none;
  border: 0;
  cursor: pointer;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 8px;
  border: 1px solid var(--bw-border-dim);
  box-shadow: 0 20px 40px rgba(170,120,255,.3);
}
.bw-burger span {
  width: 20px;
  height: 2px;
  background: var(--bw-text-main);
  border-radius: 2px;
  transition: all .2s ease;
}
.bw-burger.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.bw-burger.is-open span:nth-child(2) {
  opacity: 0;
}
.bw-burger.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* תפריט האייקונים בשורה (גרסה לדסקטופ / טאבלט / מובייל רחב) */
.bw-topnav-menu {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-left: auto;
  height: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.bw-topnav-menu::-webkit-scrollbar {
  display: none;
}

.bw-topnav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: var(--bw-text-main);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  padding-top: .4rem;
  padding-bottom: .4rem;
  min-width: max-content;
}
.bw-topnav-item:hover {
  color: var(--bw-text-main);
  text-shadow: 0 0 16px var(--bw-accent-glow);
}

.bw-topnav-icon {
  font-size: 20px;
  line-height: 1;
  margin-bottom: .4rem;
}
.bw-topnav-label {
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}

/* קו דקורטיבי תחת התפריט במסכים רחבים */
@media (min-width: 769px) {
  .bw-topnav-menu {
    position: relative;
    gap: 3rem;
  }
  .bw-topnav-menu::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background-image: repeating-linear-gradient(
      to right,
      rgba(255,255,255,.15) 0 2px,
      rgba(0,0,0,0) 2px 12px
    );
  }
}

/* ===== Drawer (sidebar שנפתח מהמבורגר) ===== */
.bw-drawer-overlay {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at 20% 20%, rgba(170,120,255,.18) 0%, rgba(0,0,0,.8) 60%);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--bw-transition-mid);
  z-index: 9998;
}

.bw-drawer-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.bw-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: min(var(--bw-drawer-width), 80vw);
  max-width: 100%;
  background: radial-gradient(circle at 10% 0%, rgba(10,10,30,.9) 0%, rgba(15,18,48,.92) 60%);
  color: var(--bw-text-main);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    -20px 0 80px rgba(0,0,0,.9),
    0 0 80px rgba(170,120,255,.4);
  border-left: 1px solid rgba(255,255,255,.08);
  border-top-left-radius: var(--bw-radius-lg);
  border-bottom-left-radius: var(--bw-radius-lg);
  padding: 16px 16px 48px;
  transform: translateX(100%);
  transition: transform var(--bw-transition-mid);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow-y: auto;
  font-family: inherit;
}

.bw-drawer.active {
  transform: translateX(0);
}

.bw-drawer-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 32px;
  margin-bottom: 16px;
}
.bw-drawer-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--bw-text-main);
  line-height: 1.2;
}
.bw-drawer-close {
  background: none;
  border: 0;
  color: var(--bw-text-main);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 0;
  opacity: .8;
  transition: opacity var(--bw-transition-fast);
}
.bw-drawer-close:hover {
  opacity: 1;
  text-shadow: 0 0 16px var(--bw-accent-glow);
}

/* תוכן הדרואר: רשימה ראשית */
.bw-drawer-mainlist {
  list-style: none;
  margin: 0;
  padding: 0;
  color: var(--bw-text-main);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}
.bw-drawer-mainlist > li {
  margin-bottom: 12px;
}
.bw-drawer-mainlist > li > a {
  color: var(--bw-text-main);
  text-decoration: none;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 20px 40px rgba(0,0,0,.8);
  border-radius: var(--bw-radius-md);
  padding: 12px 12px;
  display: block;
  transition: all var(--bw-transition-fast);
  font-size: 15px;
  line-height: 1.3;
}
.bw-drawer-mainlist > li > a:hover {
  background: rgba(170,120,255,.12);
  color: var(--bw-text-main);
  text-shadow: 0 0 16px var(--bw-accent-glow);
  border-color: rgba(170,120,255,.5);
}

/* כפתור בולט (קביעת פגישה ביומן) */
.bw-drawer-mainlist > li > a.accent {
  border-color: rgba(170,120,255,.45);
  background: radial-gradient(circle at 20% 20%, rgba(170,120,255,.25) 0%, rgba(0,0,0,0) 70%);
  box-shadow: 0 20px 40px rgba(170,120,255,.4);
  font-weight: 700;
  text-align: center;
}
.bw-drawer-mainlist > li > a.accent:hover {
  background: radial-gradient(circle at 20% 20%, rgba(170,120,255,.4) 0%, rgba(0,0,0,0) 70%);
  border-color: rgba(170,120,255,.8);
  box-shadow: 0 30px 60px rgba(170,120,255,.6);
}

/* קבוצת "שירותים" */
.drawer-group-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--bw-text-main);
  margin-bottom: 8px;
  line-height: 1.2;
  opacity: .9;
}

/* תתי-שירותים */
.bw-drawer-sublist {
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: var(--bw-radius-md);
  box-shadow: 0 20px 40px rgba(0,0,0,.8);
}
.bw-drawer-sublist li a {
  display: block;
  text-decoration: none;
  color: var(--bw-text-dim);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  transition: all var(--bw-transition-fast);
}
.bw-drawer-sublist li:last-child a {
  border-bottom: 0;
}
.bw-drawer-sublist li a:hover {
  background: rgba(170,120,255,.12);
  color: var(--bw-text-main);
  text-shadow: 0 0 16px var(--bw-accent-glow);
}

/* ========= רספונסיביות ========= */
@media (max-width: 768px) {
  .bw-topnav {
    height: var(--bw-header-height-mobile);
  }

  .bw-topnav-menu {
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .bw-topnav-menu::-webkit-scrollbar {
    display: none;
  }

  .bw-topnav-item {
    min-width: max-content;
  }

  .bw-topnav-icon {
    font-size: 18px;
    margin-bottom: .3rem;
  }

  .bw-topnav-label {
    font-size: 12px;
    line-height: 1.2;
  }

  /* במסכים צרים - אפשר אם תרצה להסתיר לגמרי את שורת האייקונים
     ולהשאיר רק לוגו והמבורגר:
     פשוט תבטל display כאן במקום להשאיר flex.
     אני משאיר אותה גלוייה כי אמרת "אני רוצה את הכל". */
}


.bw-call-now {
  background: radial-gradient(circle at 20% 20%, rgba(170,120,255,.25) 0%, rgba(0,0,0,0) 70%);
  border: 1px solid rgba(170,120,255,.45);
  box-shadow: 0 20px 40px rgba(170,120,255,.4);
  border-radius: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  padding: .5rem .75rem;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: .4rem;
  transition: all .18s ease;
}

.bw-call-now:hover {
  background: radial-gradient(circle at 20% 20%, rgba(170,120,255,.4) 0%, rgba(0,0,0,0) 70%);
  border-color: rgba(170,120,255,.8);
  box-shadow: 0 30px 60px rgba(170,120,255,.6);
  text-shadow: 0 0 12px rgba(170,120,255,.6);
  color: #fff;
}


/* עיצוב בסיסי */
.bw-topnav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10000;
  background: #000;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.1);
  height: 60px;
  display: flex;
  align-items: center;
  font-family: "Manrope", sans-serif;
}

.bw-topnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* לוגו */
.bw-topnav-logo a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
}

/* המבורגר */
.bw-burger {
  background: none;
  border: 0;
  cursor: pointer;
  width: 38px;
  height: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 8px;
  transition: .2s;
}
.bw-burger span {
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all .25s ease;
}
.bw-burger.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.bw-burger.is-open span:nth-child(2) {
  opacity: 0;
}
.bw-burger.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* תפריט הדסקטופ */
.bw-topnav-menu {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.bw-topnav-item {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bw-topnav-icon {
  font-size: 18px;
  margin-bottom: 4px;
}

/* Drawer */
.bw-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 320px;
  background: rgba(15,18,48,.95);
  backdrop-filter: blur(12px);
  color: #fff;
  transform: translateX(100%);
  transition: transform .3s ease;
  z-index: 9999;
  padding: 20px;
  overflow-y: auto;
}
.bw-drawer.active {
  transform: translateX(0);
}
.bw-drawer-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
  z-index: 9998;
}
.bw-drawer-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* רספונסיביות */
@media (max-width: 768px) {
  /* מסתיר את כל הסרגל במובייל ומשאיר רק לוגו והמבורגר */
  .bw-topnav-menu {
    display: none !important;
  }

  .bw-topnav-inner {
    justify-content: space-between;
  }

  .bw-topnav-logo {
    flex: 1;
    display: flex;
    justify-content: center;
  }
}

.bw-topnav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10000;
  background: #000;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.1);
  height: 60px;
  display: flex;
  align-items: center;
  font-family: "Manrope", sans-serif;
  overflow: visible; /* <-- חדש חשוב */
}

@media (min-width: 769px) {
  .bw-topnav-menu {
    display: flex !important;
  }

  /* אם בטעות נשאר מצב של המבורגר פתוח וכיסה על משהו,
     עדיין בדסקטופ אנחנו לא רוצים להסתיר את התפריט */
  .bw-topnav-inner {
    justify-content: center;
  }

  .bw-burger {
    display: none;
  }
}


/* ===== התאמות לדסקטופ ===== */
@media (min-width: 769px) {

  /* ריווח בין האלמנטים בתפריט */
  .bw-topnav-menu {
    gap: 5rem; /* מרווח גדול יותר בין פריטים */
  }

  /* גודל טקסט בתפריט */
  .bw-topnav-item {
    font-size: 15px;
    line-height: 1.8; /* יותר גובה בין שורות */
  }

  /* הגדלת גודל הלוגו */
  .bw-topnav-logo a {
    font-size: 35px; /* היה 14-16px, עכשיו גדול וקריא יותר */
    font-weight: 800;
    letter-spacing: 0.20px;
  }
}
/* ===== סידור הלוגו והמבורגר במובייל ===== */
@media (max-width: 768px) {
  .bw-topnav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row; /* סדר רגיל: לוגו מצד אחד, המבורגר מצד שני */
  }

  /* לוגו בצד ימין */
  .bw-topnav-logo {
    order: 1;
    justify-content: flex-start;
    margin-right: 15px;
  }

  .bw-topnav-logo a {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.5px;
  }

  /* המבורגר בצד שמאל */
  .bw-burger {
    order: 2;
    margin-left: 15px;
  }

  /* מסתיר את שורת התפריט במובייל */
  .bw-topnav-menu {
    display: none !important;
  }
}


/* כפתור הטלפון בשורת הניווט העליונה */
.bw-call-btn {
  background: linear-gradient(135deg,#2b7bff 0%,#1340ff 100%);
  color: #fff;
  border-radius: 10px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 20px 40px rgba(19,64,255,.4);
  border: 1px solid rgba(255,255,255,.18);
  transition: all .18s ease;
  white-space: nowrap;
}

/* אייקון קטן של הטלפון */
.bw-call-icon {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}

.bw-call-btn:hover {
  box-shadow: 0 26px 60px rgba(19,64,255,.6);
  transform: translateY(-2px) scale(1.03);
  text-decoration: none;
  color:#fff;
}

/* במובייל קטן לא נציג את כפתור הטלפון בשורת הניווט, כי אין מקום */
@media (max-width: 768px){
  .bw-call-btn {
    display: none;
  }
}

/* כפתור טלפון מיוחד לתוך הדרואר במובייל */
.bw-call-btn-mobile {
  display: block;
  width: 100%;
  text-align: center;
  background: linear-gradient(135deg,#2b7bff 0%,#1340ff 100%);
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 14px 16px;
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(19,64,255,.45);
  border: 1px solid rgba(255,255,255,.18);
  text-decoration: none;
  line-height: 1.2;
}

.bw-call-btn-mobile:hover {
  text-decoration: none;
  color:#fff;
  filter: brightness(1.08);
}