/* ============================================
   Main Content - Matterport
   Zone d'affichage du modèle 3D Matterport
   ============================================ */
.main-content {
  flex: 1;
  min-width: 0;
  background-color: #1a1a1a;
  position: relative;
}

.matterport-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.matterport-container iframe,
.matterport-container webview {
  border: none;
  display: block;
  pointer-events: auto;
}

.matterport-container webview {
  width: 100%;
  height: 100%;
}

/* Masquage UI Matterport : notre CSS ne s'applique pas à l'intérieur de l'iframe (cross-origin).
   .matterport-ui sert si Matterport injecte des éléments dans notre page (ex. wrapper). */
.matterport-ui {
  display: none !important;
}