/* MC Creative Studio — MC Seatmaps frontend shell. */
.mc-seatmaps-frontend{
  width:100%;
  max-width:100%;
  margin:0 auto;
  box-sizing:border-box;
}

.mc-seatmaps-frontend *,
.mc-seatmaps-frontend *::before,
.mc-seatmaps-frontend *::after{
  box-sizing:border-box;
}

.mc-seatmaps-shortcode-notice{
  margin:16px 0;
  padding:12px 14px;
  border:1px solid #dcdcde;
  border-left-width:4px;
  border-left-color:#dba617;
  background:#fff;
  color:#1d2327;
  font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

@media(max-width:782px){
  .mc-seatmaps-frontend{
    padding-left:0;
    padding-right:0;
  }
}

/* Zone pricing presentation supplied by MC Events through the MCSeatmaps API. */
.mc-seatmaps-frontend .zone-block.mc-has-zone-price{
  position:relative;
}

.mc-seatmaps-frontend .mc-has-zone-price > .zone-block__price,
.mc-seatmaps-frontend .mc-seatmaps-zone-price{
  display:block;
  font-weight:800;
  white-space:nowrap;
  line-height:1.15;
}

.mc-seatmaps-frontend .zone-main-shortcut.mc-has-zone-price{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.mc-seatmaps-frontend .zone-main-shortcut .zone-block__price{
  margin-left:auto;
  font-size:16px;
}

.mc-seatmaps-frontend .palcos-side-shortcut.mc-has-zone-price,
.mc-seatmaps-frontend .palco-shortcut.mc-has-zone-price,
.mc-seatmaps-frontend .palcos-group-shortcut.mc-has-zone-price{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
}

.mc-seatmaps-frontend .palcos-side-shortcut .zone-block__price,
.mc-seatmaps-frontend .palco-shortcut .zone-block__price,
.mc-seatmaps-frontend .palcos-group-shortcut .zone-block__price{
  margin:0;
  font-size:13px;
}

@media(max-width:782px){
  .mc-seatmaps-frontend .zone-main-shortcut .zone-block__price{font-size:14px;}
  .mc-seatmaps-frontend .palcos-side-shortcut .zone-block__price,
  .mc-seatmaps-frontend .palco-shortcut .zone-block__price,
  .mc-seatmaps-frontend .palcos-group-shortcut .zone-block__price{font-size:12px;}
}

/* v0.6.4 — renderer-agnostic zone pricing. MC Events owns the values. */
.mc-seatmaps-frontend .mc-zone-price-main{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

.mc-seatmaps-frontend .mc-zone-price-main > .mc-seatmaps-zone-price{
  margin-left:auto !important;
  margin-right:0 !important;
  font-size:16px;
  text-align:right;
  color:inherit;
}

.mc-seatmaps-frontend .mc-zone-price-box{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
}

.mc-seatmaps-frontend .mc-zone-price-box > .mc-seatmaps-zone-price{
  margin:0 !important;
  font-size:13px;
  text-align:center;
  color:inherit;
}

@media(max-width:782px){
  .mc-seatmaps-frontend .mc-zone-price-main > .mc-seatmaps-zone-price{font-size:14px;}
  .mc-seatmaps-frontend .mc-zone-price-box > .mc-seatmaps-zone-price{font-size:12px;}
}



/* v0.6.5 — safety: event zone prices never render inside individual seats. */
.mc-seatmaps-frontend .seat > .mc-seatmaps-zone-price,
.mc-seatmaps-frontend .mc-seat > .mc-seatmaps-zone-price,
.mc-seatmaps-frontend #seat-map .mc-seatmaps-zone-price,
.mc-seatmaps-frontend #zone-view .seat .mc-seatmaps-zone-price,
.mc-seatmaps-frontend .theater-map .seat .mc-seatmaps-zone-price{
  display:none !important;
}

/* v0.7.3 — mobile zone labels: stack name above price to prevent collisions. */
@media(max-width:782px){
  .mc-seatmaps-frontend .zone-main-shortcut,
  .mc-seatmaps-frontend .zone-main-shortcut.mc-has-zone-price,
  .mc-seatmaps-frontend .mc-zone-price-main{
    min-width:0;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
  }

  .mc-seatmaps-frontend .zone-main-shortcut .zone-block__name{
    flex:0 1 auto;
    min-width:0;
    width:100%;
    text-align:center;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    line-height:1.2;
  }

  .mc-seatmaps-frontend .zone-main-shortcut .zone-block__price,
  .mc-seatmaps-frontend .zone-main-shortcut .mc-seatmaps-zone-price,
  .mc-seatmaps-frontend .mc-zone-price-main > .mc-seatmaps-zone-price{
    flex:0 0 auto;
    margin:0 !important;
    text-align:center !important;
    white-space:nowrap;
  }
}


/* v0.7.4 — authoritative public inventory presentation.
 * Venue renderers may provide their own SOLD/BLOCKED classes; these selectors
 * are a renderer-agnostic fallback so unavailable seats never remain visually
 * identical to seats that can still be purchased.
 */
.mc-seatmaps-frontend .mc-seatmaps-status-unavailable,
.mc-seatmaps-frontend .mc-seatmaps-status-sold,
.mc-seatmaps-frontend .mc-seatmaps-status-held,
.mc-seatmaps-frontend .mc-seatmaps-status-blocked{
  background:linear-gradient(135deg, #5d6472 0%, #818899 100%) !important;
  color:#fff !important;
  cursor:not-allowed !important;
  opacity:.78;
}

.mc-seatmaps-frontend .mc-seatmaps-status-unavailable:hover{
  transform:none !important;
  box-shadow:none;
}
