/* גובה בסיסי לגלריה */
.gallery-section { --n360-gallery-h: 460px; }
@media (max-width: 768px){ .gallery-section { --n360-gallery-h: 300px; } }

/* חשוב: שיחסי המיקום של החיצים יהיו ביחס לגלריה */
.gallery-section{ position: relative; }

/* קונטיינר השקופיות */
.gallery-container{ position:relative; overflow:hidden; min-height: var(--n360-gallery-h); z-index:1; }
.gallery-image{ display:block !important; background-repeat:no-repeat; }

/* FADE */
.gallery-container:not(.is-slide) .gallery-image{
  position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; transition: opacity .4s ease;
}
.gallery-container:not(.is-slide) .gallery-image.is-active{ opacity:1; }

/* SLIDE */
.gallery-container.is-slide .gallery-image{
  position:relative; inset:auto; background-size:cover; background-position:center;
  flex:0 0 100%; height: var(--n360-gallery-h);
  opacity:1; transition:none;
}
.gallery-container.is-slide .n360-track{
  display:flex; height: var(--n360-gallery-h);
  will-change: transform; transition: transform .4s ease;
}

/* Dots */
.gallery-dots{display:flex; gap:8px; justify-content:center; margin-top:10px}
.gallery-dots button{width:9px; height:9px; border-radius:50%; border:0; background:rgba(0,0,0,.25); cursor:pointer}
.gallery-dots button.active{background:#ffd700; box-shadow:0 0 0 2px rgba(0,0,0,.15) inset}

/* מקור עוגן לחיצים */
.gallery-section { position: relative !important; }

/* החיצים עצמם – תמיד מעל התמונה ובאמצע האנכי */
.gallery-section > .gallery-nav{
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 100 !important;
  pointer-events: auto !important;
}

.gallery-prev{
  left: 8px;
  right: auto;
}
.gallery-next{
  right: 8px;
  left: auto;
}

/* אם נוצרו גם <span class="gallery-dot"> ידניים – הסתרה */
.gallery-dots .gallery-dot { display: none !important; }



/* במובייל נקרב מעט פנימה */
@media (max-width: 767px){
  .gallery-prev{ left: 10px; }
  .gallery-next{ right: 10px; }
}

/* עטיפת הגלריה */
.n360-gallery{position:relative; margin-bottom:14px}

/* הקונטיינר של השקופיות */
#n360-gallery{overflow:hidden; border-radius:16px; min-height:420px; display:flex}
#n360-gallery .gallery-image{min-width:100%; height:420px; background-size:cover; background-position:center}

/* חיצים צפים מעל הגלריה */
.n360-gallery-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  border:0; background:#0000001a; padding:10px 14px; border-radius:12px;
  font-size:22px; line-height:1; cursor:pointer; z-index:3
}
.n360-gallery-btn:hover{background:#0000002b}
.n360-gprev{right:10px}
.n360-gnext{left:10px}

/* נקודות במרכז התחתון */
.gallery-dots{
  position:absolute; left:50%; bottom:10px; transform:translateX(-50%);
  display:flex; gap:8px; padding:6px 8px; border-radius:9999px;
  background:rgba(255,255,255,.7); backdrop-filter:blur(6px); z-index:2
}
.gallery-dots button{width:10px; height:10px; border-radius:50%; border:0; background:#c9c9c9; cursor:pointer}
.gallery-dots button.is-active{background:#333}