/* ──────────────────────────────────────────────
   ATELIER.COM – Components partial
   (Included via style.css or standalone)
   ────────────────────────────────────────────── */

/* Metrics ticker bar */
.metrics-bar {
  display: flex; gap: 0; overflow: hidden;
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: 40px;
}
.metric-item {
  flex: 1; padding: 20px 32px;
  border-right: 1px solid rgba(255,255,255,0.08);
  text-align: center;
}
.metric-item:last-child { border-right: none; }
.metric-value { display: block; font-size: 1.6rem; font-weight: 800; color: var(--white); letter-spacing: -0.02em; }
.metric-label { font-size: 0.72rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-top: 4px; display: block; }

/* Gallery 3-grid */
.gallery-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 32px; }
.gallery-3 img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }

/* Hotspot panels */
.facility-panel { position: relative; overflow: hidden; border-radius: 12px; }
.facility-panel img { width: 100%; height: 420px; object-fit: cover; }
.hotspot {
  position: absolute;
  width: 28px; height: 28px;
  background: var(--dbr-blue); border-radius: 50%;
  cursor: pointer; z-index: 2;
  display: flex; align-items: center; justify-content: center;
  animation: pulse-hotspot 2s infinite;
}
.hotspot::before {
  content: '+'; color: var(--white); font-size: 1.2rem; font-weight: 700; line-height: 1;
}
.hotspot-popup {
  position: absolute;
  background: rgba(7,11,25,0.95);
  color: var(--white); font-size: 0.8rem;
  padding: 10px 14px; border-radius: 6px;
  white-space: nowrap; pointer-events: none;
  opacity: 0; transform: translateY(-4px);
  transition: all 0.2s ease;
  z-index: 3; max-width: 200px; white-space: normal;
}
.hotspot:hover .hotspot-popup { opacity: 1; transform: translateY(-8px); }
@keyframes pulse-hotspot { 0%,100%{box-shadow:0 0 0 4px rgba(26,108,246,0.2)} 50%{box-shadow:0 0 0 10px rgba(26,108,246,0.05)} }

/* Partner badge */
.partner-badge {
  display: inline-flex; align-items: center; gap: 12px;
  background: linear-gradient(135deg, #0B132B, #1A2A4A);
  color: var(--white); padding: 16px 28px; border-radius: 8px;
  border: 1px solid rgba(26,108,246,0.3);
  margin-top: 24px;
}
.partner-badge-icon { font-size: 1.8rem; }
.partner-badge span { font-size: 0.82rem; font-weight: 600; letter-spacing: 0.05em; }