body {
  touch-action: pan-x pan-y;
}

.map-overlay-container {
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 80%);
  color: #fff;
  opacity: 1;
  height: 100%;
  width: 100%;
  transition: background 0.5s linear;
}

.map-overlay-container.map-loading-container {
  z-index: 5;
  background-color: rgba(0, 0, 0, 100%);
}

@media screen and (min-width: 992px) {
  .map-overlay-container.mobile-overlay {
    display: none;
  }
}

body.map-fullscreen .map-overlay-container.mobile-overlay,
body.map-block-selection .map-overlay-container.mobile-overlay {
  display: none;
}

.map-overlay-container .info-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.map-overlay-container .info-container .info {
  padding: 1rem;
}

.map-overlay-container .info-container .info .info-as-link {
  text-decoration: underline;
  cursor: pointer;
}

.ticket-block-head-mobile,
.ticket-map-fullscreen-head-mobile {
  display: none;
}

.polygon_block {
  fill-opacity: 0;
  stroke-width: 0;
  stroke-opacity: 0.3;
}

/**
Style of the blocks in category filter
 */
.polygon_block_enabled.polygon_block_filtered:not(.js-polygon_block_locked),
.polygon_block_enabled.polygon_block_filtered.hover {
  fill-opacity: 0.75;
  stroke-width: 2;
  fill: #fff;
  stroke: #fff;
}

.polygon_block_enabled:not(.js-polygon_block_locked).polygon_block_selected {
  fill-opacity: 1 !important;
  stroke-width: 4 !important;
  stroke: #fff;
  fill: rgb(255, 255, 255);
}

.js-initial-state .polygon_block_filtered.block_over:not(.js-polygon_block_locked) {
  stroke: #fff;
  fill: rgb(255, 255, 255);
}

.polygon_block_enabled.polygon_block_filtered:not(.js-polygon_block_locked):hover {
  cursor: pointer;
}

.polygon_block_enabled.polygon_block_filtered.block_over:not(.js-polygon_block_locked) {
  fill-opacity: 1 !important;
  z-index: 100;
}

.polygon_block_filtered.hover {
  fill-opacity: 1 !important;
  z-index: 100;
}

.js-initial-state .polygon_block_filtered.focusout {
  display: none;
}

.polygon_block_filtered.focusout {
  fill-opacity: 0.4;
}

.polygon_block_full,
.polygon_block.js-polygon_block_locked,
.polygon_block:not(.polygon_block_filtered) {
  fill: black !important;
  stroke: black !important;
  fill-opacity: 0.75 !important;;
}

/* Tooltips */
.block_tooltip,
.tooltip_commentaires,
.seat_tooltip {
  display: none;
  width: auto;
  font-size: 14px;
  word-wrap: break-word;
  position: absolute;
  z-index: 999;
}

.svg_map.arena_map {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: white;
}

.arena {
  position: relative;
}

.arena_map.mono_block .main_map {
  display: none;
}

.arena_map:not(.mono_block) .block_map {
  display: none;
}

.seat_tooltip_singlette {
  display: none;
}

.singlette {
  fill: red !important;
}

.isolated {
  fill: red! important;
}

.btn.css-block-auto {
  display: none;
}

#commerce-product-ticketing-form[quantity] .btn.css-block-auto {
  display: inline-flex;
}

.add-seats-from-tooltip {
  cursor: pointer;
}