/**
 * Styles for the jixaw spektrix-checkout (iframe embed) block.
 *
 * The iframe hosts Spektrix's basket/checkout; integrate.js sets its height, so
 * we only own width, a graceful min-height before the resizer runs, and the frame
 * border. Kept intentionally minimal — the framed page carries its own (Default
 * Style Sheet) branding, and the surrounding WordPress page supplies header/footer.
 */
.jixaw-spektrix-embed {
  width: 100%;
}

/* The block is placed full-width so the narrow content column can't cap it, then
   re-constrained here to a centered, focused checkout column instead of bleeding
   edge-to-edge. The class-pair (and the child form) + !important out-specify the
   theme's `.alignfull` full-bleed (100vw + negative margins). Edit max-width to taste. */
.jixaw-spektrix-embed.alignfull,
.is-layout-constrained > .jixaw-spektrix-embed.alignfull {
  max-width: 900px !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Phones: give the frame the whole device width (client feedback — the seat
   picker needs every horizontal pixel; the hosted stylesheet strips its own
   side padding at the same breakpoint). The theme's .site-content has
   overflow-x hidden, so the full-bleed adds no horizontal scrollbar. */
@media (max-width: 767px) {
  .jixaw-spektrix-embed.alignfull,
  .is-layout-constrained > .jixaw-spektrix-embed.alignfull {
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
}

.jixaw-spektrix-embed__frame {
  display: block;
  width: 100%;
  /* integrate.js overrides height once the hosted page reports its size; this is
     just the pre-resize placeholder so the block never collapses to nothing. */
  min-height: 600px;
  border: 0;
  background: #fffef4; /* cream, so any load flash matches the hosted theme */
}

/* Redirect-path escape link — muted, sits under the frame. */
.jixaw-spektrix-embed__fallback {
  margin: 1rem 0 0;
  font-size: 14px;
  color: #8d8a83;
  text-align: center;
}
.jixaw-spektrix-embed__fallback a {
  color: #1b1612;
  text-underline-offset: 2px;
}