.ticketleo-badge {
  background: var(--ticketleo-badge-bg-color, var(--wp--preset--color--contrast, #111111));
  color: var(--ticketleo-badge-text-color, var(--wp--preset--color--base, #FFFFFF));
  padding-block: var(--ticketleo-badge-padding-block, 0.5em);
  padding-inline: var(--ticketleo-badge-padding-inline, 0.5em);
  width: var(--ticketleo-badge-width, fit-content);
  font-size: var(--ticketleo-badge-fontsize, 0.8em);
  white-space: var(--ticketleo-badge-wrap, nowrap);
  display: inline-block;
}

.ticketleo-btn__link {
  display: inline-block;
  font-size: var(--ticketleo-btn-fontsize, 0.9rem);
  white-space: nowrap;
}
.ticketleo-btn--show .ticketleo-btn__link {
  background: var(--ticketleo-btn-bg, transparent);
  padding-block: var(--ticketleo-btn-padding-block, 0);
  padding-inline: var(--ticketleo-btn-padding-inline, 0);
  color: var(--ticketleo-btn-text-color, var(--wp--preset--color--contrast, #111111));
}
.ticketleo-btn--show .ticketleo-btn__link:is(:hover, :focus, :active) {
  text-decoration: var(--ticketleo-btn-decoration, underline);
}

.ticketleo-events-table .ticketleo-event--not-bookable .ticketleo-events__title span,
.ticketleo-events-table .ticketleo-event--not-bookable .ticketleo-event-timing__date span,
.ticketleo-events-table .ticketleo-event--not-bookable .ticketleo-event-timing__time span,
.ticketleo-events-table .ticketleo-event--not-bookable .ticketleo-event__status span {
  opacity: var(--ticketleo-not-bookable-opacity, 0.52);
}

.ticketleo-events-list .ticketleo-event--not-bookable .ticketleo-events__title,
.ticketleo-events-list .ticketleo-event--not-bookable .ticketleo-event-timing__date,
.ticketleo-events-list .ticketleo-event--not-bookable .ticketleo-event-timing__time,
.ticketleo-events-list .ticketleo-event--not-bookable .ticketleo-event__status,
.ticketleo-events-grid .ticketleo-event--not-bookable .ticketleo-events__title,
.ticketleo-events-grid .ticketleo-event--not-bookable .ticketleo-event-timing__date,
.ticketleo-events-grid .ticketleo-event--not-bookable .ticketleo-event-timing__time,
.ticketleo-events-grid .ticketleo-event--not-bookable .ticketleo-event__status {
  opacity: var(--ticketleo-not-bookable-opacity, 0.52);
}

.ticketleo-event__header {
  max-width: 100%;
  position: relative;
}
.ticketleo-event__header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: var(--ticketleo-header-aspect-ratio, 1.53);
}
.ticketleo-event__header .ticketleo-badge {
  bottom: var(--ticketleo-badge-bottom-position, 0.5em);
  left: var(--ticketleo-badge-left-position, 0);
}

.block-editor-block-list__block .wp-block-ticketleo-events-eventslist,
.block-editor-block-list__block .wp-block-ticketleo-events-event {
  pointer-events: none;
}

.ticketleo-events-list .ticketleo-event-timing,
.ticketleo-events-grid .ticketleo-event-timing {
  display: var(--ticketleo-timing-layout, flex);
  gap: var(--ticketleo-timing-gap, 1rem);
  margin-block: var(--ticketleo-margin-block, 1rem);
}

.ticketleo-events-list .ticketleo-event-timing:first-child,
.ticketleo-events-grid .ticketleo-event-timing:first-child {
  margin-top: 0;
}

.ticketleo-events-column {
  padding-block: var(--ticketleo-padding-block, 1.5rem 1rem);
  padding-inline: var(--ticketleo-padding-inline, 1rem);
}
.ticketleo-events-column--image {
  max-width: var(--ticketleo-img-max-width, 300px);
  width: var(--ticketleo-img-width, 100%);
  padding-block: var(--ticketleo-padding-block, 0);
  padding-inline: var(--ticketleo-padding-inline, 0);
}
.ticketleo-events-column--image img {
  width: var(--ticketleo-img-width, 100%);
  height: var(--ticketleo-img-height, 100%);
  object-fit: var(--ticketleo-img-object-fit, cover);
  object-position: var(--ticketleo-img-object-position, center);
}
@media screen and (max-width: 700px) {
  .ticketleo-events-column--image {
    max-width: var(--ticketleo-img-max-width, 100%);
  }
}
@media screen and (min-width: 701px) and (max-width: 1199px) {
  .ticketleo-events-column--image {
    max-width: var(--ticketleo-img-max-width, 200px);
  }
}
.ticketleo-events-column--info {
  display: var(--ticketleo-column-layout, flex);
  justify-content: var(--ticketleo-column-justify, space-between);
  align-items: var(--ticketleo-column-align, center);
  flex-wrap: var(--ticketleo-flex-wrap, wrap);
  width: var(--ticketleo-column-width, 100%);
}

.ticketleo-events__title {
  margin-block: var(--ticketleo-margin-block, 0);
  margin-inline: var(--ticketleo-margin-inline, 0);
}

.ticketleo-events-grid {
  display: var(--ticketleo-layout, grid);
  grid-template-columns: repeat(auto-fill, minmax(min(var(--ticketleo-column-width, 18em), 100%), 1fr));
  list-style: none;
  padding-block: var(--ticketleo-padding-block, 0);
  padding-inline: var(--ticketleo-padding-inline, 0);
  gap: var(--ticketleo-row-gap, clamp(1.5rem, 3.5vw, 3.75rem)) var(--ticketleo-column-gap, clamp(1.5rem, 3.5vw, 3.75rem));
}
.ticketleo-events-grid .ticketleo-event {
  border: var(--ticketleo-border-width, 1px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, var(--wp--preset--color--contrast, #111111));
  padding-block: var(--ticketleo-padding-block, 1rem);
  padding-inline: var(--ticketleo-padding-inline, 1rem);
  position: relative;
}
.ticketleo-events-grid .ticketleo-event .ticketleo-btn__link::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ticketleo-events-list {
  list-style: none;
  padding-left: 0;
}
.ticketleo-events-list .ticketleo-event {
  display: var(--ticketleo-list-layout, flex);
  justify-content: var(--ticketleo-list-justify, space-between);
  border: var(--ticketleo-border-width, 1px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, var(--wp--preset--color--contrast, #111111));
  position: relative;
  flex-wrap: var(--ticketleo-flex-wrap, nowrap);
}
@media screen and (max-width: 700px) {
  .ticketleo-events-list .ticketleo-event {
    flex-wrap: var(--ticketleo-flex-wrap, wrap);
  }
}
.ticketleo-events-list .ticketleo-event:not(:last-child) {
  margin-bottom: var(--ticketleo-spacing-bottom, 2rem);
}
.ticketleo-events-list .ticketleo-badge {
  position: var(--ticketleo-badge-position, absolute);
  transform: translateY(-50%);
  top: 0;
}

.ticketleo-event-progress {
  width: var(--ticketleo-progress-width, 100%);
  height: var(--ticketleo-progress-height, 30px);
  background: var(--ticketleo-progress-bg, var(--wp--preset--color--accent-2, #F6CFF4));
  position: relative;
  display: inline-block;
}
.ticketleo-event-progress__bar {
  background: var(--ticketleo-progress-color, var(--wp--preset--color--accent-3, #503AA8));
  height: 100%;
}

.ticketleo-events-table {
  border-bottom: var(--ticketleo-border-width, 1px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, #f0f0f0);
}
.ticketleo-events-table table {
  border-spacing: var(--ticketleo-border-spacing, 0);
  border-collapse: collapse;
}
.ticketleo-events-table thead {
  border-bottom: var(--ticketleo-border-width, 3px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, var(--wp--preset--color--contrast, #111111));
}
.ticketleo-events-table th, .ticketleo-events-table td {
  border: var(--ticketleo-border-width, 1px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, rgba(0, 0, 0, 0));
  padding-inline: var(--ticketleo-padding-inline, 0.5em);
  padding-block: var(--ticketleo-padding-block, 0.5em);
}
.ticketleo-events-table .ticketleo-event:nth-child(even) {
  background: var(--ticketleo-even-rows-color, #f0f0f0);
}
@media screen and (max-width: 1059px) {
  .ticketleo-events-table {
    display: none;
  }
}

@media screen and (min-width: 1060px) {
  .responsive-container .ticketleo-events-list {
    display: none;
  }
}
@media screen and (max-width: 1059px) {
  .responsive-container .ticketleo-events-list {
    display: block;
  }
}

.ticketleo-event-progress__tooltip {
  visibility: hidden;
  opacity: 0;
  width: max-content;
  background: var(--ticketleo-tooltip-bg-color, var(--wp--preset--color--base, #FFFFFF));
  color: var(--ticketleo-tooltip-text-color, var(--wp--preset--color--contrast, #111111));
  text-align: var(--ticketleo-tooltip-text-align, center);
  border: var(--ticketleo-tooltip-border-width, 1px) var(--ticketleo-tooltip-border-style, solid) var(--ticketleo-tooltip-border-color, var(--wp--preset--color--contrast, #111111));
  border-radius: var(--ticketleo-tooltip-border-radius, 0.33rem);
  padding-block: var(--ticketleo-tooltip-padding-block, 0.5rem);
  padding-inline: var(--ticketleo-tooltip-padding-inline, 1rem);
  position: absolute;
  bottom: var(--ticketleo-tooltip-bottom-position, 70%);
  left: var(--ticketleo-tooltip-left-position, 50%);
  transform: translateX(var(--ticketleo-tooltip-offset, -50%));
  font-size: var(--ticketleo-tooltip-fontsize, 0.8em);
  transition: opacity var(--ticketleo-tooltip-animation-duration, 0.2s);
}
.ticketleo-event-progress__tooltip::before, .ticketleo-event-progress__tooltip::after {
  content: "";
  position: absolute;
  border-left: var(--ticketleo-tooltip-arrow-border-width, 5px) var(--ticketleo-tooltip-arrow-border-style, solid) var(--ticketleo-tooltip-arrow-border-color-inline, transparent);
  border-right: var(--ticketleo-tooltip-arrow-border-width, 5px) var(--ticketleo-tooltip-arrow-border-style, solid) var(--ticketleo-tooltip-arrow-border-color-inline, transparent);
  top: 100%;
  left: 50%;
  transform: translateX(var(--ticketleo-tooltip-offset, -50%));
  margin-left: calc(var(--ticketleo-tooltip-arrow-border-width, 5px) * -1);
}
.ticketleo-event-progress__tooltip::before {
  border-top: var(--ticketleo-tooltip-arrow-border-width, 5px) var(--ticketleo-tooltip-arrow-border-style, solid) var(--ticketleo-tooltip-arrow-border-color, var(--wp--preset--color--contrast, #111111));
  margin-top: var(--ticketleo-tooltip-arrow-top-offset, 1px);
}
.ticketleo-event-progress__tooltip::after {
  border-top: var(--ticketleo-tooltip-arrow-border-width, 5px) var(--ticketleo-tooltip-arrow-border-style, solid) var(--ticketleo-tooltip-arrow-border-color, var(--wp--preset--color--base, #FFFFFF));
  z-index: 1;
}

.ticketleo-event-progress:is(:hover, :focus, :active) .ticketleo-event-progress__tooltip {
  visibility: visible;
  opacity: 1;
}

/*# sourceMappingURL=style.css.map */
