/* =============================================================================
   Warehouse & Flex Space page (/warehouse-flex-space)
   Page-scoped additions — loaded only by warehouse-flex-space.html
   ============================================================================= */

/* --- Hero: swap parking photo for warehouse exterior --- */
.wss-facility-bar.wss-facility-bar--warehouse {
  background-image:
    linear-gradient(100deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.35) 100%),
    url('/images/warehouse/warehouse-exterior-canopy.webp') !important;
  background-position: center 60% !important;
}

.wss-facility-bar__eyebrow {
  display: inline-block;
  margin-bottom: 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wss-accent);
}

/* --- Photo stat value (text instead of number) --- */
.wss-stat-card__value--text { font-size: 1.35rem; }

/* --- Unit rows with real photos (cover-fit instead of padded illustration) --- */
.wss-unit-row__image-wrap--photo {
  padding: 0;
  height: 220px;
  overflow: hidden;
}

.wss-unit-row__image-wrap--photo .wss-unit-row__image {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}

@media (min-width: 640px) {
  .wss-unit-row__image-wrap--photo {
    height: auto;
    align-self: stretch;
    min-height: 220px;
  }
}

.wss-unit-row__features {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--wss-gray-700);
}

/* --- Gallery --- */
.wss-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .wss-gallery { grid-template-columns: repeat(4, 1fr); }
}

.wss-gallery__item {
  margin: 0;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: var(--wss-gray-100);
}

.wss-gallery__item--wide { grid-column: span 2; aspect-ratio: 3 / 2; }

.wss-gallery__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.wss-gallery__item:hover .wss-gallery__image { transform: scale(1.04); }

/* --- Modal fallback while GHL form is pending --- */
.wss-modal__fallback {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  padding: 1.5rem;
  text-align: center;
}

.wss-modal__fallback p { margin: 0 0 0.5rem; }

/* --- Photo-bg flex space (who-it's-for section) --- */
.wss-section--photo-bg-flex {
  --photo-bg: url('/images/warehouse/flex-space-covered-yard-view.webp');
}

/* --- Warehouse Lead GHL form is 1037px tall; size the modal iframe to match (modal body scrolls) --- */
.wss-modal__body iframe { height: 1037px; }