/* ==========================================================================
   Block: Feature Ticket Hover
   ========================================================================== */
.spektrix-feature-ticket-hover {
  --spektrix-feature-ticket-hover-gap: var(--wp--style--block-gap, 1.5rem);
  --spektrix-feature-ticket-hover-wide-size: var(--wp--style--global--wide-size, 1200px);
  --spektrix-feature-ticket-hover-content-size: var(--wp--style--global--content-size, 800px);
  --spektrix-feature-ticket-hover-item-radius: 12px;
  --spektrix-feature-ticket-hover-media-radius: 24px;
  --spektrix-feature-ticket-hover-ticket-cutout: 20px;
  --spektrix-feature-ticket-hover-ticket-cutout-height: 21px;
  --spektrix-feature-ticket-hover-ticket-cutout-offset-y: 0.5rem;
  --spektrix-feature-ticket-hover-title-line-height: 28px;
  --spektrix-feature-ticket-hover-icon-align-offset: 2px;
  --spektrix-feature-ticket-hover-page-bg: var(--wp--preset--color--white);
  --spektrix-feature-ticket-hover-item-gap: 1rem;
  --spektrix-feature-ticket-hover-list-gap: 0.75rem;
  --spektrix-feature-ticket-hover-item-padding-block: 2rem;
  --spektrix-feature-ticket-hover-item-padding-inline: 2.5rem;
  --spektrix-feature-ticket-hover-item-padding: var(--spektrix-feature-ticket-hover-item-padding-block) var(--spektrix-feature-ticket-hover-item-padding-inline);
  background-color: var(--wp--preset--color--white);
  padding: calc(var(--spektrix-feature-ticket-hover-gap) * 2.75) var(--spektrix-feature-ticket-hover-gap);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pt-compact {
  padding-top: calc(var(--spektrix-feature-ticket-hover-gap) * 1.5);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pt-comfortable {
  padding-top: calc(var(--spektrix-feature-ticket-hover-gap) * 2);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pt-spacious {
  padding-top: calc(var(--spektrix-feature-ticket-hover-gap) * 4);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pt-extra-spacious {
  padding-top: calc(var(--spektrix-feature-ticket-hover-gap) * 5);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pt-maximum {
  padding-top: calc(var(--spektrix-feature-ticket-hover-gap) * 6);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pt-none {
  padding-top: 0;
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pb-compact {
  padding-bottom: calc(var(--spektrix-feature-ticket-hover-gap) * 1.5);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pb-comfortable {
  padding-bottom: calc(var(--spektrix-feature-ticket-hover-gap) * 2);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pb-spacious {
  padding-bottom: calc(var(--spektrix-feature-ticket-hover-gap) * 4);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pb-extra-spacious {
  padding-bottom: calc(var(--spektrix-feature-ticket-hover-gap) * 5);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pb-maximum {
  padding-bottom: calc(var(--spektrix-feature-ticket-hover-gap) * 6);
}
.spektrix-feature-ticket-hover.spektrix-block-spacing--pb-none {
  padding-bottom: 0;
}
.spektrix-feature-ticket-hover__container {
  width: 100%;
  max-width: min(100%, var(--spektrix-feature-ticket-hover-wide-size));
  margin: 0 auto;
}
.spektrix-feature-ticket-hover__header {
  max-width: var(--spektrix-feature-ticket-hover-content-size);
  margin: 0 0 calc(var(--spektrix-feature-ticket-hover-gap) * 2.5);
  text-align: left;
}
.spektrix-feature-ticket-hover__heading {
  margin: 0 0 var(--spektrix-feature-ticket-hover-gap);
  color: var(--wp--preset--color--text-dark);
}
.spektrix-feature-ticket-hover__intro {
  margin: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-feature-ticket-hover__intro p {
  margin: 0;
}
.spektrix-feature-ticket-hover__link-wrap {
  margin-top: calc(var(--spektrix-feature-ticket-hover-gap) * 1.5);
}
.spektrix-feature-ticket-hover__link {
  margin-top: 0;
}
.spektrix-feature-ticket-hover__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--spektrix-feature-ticket-hover-gap) * 1.5);
  align-items: center;
}
.spektrix-feature-ticket-hover__items-wrap {
  min-width: 0;
}
.spektrix-feature-ticket-hover__tablist {
  display: flex;
  flex-direction: column;
  gap: var(--spektrix-feature-ticket-hover-list-gap);
}
.spektrix-feature-ticket-hover__item {
  position: relative;
  display: block;
  width: 100%;
}
.spektrix-feature-ticket-hover__item + .spektrix-feature-ticket-hover__item::before {
  content: "";
  position: absolute;
  top: calc(var(--spektrix-feature-ticket-hover-list-gap) / -2);
  right: 0;
  left: 0;
  height: 1px;
  background-color: var(--wp--preset--color--text-dark);
  opacity: 0.2;
  pointer-events: none;
}
.spektrix-feature-ticket-hover__item:has(.spektrix-feature-ticket-hover__item-panel.is-active) + .spektrix-feature-ticket-hover__item::before, .spektrix-feature-ticket-hover__item + .spektrix-feature-ticket-hover__item:has(.spektrix-feature-ticket-hover__item-panel.is-active)::before {
  display: none;
}
.spektrix-feature-ticket-hover__tab {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  appearance: none;
}
.spektrix-feature-ticket-hover__tab:focus-visible {
  outline: 2px solid var(--wp--preset--color--primary);
  outline-offset: 2px;
}
.spektrix-feature-ticket-hover__tab-inner {
  display: flex;
  align-items: flex-start;
  gap: var(--spektrix-feature-ticket-hover-item-gap);
  width: 100%;
}
.spektrix-feature-ticket-hover__item-panel {
  --spektrix-feature-ticket-hover-icon-size: 32px;
  --spektrix-feature-ticket-hover-icon-align-y: calc(max(0px, (var(--spektrix-feature-ticket-hover-title-line-height) - var(--spektrix-feature-ticket-hover-icon-size)) / 2) + var(--spektrix-feature-ticket-hover-icon-align-offset));
  --spektrix-feature-ticket-hover-ticket-cutout-y: calc(var(--spektrix-feature-ticket-hover-item-padding-block) + var(--spektrix-feature-ticket-hover-icon-align-y) + (var(--spektrix-feature-ticket-hover-icon-size) / 2) + var(--spektrix-feature-ticket-hover-ticket-cutout-offset-y));
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
  min-height: 2.75rem;
  box-sizing: border-box;
  padding: var(--spektrix-feature-ticket-hover-item-padding);
  border-radius: 0;
  color: var(--wp--preset--color--text-dark);
  transition: color 0.2s ease, background-color 0.2s ease, border-radius 0.2s ease;
}
.spektrix-feature-ticket-hover__item-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.2s ease, border-radius 0.2s ease;
  background: radial-gradient(ellipse var(--spektrix-feature-ticket-hover-ticket-cutout) var(--spektrix-feature-ticket-hover-ticket-cutout-height) at 0 var(--spektrix-feature-ticket-hover-ticket-cutout-y), var(--spektrix-feature-ticket-hover-page-bg) 0 var(--spektrix-feature-ticket-hover-ticket-cutout-height), transparent calc(var(--spektrix-feature-ticket-hover-ticket-cutout-height) + 1px)), radial-gradient(ellipse var(--spektrix-feature-ticket-hover-ticket-cutout) var(--spektrix-feature-ticket-hover-ticket-cutout-height) at 100% var(--spektrix-feature-ticket-hover-ticket-cutout-y), var(--spektrix-feature-ticket-hover-page-bg) 0 var(--spektrix-feature-ticket-hover-ticket-cutout-height), transparent calc(var(--spektrix-feature-ticket-hover-ticket-cutout-height) + 1px));
}
.spektrix-feature-ticket-hover__item-panel.is-active {
  color: var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--primary-50);
  border-radius: var(--spektrix-feature-ticket-hover-item-radius);
}
.spektrix-feature-ticket-hover__item-panel.is-active::before {
  opacity: 1;
}
.spektrix-feature-ticket-hover__item-panel > * {
  position: relative;
  z-index: 1;
}
.spektrix-feature-ticket-hover__item-link {
  align-self: flex-start;
  margin-top: 0;
  margin-left: calc(var(--spektrix-feature-ticket-hover-icon-size, 32px) + var(--spektrix-feature-ticket-hover-item-gap));
}
.spektrix-feature-ticket-hover__icon {
  display: flex;
  flex-shrink: 0;
  width: var(--spektrix-feature-ticket-hover-icon-size);
  height: var(--spektrix-feature-ticket-hover-icon-size);
  margin-top: var(--spektrix-feature-ticket-hover-icon-align-y);
  align-items: center;
  justify-content: center;
  color: var(--wp--preset--color--text-dark);
  transition: color 0.2s ease;
}
.spektrix-feature-ticket-hover__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.spektrix-feature-ticket-hover__icon svg[fill]:not([fill=none]),
.spektrix-feature-ticket-hover__icon svg [fill]:not([fill=none]) {
  fill: currentColor;
}
.spektrix-feature-ticket-hover__icon svg[stroke]:not([stroke=none]),
.spektrix-feature-ticket-hover__icon svg [stroke]:not([stroke=none]) {
  stroke: currentColor;
}
.spektrix-feature-ticket-hover__item-panel.is-active .spektrix-feature-ticket-hover__icon {
  color: var(--wp--preset--color--primary);
}
.spektrix-feature-ticket-hover__item-content {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.5rem;
}
.spektrix-feature-ticket-hover__item-title {
  display: block;
  margin: 0;
  color: inherit;
}
.spektrix-feature-ticket-hover__item-body {
  display: block;
  margin: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-feature-ticket-hover__item-panel.is-active .spektrix-feature-ticket-hover__item-body {
  color: var(--wp--preset--color--text-dark);
}
.spektrix-feature-ticket-hover__media-wrap {
  position: relative;
  width: 100%;
  min-width: 0;
}
.spektrix-feature-ticket-hover__media {
  display: none;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: var(--spektrix-feature-ticket-hover-media-radius);
  aspect-ratio: 625/468;
}
.spektrix-feature-ticket-hover__media.is-active {
  display: block;
}
.spektrix-feature-ticket-hover__figure {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.spektrix-feature-ticket-hover__image {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
}
.spektrix-feature-ticket-hover--image-fit-cover .spektrix-feature-ticket-hover__image {
  object-fit: cover;
}
.spektrix-feature-ticket-hover--image-fit-contain .spektrix-feature-ticket-hover__image {
  object-fit: contain;
}
.spektrix-feature-ticket-hover__media-empty {
  width: 100%;
  height: 100%;
  min-height: inherit;
}
.spektrix-feature-ticket-hover--editor .spektrix-feature-ticket-hover__media--placeholder .spektrix-feature-ticket-hover__media-empty {
  background-color: var(--wp--preset--color--bright-bg);
}
@media (min-width: 920px) {
  .spektrix-feature-ticket-hover__layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(2.5rem, 5vw, 4.5rem);
    row-gap: 0;
  }
  .spektrix-feature-ticket-hover__items-wrap {
    min-width: 0;
  }
  .spektrix-feature-ticket-hover__media-wrap {
    width: 100%;
    max-width: none;
  }
  .spektrix-feature-ticket-hover__media {
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 625/468;
  }
}
@media (prefers-reduced-motion: reduce) {
  .spektrix-feature-ticket-hover__item-panel, .spektrix-feature-ticket-hover__item-panel::before, .spektrix-feature-ticket-hover__icon {
    transition: none;
  }
}

.spektrix-feature-ticket-hover:not(.spektrix-feature-ticket-hover--editor) .spektrix-feature-ticket-hover__tab,
.spektrix-feature-ticket-hover:not(.spektrix-feature-ticket-hover--editor) .spektrix-feature-ticket-hover__tab:hover,
.spektrix-feature-ticket-hover:not(.spektrix-feature-ticket-hover--editor) .spektrix-feature-ticket-hover__item-panel,
.spektrix-feature-ticket-hover:not(.spektrix-feature-ticket-hover--editor) .spektrix-feature-ticket-hover__item-panel:hover {
  cursor: default;
}

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