.eventer-seat-selection-summary {
display: block;
margin-top: 6px;
font-size: 12px;
color: #1f496f;
min-height: 16px;
}
.eventer-seat-selection-summary.has-selection {
font-weight: 600;
}
.eventer-wc-action-group .eventer-seat-picker-open {
margin-left: 6px;
}
.eventer-inline-seat-selector,
.eventer-seat-picker-modal-static {
--eventer-seat-primary: #00b4fc;
--eventer-seat-primary-dark: #1473a3;
--eventer-seat-primary-soft: #f3fafe;
--eventer-seat-primary-soft-2: #e1f1fb;
--eventer-seat-primary-soft-3: #c9e7f8;
--eventer-seat-primary-ring: rgba(0, 180, 252, 0.28);
--eventer-seat-primary-border-soft: rgba(0, 180, 252, 0.36);
--eventer-seat-ink: #183246;
--eventer-seat-muted: #587087;
--eventer-seat-surface: rgba(255, 253, 249, 0.94);
--eventer-seat-surface-strong: rgba(255, 255, 255, 0.98);
--eventer-seat-shadow-soft: 0 10px 26px rgba(15, 34, 52, 0.1);
--eventer-seat-shadow-strong: 0 18px 38px rgba(15, 34, 52, 0.14);
--eventer-booth-icon-info: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.5%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%224.7%22%20r%3D%221%22%20fill%3D%22%2320232a%22%2F%3E%3Cpath%20d%3D%22M8%207v4.2%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
--eventer-booth-icon-cafe: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%205.5h8v5a3%203%200%200%201-3%203H6a3%203%200%200%201-3-3z%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M11%207h2a1.7%201.7%200%201%201%200%203.4h-2%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M4.5%203.5c0%201%201.2%201.1%201.2%202.2M7%203.5c0%201%201.2%201.1%201.2%202.2%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
--eventer-booth-icon-exit: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.5%202.5h7v11h-7z%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M9.5%208h4.2M11.8%205.8%2014%208l-2.2%202.2%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
--eventer-booth-icon-stand: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.5%207.5h11v5h-11z%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M4%207.5V5.2a1.4%201.4%200%200%201%201.4-1.4h5.2A1.4%201.4%200%200%201%2012%205.2v2.3%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M5%2010h6%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
--eventer-booth-icon-restroom: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%225.2%22%20cy%3D%223.6%22%20r%3D%221.2%22%20fill%3D%22%2320232a%22%2F%3E%3Cpath%20d%3D%22M5.2%205.2v4.1M3.8%207.1h2.8M4.4%209.3l-.6%202.4M6%209.3l.6%202.4%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%223.6%22%20r%3D%221.2%22%20fill%3D%22%2320232a%22%2F%3E%3Cpath%20d%3D%22M10.8%205.2v2.6l-1.3%203.9h2.6l-1.3-3.9%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
--eventer-booth-icon-merch: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4%205.5h8l-.8%207H4.8z%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%205.5V4a2%202%200%200%201%204%200v1.5%22%20fill%3D%22none%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M6.8%208.5h2.4%22%20stroke%3D%22%2320232a%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.eventer-seat-picker-modal-static.eventer-modal-wrap {
max-width: 980px;
width: min(96vw, 980px);
padding: 12px;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
background: #fff;
}
.eventer-seat-picker-modal-static .eventer-modal-body {
padding: 0;
}
.eventer-seat-picker-modal-static .eventer.eventer-event-single {
padding: 0;
}
.eventer-seat-picker-modal-static .eventer-seating-modal-title {
margin: 0 0 8px !important;
color: #16354d;
font-size: 22px;
line-height: 1.25;
}
.eventer-seat-picker-modal-static .eventer-inline-seat-selector-modal {
margin-top: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.eventer-seat-picker-modal-static .eventer-inline-seat-selector {
margin-top: 0;
padding: 0 !important;
border: 0 !important;
border-radius: 0;
background: transparent !important;
box-shadow: none !important;
}
.eventer-inline-seat-selector {
margin-top: 14px;
padding: 14px;
border: 1px solid rgba(21, 49, 71, 0.1);
border-radius: 18px;
background:
radial-gradient(circle at top left, rgba(255, 243, 218, 0.52), transparent 32%),
linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 250, 253, 0.92) 100%);
box-shadow: var(--eventer-seat-shadow-soft);
}
.eventer-seat-picker-modal-static .eventer-inline-seat-selector {
box-shadow: none;
}
.eventer-front-ticket-area-dynamic .eventer-inline-seat-selector {
margin-top: 0;
padding: 0;
border: 0 !important;
border-radius: 0;
background: transparent;
box-shadow: none !important;
}
.eventer-inline-seat-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 4px;
}
.eventer-inline-seat-toolbar h4 {
margin: 0;
font-size: 17px;
color: var(--eventer-seat-ink);
letter-spacing: -0.01em;
}
.eventer-inline-seat-map-controls {
position: absolute;
right: 14px;
top: 52px;
z-index: 5;
display: inline-flex;
flex-direction: column;
gap: 6px;
}
.eventer-inline-seat-viewport.is-stage-hidden .eventer-inline-seat-map-controls {
top: 10px;
}
.eventer-inline-seat-map-control {
all: unset;
box-sizing: border-box;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
border-radius: 10px !important;
cursor: pointer !important;
border: 1px solid #111 !important;
background: #fff !important;
color: #111 !important;
box-shadow: 0 8px 18px rgba(10, 28, 44, 0.18) !important;
margin: 0 !important;
min-height: 0 !important;
line-height: 1 !important;
text-transform: none !important;
font-family: inherit !important;
}
.eventer-inline-seat-map-control:hover {
background: #111 !important;
color: #fff !important;
}
.eventer-inline-seat-map-control i {
font-size: 12px !important;
line-height: 1 !important;
pointer-events: none;
}
.eventer-inline-seat-status,
.eventer-seating-modal-status {
min-height: 20px;
margin-top: 10px;
padding: 0;
font-size: 13px;
color: var(--eventer-seat-primary-dark);
line-height: 1.45;
}
.eventer-inline-seat-status.is-error,
.eventer-seating-modal-status.is-error {
color: #9f2222;
}
.eventer-inline-seat-status:not(:empty),
.eventer-seating-modal-status:not(:empty) {
padding: 10px 12px;
border: 1px solid var(--eventer-seat-primary-border-soft);
border-radius: 14px;
background: var(--eventer-seat-surface-strong);
box-shadow: 0 6px 16px rgba(15, 34, 52, 0.05);
}
.eventer-inline-seat-status.is-error:not(:empty),
.eventer-seating-modal-status.is-error:not(:empty) {
border-color: rgba(182, 68, 68, 0.32);
background: #fff6f6;
}
.eventer-inline-seat-legend {
display: flex;
flex-wrap: wrap;
gap: 6px 14px;
margin-top: 8px;
font-size: 12px;
color: #35526a;
}
.eventer-inline-seat-legend-item {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
white-space: nowrap;
}
.eventer-inline-seat-legend-item::before {
content: '';
width: 12px;
height: 12px;
border-radius: 3px;
border: 1px solid var(--eventer-seat-primary-border-soft);
background: var(--eventer-seat-primary-soft);
}
.eventer-inline-seat-legend-item.seat-selected::before {
border-color: var(--eventer-seat-primary-dark);
background: var(--eventer-seat-primary-soft-3);
}
.eventer-inline-seat-legend-item.seat-unavailable::before {
border-color: #b6b6b6;
background: #ececec;
}
.eventer-inline-seat-legend-item.seat-accessible::before {
border-color: #61b488;
background: #e7f8f0;
}
.eventer-inline-seat-ticket-guide {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid rgba(21, 49, 71, 0.1);
}
.eventer-inline-seat-guide-title {
font-size: 12px;
color: #3e5d73;
margin-bottom: 6px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.eventer-inline-seat-guide-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 6px 14px;
}
.eventer-inline-seat-guide-item {
border: 0;
border-left: 2px solid var(--eventer-seat-primary-border-soft);
border-radius: 0;
background: transparent;
padding: 2px 0 2px 10px;
box-shadow: none;
min-width: 0;
}
.eventer-inline-seat-guide-item__title {
display: block;
font-size: 11px;
color: #1f496f;
margin-bottom: 2px;
}
.eventer-inline-seat-guide-item__meta {
display: block;
font-size: 11px;
color: #587087;
}
.eventer-inline-seat-viewport {
margin-top: 10px;
position: relative;
}
.eventer-inline-seat-stage,
.eventer-seating-modal-stage {
background:
linear-gradient(135deg, #1d2935 0%, #23394d 42%, #34556f 100%);
color: #f6ead4;
text-align: center;
padding: 10px 14px;
font-size: 12px;
font-weight: 700;
border: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 0;
border-radius: 16px 16px 0 0;
letter-spacing: 0.14em;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}
.eventer-inline-seat-canvas-wrap,
.eventer-seating-modal-canvas-wrap {
position: relative;
overflow: auto;
max-height: 420px;
border: 1px solid rgba(21, 49, 71, 0.1);
border-radius: 0 0 16px 16px;
background:
linear-gradient(to right, rgba(133, 158, 184, 0.14) 1px, transparent 1px),
linear-gradient(to bottom, rgba(133, 158, 184, 0.14) 1px, transparent 1px),
radial-gradient(circle at top center, rgba(255, 243, 218, 0.4), transparent 32%),
linear-gradient(180deg, #f7fbff 0%, #eef4f8 100%);
background-size: 24px 24px, 24px 24px, auto, auto;
cursor: grab;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), var(--eventer-seat-shadow-soft);
}
.eventer-inline-seat-viewport.is-stage-hidden .eventer-inline-seat-canvas-wrap,
.eventer-inline-seat-viewport.is-stage-hidden .eventer-seating-modal-canvas-wrap {
border-radius: 16px;
}
.eventer-inline-seat-canvas-wrap.is-panning,
.eventer-seating-modal-canvas-wrap.is-panning {
cursor: grabbing;
}
.eventer-inline-seat-canvas,
.eventer-seating-modal-canvas {
position: relative;
min-width: 0;
min-height: 360px;
box-shadow: inset 0 18px 38px rgba(255, 255, 255, 0.28);
}
.eventer-seat-container-zone {
position: absolute;
z-index: 1;
--zone-color: #3f72af;
border: 2px solid var(--zone-color);
border-radius: 18px;
background: transparent;
box-sizing: border-box;
pointer-events: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.52);
}
.eventer-seat-container-zone__label {
position: absolute;
left: 12px;
top: 0;
transform: translateY(-50%);
max-width: calc(100% - 24px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 999px;
padding: 4px 10px;
border: 1px solid rgba(24, 58, 88, 0.2);
background: rgba(255, 252, 246, 0.95);
color: var(--zone-color);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.01em;
box-shadow: 0 6px 16px rgba(11, 29, 43, 0.14);
pointer-events: none;
}
.eventer-seat-picker-modal-static .eventer-seating-modal-canvas {
min-height: 380px;
}
.eventer-inline-seat-footer,
.eventer-seating-modal-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
gap: 10px;
padding: 12px 0 0;
border-top: 1px solid rgba(21, 49, 71, 0.1);
border-radius: 0;
background: transparent;
}
.eventer-inline-seat-count,
.eventer-seating-modal-count {
font-size: 13px;
font-weight: 600;
color: #23445f;
}
.eventer-inline-seat-actions,
.eventer-seating-modal-actions {
display: flex;
gap: 8px;
}
.eventer-seat-picker-modal-static .eventer-seating-modal-actions .eventer-btn {
margin-top: 0 !important;
}
.eventer-inline-seat-selected,
.eventer-seating-modal-selected {
margin-top: 10px;
display: none;
padding-top: 10px;
border-top: 1px solid rgba(21, 49, 71, 0.1);
}
.eventer-inline-seat-selected:not(:empty),
.eventer-seating-modal-selected:not(:empty) {
display: block;
}
.eventer-inline-seat-selected-title {
font-size: 12px;
color: #3e5d73;
margin-bottom: 6px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.eventer-inline-seat-selected-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 8px 16px;
margin: 0;
}
.eventer-inline-seat-selected-item {
position: relative;
border: 0;
border-left: 3px solid var(--eventer-seat-primary-border-soft);
border-radius: 0;
background: transparent;
padding: 3px 0 5px 12px;
box-shadow: none;
overflow: visible;
}
.eventer-inline-seat-selected-item::before {
display: none;
}
.eventer-inline-seat-selected-item__title {
font-size: 14px;
font-weight: 700;
color: #1c3f58;
letter-spacing: -0.01em;
}
.eventer-inline-seat-selected-item__subtitle {
margin-top: 2px;
font-size: 12px;
color: #587087;
}
.eventer-inline-seat-selected-item__badges {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 4px;
}
.eventer-inline-seat-selected-item__badge {
display: inline-flex;
align-items: center;
padding: 3px 8px;
border-radius: 999px;
background: linear-gradient(180deg, var(--eventer-seat-primary-soft) 0%, var(--eventer-seat-primary-soft-2) 100%);
color: var(--eventer-seat-primary-dark);
font-size: 10px;
font-weight: 700;
box-shadow: inset 0 0 0 1px var(--eventer-seat-primary-border-soft);
}
.eventer-inline-seat-selected-item__meta {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 4px 14px;
margin-top: 8px;
font-size: 11px;
color: #587087;
}
.eventer-inline-seat-selected-item__meta-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 6px;
align-items: baseline;
}
.eventer-inline-seat-selected-item__meta-row.is-wide {
grid-column: 1 / -1;
}
.eventer-inline-seat-selected-item__meta-label {
color: #6e8497;
font-weight: 700;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.04em;
white-space: nowrap;
}
.eventer-inline-seat-selected-item__meta-value {
min-width: 0;
color: #35526a;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice,
.eventer-inline-seat-selector button.eventer-seat-choice,
button.eventer-seat-choice {
all: unset;
box-sizing: border-box;
position: absolute;
display: flex;
align-items: flex-end;
justify-content: center;
border: 1px solid var(--eventer-seat-primary-border-soft) !important;
border-radius: 9px !important;
background: linear-gradient(180deg, #ffffff 0%, var(--eventer-seat-primary-soft-2) 100%) !important;
color: #17334f !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
padding: 12px 3px 3px !important;
cursor: pointer !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 6px 14px rgba(12, 36, 60, 0.12) !important;
transition: transform 0.08s ease, box-shadow 0.12s ease;
font-family: inherit !important;
}
.eventer-seat-choice::before {
content: '';
position: absolute;
left: 3px;
right: 3px;
top: 2px;
height: 7px;
border-radius: 4px;
background: rgba(23, 51, 79, 0.2);
}
.eventer-seat-choice::after {
content: '';
position: absolute;
left: 5px;
right: 5px;
bottom: 2px;
height: 3px;
border-radius: 3px;
background: var(--eventer-seat-primary-ring);
}
.eventer-seat-choice:hover:not(:disabled) {
transform: translateY(-1px);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 10px 18px rgba(12, 36, 60, 0.16) !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice .eventer-seat-choice__label,
.eventer-inline-seat-selector button.eventer-seat-choice .eventer-seat-choice__label,
button.eventer-seat-choice .eventer-seat-choice__label {
display: none !important;
max-width: 100%;
padding: 0 1px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
}
.eventer-seat-choice__icon {
display: none;
pointer-events: none;
line-height: 1;
font-style: normal;
font-weight: 700;
letter-spacing: 0.02em;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-accessible,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-accessible,
button.eventer-seat-choice.seat-type-accessible {
background: linear-gradient(180deg, #effcf6 0%, #daf3e6 100%) !important;
border-color: #61b488 !important;
color: #1f5f3e !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-accessible::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-accessible::before,
button.eventer-seat-choice.seat-type-accessible::before {
background: rgba(31, 95, 62, 0.16) !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-accessible::after,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-accessible::after,
button.eventer-seat-choice.seat-type-accessible::after {
background: rgba(97, 180, 136, 0.32) !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-companion,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-companion,
button.eventer-seat-choice.seat-type-companion {
background: linear-gradient(180deg, #fff9ee 0%, #ffeccb 100%) !important;
border-color: #d5a865 !important;
color: #7a4a12 !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-companion::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-companion::before,
button.eventer-seat-choice.seat-type-companion::before {
background: rgba(122, 74, 18, 0.16) !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-companion::after,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-companion::after,
button.eventer-seat-choice.seat-type-companion::after {
background: rgba(213, 168, 101, 0.34) !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-unassigned_bucket,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-unassigned_bucket,
button.eventer-seat-choice.seat-type-unassigned_bucket {
--eventer-zone-fill: #eceaf8;
--eventer-zone-border: #9187c8;
--eventer-zone-text: #443b79;
border-radius: 18px !important;
padding: 0 !important;
font-size: 12px !important;
letter-spacing: 0.01em;
background: transparent !important;
border-color: var(--eventer-zone-border) !important;
color: var(--eventer-zone-text) !important;
align-items: stretch !important;
justify-content: flex-start !important;
box-shadow: none !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-unassigned_bucket.is-container-zone,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-unassigned_bucket.is-container-zone,
button.eventer-seat-choice.seat-type-unassigned_bucket.is-container-zone {
border-width: 2px !important;
box-shadow: none !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-unassigned_bucket .eventer-seat-choice__label,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-unassigned_bucket .eventer-seat-choice__label,
button.eventer-seat-choice.seat-type-unassigned_bucket .eventer-seat-choice__label {
display: block !important;
position: absolute;
top: 10px;
left: 10px;
right: auto;
max-width: calc(100% - 20px);
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2 !important;
font-size: 11px !important;
font-weight: 700 !important;
text-align: left;
width: auto;
padding: 4px 10px;
border-radius: 999px;
border: 1px solid rgba(24, 58, 88, 0.2);
background: rgba(255, 252, 246, 0.95);
color: inherit !important;
box-shadow: 0 6px 16px rgba(11, 29, 43, 0.14);
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-unassigned_bucket .eventer-seat-choice__label:empty,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-unassigned_bucket .eventer-seat-choice__label:empty,
button.eventer-seat-choice.seat-type-unassigned_bucket .eventer-seat-choice__label:empty {
display: none !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-unassigned_bucket::before,
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-unassigned_bucket::after,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-unassigned_bucket::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-unassigned_bucket::after,
button.eventer-seat-choice.seat-type-unassigned_bucket::before,
button.eventer-seat-choice.seat-type-unassigned_bucket::after {
display: none;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth,
button.eventer-seat-choice.seat-type-booth {
border-radius: 20px 20px 20px 8px !important;
min-width: 84px !important;
min-height: 62px !important;
padding: 10px !important;
align-items: center !important;
justify-content: center !important;
gap: 6px;
background: linear-gradient(180deg, #ffffff 0%, #eef2f6 100%) !important;
border-width: 2px !important;
border-color: #8f8f8f !important;
color: #3f4d59 !important;
cursor: not-allowed !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 12px 22px rgba(17, 38, 64, 0.1) !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth::before,
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth::after,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth::after,
button.eventer-seat-choice.seat-type-booth::before,
button.eventer-seat-choice.seat-type-booth::after {
display: none !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__icon,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__icon,
button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__icon {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 30px;
width: 30px;
min-height: 30px;
height: 30px;
padding: 0;
border-radius: 999px;
background: rgba(63, 77, 89, 0.12);
font-size: 0 !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__icon::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__icon::before,
button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__icon::before {
content: '';
display: block;
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: var(--eventer-booth-icon-info);
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__label,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__label,
button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__label {
display: none !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__label:empty,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__label:empty,
button.eventer-seat-choice.seat-type-booth .eventer-seat-choice__label:empty {
display: none !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="info"] .eventer-seat-choice__icon::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="info"] .eventer-seat-choice__icon::before,
button.eventer-seat-choice.seat-type-booth[data-booth-kind="info"] .eventer-seat-choice__icon::before {
background-image: var(--eventer-booth-icon-info);
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="cafe"] .eventer-seat-choice__icon::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="cafe"] .eventer-seat-choice__icon::before,
button.eventer-seat-choice.seat-type-booth[data-booth-kind="cafe"] .eventer-seat-choice__icon::before {
background-image: var(--eventer-booth-icon-cafe);
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="exit"] .eventer-seat-choice__icon::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="exit"] .eventer-seat-choice__icon::before,
button.eventer-seat-choice.seat-type-booth[data-booth-kind="exit"] .eventer-seat-choice__icon::before {
background-image: var(--eventer-booth-icon-exit);
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="stand"] .eventer-seat-choice__icon::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="stand"] .eventer-seat-choice__icon::before,
button.eventer-seat-choice.seat-type-booth[data-booth-kind="stand"] .eventer-seat-choice__icon::before {
background-image: var(--eventer-booth-icon-stand);
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="restroom"] .eventer-seat-choice__icon::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="restroom"] .eventer-seat-choice__icon::before,
button.eventer-seat-choice.seat-type-booth[data-booth-kind="restroom"] .eventer-seat-choice__icon::before {
background-image: var(--eventer-booth-icon-restroom);
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="merch"] .eventer-seat-choice__icon::before,
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="merch"] .eventer-seat-choice__icon::before,
button.eventer-seat-choice.seat-type-booth[data-booth-kind="merch"] .eventer-seat-choice__icon::before {
background-image: var(--eventer-booth-icon-merch);
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="exit"],
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="exit"],
button.eventer-seat-choice.seat-type-booth[data-booth-kind="exit"] {
background: linear-gradient(180deg, #fff2f2 0%, #ffe2e2 100%) !important;
border-color: #cb8686 !important;
color: #7b2d2d !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="cafe"],
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="cafe"],
button.eventer-seat-choice.seat-type-booth[data-booth-kind="cafe"] {
background: linear-gradient(180deg, #fff9ef 0%, #ffecd1 100%) !important;
border-color: #d3a46a !important;
color: #7f4d1a !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="stand"],
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="stand"],
button.eventer-seat-choice.seat-type-booth[data-booth-kind="stand"] {
background: linear-gradient(180deg, #eff6ff 0%, #deebfb 100%) !important;
border-color: #7394c6 !important;
color: #1f4c7c !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="restroom"],
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="restroom"],
button.eventer-seat-choice.seat-type-booth[data-booth-kind="restroom"] {
background: linear-gradient(180deg, #eff9ff 0%, #dcf0fd 100%) !important;
border-color: #69a8cb !important;
color: #1d5575 !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.seat-type-booth[data-booth-kind="merch"],
.eventer-inline-seat-selector button.eventer-seat-choice.seat-type-booth[data-booth-kind="merch"],
button.eventer-seat-choice.seat-type-booth[data-booth-kind="merch"] {
background: linear-gradient(180deg, #f8f3ff 0%, #ece1ff 100%) !important;
border-color: #927cc8 !important;
color: #4b347d !important;
}
.eventer-seat-choice:not(.seat-type-booth).seat-status-sold,
.eventer-seat-choice:not(.seat-type-booth).seat-status-held,
.eventer-seat-choice:not(.seat-type-booth).seat-status-disabled,
.eventer-seat-choice:not(.seat-type-booth).seat-status-blocked,
.eventer-seat-choice:not(.seat-type-booth).seat-status-reserved {
background: #ececec !important;
border-color: #b6b6b6 !important;
color: #777 !important;
cursor: not-allowed !important;
box-shadow: none !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice.is-selected,
.eventer-inline-seat-selector button.eventer-seat-choice.is-selected,
button.eventer-seat-choice.is-selected {
border-color: var(--eventer-seat-primary-dark) !important;
background: linear-gradient(180deg, var(--eventer-seat-primary-soft) 0%, var(--eventer-seat-primary-soft-3) 100%) !important;
box-shadow: 0 0 0 2px var(--eventer-seat-primary-ring) !important;
color: var(--eventer-seat-primary-dark) !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice:not(.seat-type-booth).seat-status-sold,
.eventer-seat-picker-modal-static button.eventer-seat-choice:not(.seat-type-booth).seat-status-disabled,
.eventer-seat-picker-modal-static button.eventer-seat-choice:not(.seat-type-booth).seat-status-blocked,
.eventer-seat-picker-modal-static button.eventer-seat-choice:not(.seat-type-booth).seat-status-reserved,
.eventer-inline-seat-selector button.eventer-seat-choice:not(.seat-type-booth).seat-status-sold,
.eventer-inline-seat-selector button.eventer-seat-choice:not(.seat-type-booth).seat-status-disabled,
.eventer-inline-seat-selector button.eventer-seat-choice:not(.seat-type-booth).seat-status-blocked,
.eventer-inline-seat-selector button.eventer-seat-choice:not(.seat-type-booth).seat-status-reserved {
background: #ececec !important;
border-color: #b6b6b6 !important;
color: #777 !important;
cursor: not-allowed !important;
box-shadow: none !important;
}
.eventer-seat-picker-modal-static button.eventer-seat-choice:not(.seat-type-booth).seat-status-sold.is-selected,
.eventer-seat-picker-modal-static button.eventer-seat-choice:not(.seat-type-booth).seat-status-disabled.is-selected,
.eventer-seat-picker-modal-static button.eventer-seat-choice:not(.seat-type-booth).seat-status-blocked.is-selected,
.eventer-seat-picker-modal-static button.eventer-seat-choice:not(.seat-type-booth).seat-status-reserved.is-selected,
.eventer-inline-seat-selector button.eventer-seat-choice:not(.seat-type-booth).seat-status-sold.is-selected,
.eventer-inline-seat-selector button.eventer-seat-choice:not(.seat-type-booth).seat-status-disabled.is-selected,
.eventer-inline-seat-selector button.eventer-seat-choice:not(.seat-type-booth).seat-status-blocked.is-selected,
.eventer-inline-seat-selector button.eventer-seat-choice:not(.seat-type-booth).seat-status-reserved.is-selected {
background: #ececec !important;
border-color: #b6b6b6 !important;
color: #777 !important;
box-shadow: none !important;
}
.eventer-inline-seat-tooltip {
position: absolute;
z-index: 100000;
max-width: 280px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
background: rgba(11, 31, 48, 0.9);
backdrop-filter: blur(14px);
color: #fff;
font-size: 12px;
line-height: 1.35;
box-shadow: 0 20px 38px rgba(0, 0, 0, 0.28);
pointer-events: none;
overflow: hidden;
}
.eventer-inline-seat-tooltip-card {
padding: 12px 14px;
}
.eventer-inline-seat-tooltip__title {
font-size: 14px;
font-weight: 700;
}
.eventer-inline-seat-tooltip__badges {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 6px;
}
.eventer-inline-seat-tooltip__badge {
display: inline-flex;
align-items: center;
padding: 3px 7px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.14);
font-size: 10px;
font-weight: 700;
}
.eventer-inline-seat-tooltip__details {
display: grid;
gap: 4px;
margin-top: 8px;
}
.eventer-inline-seat-tooltip__detail {
display: grid;
grid-template-columns: 54px minmax(0, 1fr);
gap: 8px;
}
.eventer-inline-seat-tooltip__detail-label {
color: rgba(255, 255, 255, 0.68);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.eventer-inline-seat-tooltip__detail-value {
min-width: 0;
}
.eventer-inline-seat-tooltip__message {
margin-top: 8px;
padding-top: 10px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.eventer-inline-seat-tooltip-card.is-error .eventer-inline-seat-tooltip__message {
color: #ffc5c5;
}
.eventer-inline-seat-tooltip-card.is-muted .eventer-inline-seat-tooltip__message {
color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 782px) {
.eventer-inline-seat-footer,
.eventer-seating-modal-footer {
flex-direction: column;
align-items: stretch;
}
.eventer-inline-seat-actions,
.eventer-seating-modal-actions {
width: 100%;
}
.eventer-inline-seat-actions .eventer-btn,
.eventer-seating-modal-actions .eventer-btn {
flex: 1;
}
}