/* All package screens consume the same database variables as styles/main.css. */
:root {
    --tp-text: var(--bodyColor, var(--dt-ink));
    --tp-muted: var(--bodyColor, var(--dt-muted));
    --tp-page: var(--bodyBackgroundColor, var(--dt-page));
    --tp-surface: var(--boxesBackgroundColor, var(--dt-surface));
    --tp-soft: var(--boxesBackgroundColor, var(--dt-surface-soft));
    --tp-border: var(--showDateDataBoxBorder, var(--boxesBorder, var(--dt-border)));
    --tp-brand: var(--buttonBackgroundColor, var(--dt-brand));
    --tp-on-brand: var(--buttonColor, var(--dt-surface));
    --tp-secondary: var(--button2BackgroundColor, var(--dt-surface-soft));
    --tp-on-secondary: var(--button2Color, var(--dt-ink));
    --tp-link: var(--aColor, var(--dt-brand));
    --tp-focus: var(--customCheckboxCheckedBeforeColor, var(--dt-focus));
    --tp-error: var(--alertColor, var(--dt-brand));
    --tp-error-bg: var(--alertBackgroundColor, var(--dt-surface-soft));
    --tp-backdrop: var(--modalBackgroundColor, var(--dt-forest));
    --tp-seat-available: var(--seatColumnBackgroundColor, var(--button2BackgroundColor, var(--dt-surface-soft)));
    --tp-seat-selected: var(--seatColumnHoldBackgroundColor, var(--buttonBackgroundColor, var(--dt-brand)));
    --tp-seat-unavailable: var(--seatColumnSoldBackgroundColor, var(--dt-border));
}
.ticket-package-shell #leftColumn {min-width:0}
.ticket-package-shell #rightColumn {min-width:0}
.ticket-package-shell #publicPackageApp {max-width:none;width:100%;padding:clamp(14px,2vw,24px)}
.ticket-package-shell #publicPackageApp a {font-size:inherit}
.ticket-package-shell #iframeCartShowList {min-height:300px}
.ticket-package-shell #publicPackageApp .package-heading h1 {font-size:clamp(24px,3vw,34px)}
@media(max-width:760px){
    #showContainer.ticket-package-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
    #showContainer.ticket-package-shell>#leftColumn,#showContainer.ticket-package-shell>#rightColumn{width:100%;max-width:100%;min-width:0}
    #showContainer.ticket-package-shell>#footer{grid-column:1;width:100%}
}