/* The EventON flex item otherwise grows wider than the event card in RTL. */
.evost_seat_layout.taem-native-svg-map > .evost_section {
  visibility: hidden !important;
  pointer-events: none !important;
}
.evost_seat_layout > .taem-source-svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 800px;
  height: 600px;
  max-width: none;
  overflow: hidden;
}
.taem-source-svg [data-taem-section] { pointer-events: none; }
.taem-source-svg [data-taem-section].taem-svg-available {
  cursor: pointer;
  pointer-events: visiblePainted;
}
.taem-source-svg [data-taem-section].taem-svg-available:hover,
.taem-source-svg [data-taem-section].taem-svg-available:focus {
  opacity: .7;
  outline: none;
}
.evoTX_wc.tximg > .evotx_image {
  display: none;
}
@media (max-width: 767px) {
  .evoTX_wc .evoTX_wc_section,
  .evoTX_wc .evost_seat_map_section {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .evoTX_wc .evost_seat_map_section .evost_seats_preview {
    display: block;
    order: 2;
    flex: none;
    position: static;
    float: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 16px 0 0;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }
  .evoTX_wc .evost_seat_map_section .evost_inline_seat_map {
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .evoTX_wc .evost_seats_preview .evotx_addtocart_section,
  .evoTX_wc .evost_seats_preview .evotx_addtocart_button {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
}
/* EventON's button row is only 220px wide beside a desktop map. Keep the
   actions compact and in one row at every viewport, including the mobile
   panel below the map. The separate inquiry button is outside this row. */
.evoTX_wc .evost_seats_preview .evotx_addtocart_button {
  display: flex !important;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.evoTX_wc .evost_seat_map_section .evost_seats_preview .evotx_addtocart_button > .evcal_btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 9px 10px !important;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.25;
  white-space: nowrap;
}
@media (min-width: 1240px) {
  .evoTX_wc .evoTX_wc_section {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .evoTX_wc .evost_seat_map_section {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .evoTX_wc .evost_seat_map_section .evost_seats_preview {
    flex: 0 0 260px;
    width: 260px;
    min-width: 0;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }
  .evost_seats_preview .evotx_ticket_other_data_line .value {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
  }
}