/* Single-post scrollytelling map (MAP_EXPERIENCE_SPEC §4). */

.omtb-scrolly-wrap { position: relative; }

/* State B — docked companion band */
.mtb-map-shell--post-only.omtb-scrolly-docked {
  position: fixed !important;
  top: var(--omtb-header-h, 64px);
  left: 0; right: 0;
  width: 100% !important;
  height: 26vh !important;
  min-height: 190px;
  z-index: 90;
  border-radius: 0;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55);
  transition: height 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.mtb-map-shell--post-only.omtb-scrolly-docked--compact { height: 22vh !important; }

/* hidden — slim reopen tab (hairline + mono label) */
.mtb-map-shell--post-only.omtb-scrolly-hidden { height: 0 !important; min-height: 0; overflow: visible; box-shadow: none; }
.omtb-scrolly-tab {
  display: none;
  position: absolute;
  top: 100%; left: 50%;
  transform: translateX(-50%);
  padding: 5px 18px 6px;
  border: 1px solid rgba(246, 243, 236, 0.2);
  border-top: 0;
  border-radius: 0 0 9px 9px;
  background: rgba(10, 12, 16, 0.72);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: rgba(246, 243, 236, 0.85);
  font: 600 10px/1 "Geist Mono", ui-monospace, monospace;
  letter-spacing: 0.3em;
  cursor: pointer;
}
.omtb-scrolly-hidden .omtb-scrolly-tab { display: block; }
.omtb-scrolly-hidden > *:not(.omtb-scrolly-tab) { visibility: hidden; }

/* controls — quiet glass chips, both states */
.omtb-scrolly-controls {
  position: absolute;
  left: 12px;              /* right edge belongs to the map's zoom/tool rail */
  bottom: 12px;
  z-index: 30;
  display: flex;
  gap: 8px;
}
.omtb-scrolly-btn {
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(246, 243, 236, 0.2);
  background: rgba(10, 12, 16, 0.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: rgba(246, 243, 236, 0.88);
  font: 600 11px/1 "Inter", sans-serif;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: border-color 0.25s ease, color 0.25s ease;
}
.omtb-scrolly-btn:hover, .omtb-scrolly-btn:focus-visible { border-color: #ff8a4a; color: #fff; }
.omtb-scrolly-docked .omtb-scrolly-controls { bottom: 8px; left: 8px; }
.omtb-map-takeover .omtb-scrolly-controls { display: none; }