/* HomeInterior owner map: shared point A navigation/layout rules for project pages. */

/* V2: static room nav at point A + floating room nav appears after passing point A */
/* 1) Lift the floorplan by 20px */
#floorplan .project-floorplan-media{ margin-top: -20px !important; }

/* 2) Static slot between floorplan and the first room title */
.project-roomnav-static-slot{
  padding: 18px 0 18px;
  display: flex;
  justify-content: center;
}

/* Static nav: in-flow, centered */
.project-roomnav.project-roomnav--static{
  position: relative !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 auto !important;
}

/* Floating nav: JS controls A/FIXED/B; we only animate opacity */
.project-roomnav.project-roomnav--floating{
  transition: opacity .22s ease;
  will-change: top, opacity;
}

/* Prevent static nav from being visible under the fixed header */
.project-roomnav.project-roomnav--static{ transition: opacity .12s ease; }
.project-roomnav.project-roomnav--static.is-under-header{
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Tune: point A static nav position + room titles (match ref screenshot 2) */

/* Move ONLY the static nav downward without moving plan or shifting album start */
@media (min-width: 901px){
  .project-roomnav-static-slot{
    padding-top: calc(18px + 50px) !important;
    margin-bottom: -50px !important;
  }
}
@media (max-width: 900px){
  .project-roomnav-static-slot{
    padding-top: calc(18px + 26px) !important;
    margin-bottom: -20px !important;
  }
}

/* Desktop: static nav must be perfectly centered (fix "shift left") */
@media (min-width: 901px){
  .project-roomnav.project-roomnav--static{
    width: fit-content !important;
    max-width: calc(100% - 64px) !important;
    overflow: visible !important;
    justify-content: center !important;
  }
}

/* Mobile/tablet: keep the same pill + swipe behavior as the floating nav */
@media (max-width: 900px){
  .project-roomnav.project-roomnav--static{
    width: calc(100% - 64px) !important;
    max-width: 520px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none;
    touch-action: pan-x;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .project-roomnav.project-roomnav--static::-webkit-scrollbar{ display:none; }
}

/* Room titles a bit larger */
@media (min-width: 901px){
  .project-album-roomtitle{ font-size: 24px !important; }
}
@media (max-width: 900px){
  .project-album-roomtitle{ font-size: clamp(18px, 5.1vw, 22px) !important; }
}