/* דף בית מיובא מ-Lovable */

body.is-landing-import {

  padding-bottom: 0;

  overflow: hidden;

}



body.is-landing-import .top,

body.is-landing-import .sticky-bar {

  display: none;

}



.landing-import-page {

  display: flex;

  flex-direction: column;

  gap: 0;

  min-height: calc(100dvh - 52px);

  padding: 0;

  margin: 0;

}



.landing-import-toolbar {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 8px 12px;

  padding: 8px 12px;

  background: linear-gradient(180deg, #fff9e6 0%, #fff3c4 100%);

  border-bottom: 2px solid #f5c518;

  box-shadow: 0 4px 14px rgba(2, 16, 43, 0.08);

}



.landing-import-note {

  font-size: 12px;

  font-weight: 800;

  color: #1a1a3a;

}



.landing-import-tabs {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

}



.landing-import-tabs button {

  border: 2px solid #02102b;

  background: #fff;

  color: #003a7d;

  border-radius: 999px;

  padding: 8px 16px;

  font-weight: 900;

  font-size: 13px;

  cursor: pointer;

  box-shadow: 0 3px 0 #02102b;

  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;

}



.landing-import-tabs button:hover {

  transform: translateY(-1px);

  background: #eef7ff;

}



.landing-import-tabs button:active {

  transform: translateY(2px);

  box-shadow: 0 1px 0 #02102b;

}



.landing-import-tabs button.is-on {

  background: linear-gradient(135deg, #003a7d 0%, #484dd2 100%);

  color: #fff;

  border-color: #02102b;

  box-shadow: 0 3px 0 #02102b, 0 8px 18px rgba(72, 77, 210, 0.25);

}



.landing-import-edit,

.landing-import-lab {

  font-size: 13px;

  font-weight: 800;

  text-decoration: none;

}



.landing-import-edit {

  color: #484dd2;

  padding: 8px 10px;

  border-radius: 999px;

}



.landing-import-edit:hover {

  background: rgba(72, 77, 210, 0.08);

}



.landing-import-lab {

  margin-inline-start: auto;

  border: 2px solid #14532d;

  border-radius: 999px;

  padding: 8px 16px;

  background: linear-gradient(135deg, #7dffa3 0%, #22c55e 42%, #15803d 100%);

  color: #052e16;

  cursor: pointer;

  box-shadow: 0 3px 0 #14532d, 0 8px 18px rgba(34, 197, 94, 0.28);

  transition: transform 0.12s ease;

}



.landing-import-lab:hover {

  transform: translateY(-1px);

}



.landing-import-lab:active {

  transform: translateY(2px);

  box-shadow: 0 1px 0 #14532d;

}



.lovable-landing-frame {

  flex: 1 1 auto;

  width: 100%;

  min-height: 0;

  height: calc(100dvh - 52px - 52px);

  border: 0;

  background: #eef7ff;

}



@media (max-width: 640px) {

  .landing-import-toolbar {

    padding: 8px 10px;

  }

  .landing-import-lab {

    margin-inline-start: 0;

  }

  .lovable-landing-frame {

    height: calc(100dvh - 52px - 96px);

  }

}

body.is-landing-import .staff-lock {
  bottom: calc(16px + env(safe-area-inset-bottom));
  left: 14px;
}

@media (max-width: 480px) {
  body.is-landing-import .staff-lock {
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: 50px;
    height: 50px;
  }
}

/* תפריט אתר מאוחד (נפתח מהמבורגר בדף הבית) */
.amnon-site-menu {
  position: fixed;
  inset: 0;
  z-index: 12000;
}

.amnon-site-menu[hidden] {
  display: none !important;
}

.amnon-site-menu-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 16, 43, 0.5);
  backdrop-filter: blur(4px);
}

.amnon-site-menu-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(340px, 92vw);
  height: 100%;
  padding: 18px 16px 24px;
  background: #fff;
  box-shadow: -10px 0 36px rgba(2, 16, 43, 0.2);
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: "Rubik", "Noto Sans Hebrew", sans-serif;
  overflow-y: auto;
}

.amnon-site-menu-title {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 900;
  color: #003a7d;
}

.amnon-site-menu-close {
  align-self: flex-start;
  width: 42px;
  height: 42px;
  border: 2px solid #003a7d;
  border-radius: 999px;
  background: #fff;
  color: #003a7d;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.amnon-site-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 13px 14px;
  border: 2px solid rgba(0, 58, 125, 0.14);
  border-radius: 14px;
  background: #f8fbff;
  color: #003a7d;
  font-family: inherit;
  font-size: 16px;
  font-weight: 800;
  text-align: right;
  cursor: pointer;
}

.amnon-site-menu-ico {
  font-size: 18px;
  line-height: 1;
}

.amnon-site-menu-app-ico {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 2px 6px rgba(0, 58, 125, 0.22);
  flex: 0 0 auto;
}

.amnon-site-menu-item:hover {
  background: #eef7ff;
}

.amnon-site-menu-item[hidden] {
  display: none !important;
}

.amnon-site-menu-divider {
  height: 1px;
  margin: 6px 0;
  background: rgba(0, 58, 125, 0.12);
}

[hidden] { display: none !important; }
.amnon-site-menu-parent { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.amnon-site-menu-caret { font-size:13px; color:#41d9f8; }
.amnon-site-submenu { display:flex; flex-direction:column; gap:6px; margin:2px 10px 8px; padding:8px; border:1px solid #dbe6f6; border-radius:14px; background:#f4f8ff; }
.amnon-site-submenu[hidden] { display:none; }
.amnon-site-subitem { text-align:right; padding:9px 12px; border:1px solid #e2ebf9; border-radius:10px; background:#fff; color:#003a7d; font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; }
.amnon-site-subitem:hover { border-color:#41d9f8; }
.amnon-site-subitem.is-on { background:#003a7d; color:#fff; border-color:#003a7d; }
.amnon-site-subitem.is-all { font-weight:800; }


/* סימון «פתוח» על מסלול שהתלמיד רשום אליו */
.amnon-site-subitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.amnon-site-subitem-name { min-width: 0; }
.amnon-open-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  padding: 3px 10px;
  border-radius: 999px;
  background: #12a150;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}
.amnon-open-badge img {
  width: 14px;
  height: 14px;
  object-fit: contain;
}

/* Nav panel: viewer badge, guided tour, login/logout CTA */
.amnon-site-menu-viewer {
  display: block;
  text-align: center;
  margin: 0 0 6px;
}
.amnon-site-menu-item.is-tour-item {
  background: #eef4ff;
  border-color: rgba(72, 77, 210, 0.3);
}
.amnon-site-menu-item.is-tour-item:hover {
  background: #e3ecff;
}
.amnon-site-menu-tour-q {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #484dd2;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 17px;
  flex: 0 0 auto;
}
.amnon-site-menu-spacer {
  flex: 1 1 auto;
}
.amnon-site-menu-item.is-login-cta {
  background: linear-gradient(135deg, #17a34a, #0d8a3f);
  border-color: #0d8a3f;
  color: #fff;
  justify-content: center;
  font-size: 17px;
  box-shadow: 0 6px 16px rgba(23, 163, 74, 0.35);
}
.amnon-site-menu-item.is-login-cta:hover {
  background: linear-gradient(135deg, #0d8a3f, #0b7636);
}
.amnon-site-menu-item.is-logout-cta {
  background: linear-gradient(135deg, #e02626, #c01515);
  border-color: #b91c1c;
  color: #fff;
  justify-content: center;
  font-size: 17px;
  box-shadow: 0 6px 16px rgba(217, 38, 38, 0.3);
}
.amnon-site-menu-item.is-logout-cta:hover {
  background: linear-gradient(135deg, #c01515, #a51212);
}

/* הודעת «פנו לצוות אמנון להרשמה» וכפתור הוואצאפ בתפריט */
.amnon-site-menu-note {
  margin: 2px 2px 0;
  color: #4a5f7a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}
a.amnon-site-menu-item {
  text-decoration: none;
}
.amnon-site-menu-item.is-wa-cta {
  background: #eafaf1;
  border-color: rgba(18, 161, 80, 0.38);
  color: #0b7a3d;
  justify-content: center;
  font-size: 17px;
}
.amnon-site-menu-item.is-wa-cta:hover {
  background: #dcf6e7;
}
.amnon-site-menu-wa-ico {
  width: 22px;
  height: 22px;
  display: inline-flex;
  flex: 0 0 auto;
  color: #12a150;
}
.amnon-site-menu-wa-ico svg {
  width: 100%;
  height: 100%;
}