/* ===== תפריט צד ===== */
.new-projects-side-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.new-projects-side-menu li {
  margin-bottom: 18px;
}

.new-projects-side-menu a {
  text-decoration: none;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #b5b7bc;
  opacity: 0.7;
  transition: opacity 0.2s ease, transform 0.2s ease;
}



.new-projects-side-menu a.is-accent {
  color: #80d46b! important;
}


/* ===== בסיס ===== */
.new-projects-page{
  position: relative;
  min-height: 100vh;
  padding-block: 80px 120px;
  background: #141414;
  color: #f5f5f7;
  font-family: "Assistant", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.new-projects-page-inner{
  max-width: 1400px;
  margin: 0 auto;
}

/* ===== גריד 2 עמודות ===== */
.new-projects-wrapper{
  width: 100%;
}

.new-projects-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 70px 70px; /* אנכי / אופקי */
  opacity: 1;
  transition: opacity 280ms ease-in-out;
}

@media (max-width: 1024px){
  .new-projects-grid{
    grid-template-columns: 1fr;
    gap: 55px;
  }
}

/* ===== Fade לכל הגריד בזמן החלפה ===== */
.new-projects-grid.is-fading{
  opacity: 0;
}

/* ===== כרטיס ===== */
.new-project-card{
  margin: 0;
  padding: 0;
  background: transparent;
}

.new-project-card.is-hidden{
  display: none !important;
}

.new-project-card-inner{
  background: #141414;
}

.new-project-card__thumb{
  display: block;
  overflow: hidden;
  background: #141414;
}

.new-project-card__thumb img{
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .7s ease;
}

.new-project-card:hover .new-project-card__thumb img{
  transform: scale(1.08);
}

.new-project-card__content{
  padding: 10px 0px 0;
	position: absolute;
}

.new-project-card__title{
  margin: 0;
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #f5f5f7;
}

/* ===== Side Menu ===== */
.new-projects-side-menu{
  list-style: none;
  margin: 0;
  padding: 0;
}

.new-projects-side-menu a{
  text-decoration: none;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #b5b7bc;
 
}

.new-projects-side-menu a.is-active,
.new-projects-side-menu a:hover{
}

.new-projects-side-menu a.is-accent{
  color: #80d46b! important;
}

.new-projects-side-menu a {
  display: inline-block; /* חשוב ל-scale */
  text-decoration: none;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #b5b7bc;
  opacity: 0.65;

  /* נקודת עיגון להגדלה */
  transform-origin: right center;
  transform: scale(1);

  /* אנימציה פרימיום */
  transition:
    opacity 0.25s ease,
    transform 0.45s cubic-bezier(.22,.8,.2,1),
    letter-spacing 0.45s cubic-bezier(.22,.8,.2,1),
    color 0.25s ease;
}

/* Hover + Active */
.new-projects-side-menu a.is-active {
  opacity: 1;
  color: #ffffff;

  /* גדילה עדינה */
  transform: scale(1.07);

  /* פתיחה קלה של האותיות – מאוד פורטפוליו */
  letter-spacing: 0.22em;
}

.new-projects-side-menu a:hover {

  /* גדילה עדינה */
  transform: scale(1.07);

  /* פתיחה קלה של האותיות – מאוד פורטפוליו */
  letter-spacing: 0.22em;
}


.new-projects-side-menu a.is-active {
  opacity: 1;
  color: #ffffff;
  transform: scale(1.07);
  letter-spacing: 0.22em;
  cursor: default; /* אופציונלי – מרגיש יותר "נעול" */
}

/* מבטל כל שינוי בהובר על אקטיב */
.new-projects-side-menu a:not(.is-active):hover {
  letter-spacing: 0.22em;
}



/* Load more */
.new-projects-loadmore-wrap{
  text-align: center;
  padding-top: 150px;
}

.new-projects-loadmore{
  display: inline-block;
  font-family: "Assistant", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.22em;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  transition: opacity .25s ease, color .25s ease, transform .35s cubic-bezier(.22,.8,.2,1);
	font-weight: 300;
}

.new-projects-loadmore:hover{
  opacity: 1;
  color: #fff;
  transform: scale(1.03);
}

.new-projects-loadmore.is-loading{
  pointer-events: none;
  opacity: 0.55;
}

/* fade-in for newly loaded items */
.new-project-card.is-just-added{
  opacity: 0;
  transform: translateY(10px);
}

.new-project-card{
  transition: opacity 450ms ease, transform 450ms cubic-bezier(.22,.8,.2,1);
}



/* ===== Mobile Horizontal Scroll Menu ===== */
@media (max-width: 768px){

  nav{
    width: 100%;
  }

  .new-projects-side-menu{
    direction: ltr;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 18px;

    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

    padding: 12px 14px;
    margin: 0;

    /* תחושה פרימיום */
    scroll-behavior: smooth;
  }

  /* הסתרת scrollbar (שומר על גלילה) */
  .new-projects-side-menu::-webkit-scrollbar{
    display: none;
  }
  .new-projects-side-menu{
    scrollbar-width: none;
  }

  .new-projects-side-menu li{
    flex: 0 0 auto;
  }

  .new-projects-side-menu a{
    white-space: nowrap;

    font-size: 0.9rem;
    letter-spacing: 0.14em;
    padding: 10px 6px;

    opacity: 0.65;

    /* מבטלים scale במובייל – יותר נקי */
    transform: none !important;

    transition:
      opacity 0.25s ease,
      letter-spacing 0.25s ease,
      color 0.25s ease;
  }

  /* Active */
  .new-projects-side-menu a.is-active{
    opacity: 1;
    color: #ffffff;
    letter-spacing: 0.18em;
  }

  /* קו עדין מתחת לאקטיב */
  .new-projects-side-menu a.is-active::after{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin-top: 6px;
    background: rgba(255,255,255,0.8);
  }

  /* Accent */
  .new-projects-side-menu a.is-accent{
    color: #80d46b !important;
    opacity: 1;
  }
}

@media (max-width: 768px){
  .new-project-card__thumb{
    touch-action: pan-y; /* מאפשר גלילה אנכית טבעית */
    -webkit-tap-highlight-color: transparent;
  }
	.new-project-card__content {
		position: relative;
	text-align: center! important;
	margin: 10px 0px 0px 0px;
	}
	.new-projects-loadmore-wrap {
		padding-top: 35px;
	}
}