/* Public booking layout; colors and controls use the shared application system. */
.shop-shell{max-width:1080px;margin:auto;padding:clamp(12px,3vw,32px)}
.shop-header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:24px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}
.shop-shell .public-brand-identity strong{font-size:clamp(20px,4vw,30px)}
.shop-header h1{margin:6px 0;font-size:16px;font-weight:600;color:var(--muted)}
.shop-header p{margin:0;color:var(--muted)}
.shop-header .shop-navigation{flex:1 1 100%;order:2;gap:5px;align-items:center;flex-wrap:wrap;overflow:visible}
/* Restore the theme selector beside the brand, above the full-width navigation. */
.shop-header>.public-theme-control{order:1;margin-left:auto;width:auto}
.shop-navigation .admin-tab{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:normal;text-align:center;text-decoration:none}
.shop-navigation form{margin:0}
.shop-navigation .admin-tab:hover{background:var(--surface-2);color:var(--text)}
.shop-navigation .admin-tab.active{background:var(--accent);color:#fff}
.shop-navigation .admin-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.shop-menu-toggle{display:none;order:1}
.shop-catalog:not([hidden]){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin:20px 0}
.shop-shell form>label{display:flex;flex-direction:column;gap:6px}
.shop-shell input,.shop-shell select{max-width:100%;min-height:44px}
.shop-shell button,.shop-shell .link-button{min-height:44px}
.shop-shell .checkbox-label{flex-direction:row;align-items:center}
.shop-shell input[type=checkbox]{min-height:24px;min-width:24px}
.shop-shell .card{overflow-wrap:anywhere}
.shop-shell fieldset{border:0;padding:0;min-width:0;margin:24px 0}
.shop-shell legend{font-weight:700;font-size:20px;margin-bottom:16px}
.shop-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style-position:inside;padding:0;color:var(--muted);font-size:12px}
.shop-steps li{padding:10px 4px;border-bottom:3px solid var(--line);overflow-wrap:anywhere}
.shop-steps [aria-current=step]{border-color:var(--accent);color:var(--text);font-weight:700}
.shop-recovery{align-items:end}
.shop-recovery button{align-self:end}
[data-order-view=true] :is(#shopCatalog,#shopCheckoutSection,#shopSalesState,#shopEventLinkState,#shopRegisterSection,#shopProfileSection){display:none}
@media(max-width:740px){.shop-menu-toggle{display:inline-flex;align-items:center;gap:8px}.shop-header .shop-navigation{display:none;width:100%;flex-direction:column;align-items:stretch}.shop-header .shop-navigation.is-open{display:flex}.shop-navigation .admin-tab,.shop-navigation form{width:100%}.shop-shell .dialog-actions{flex-wrap:wrap}.shop-shell .dialog-actions>button,.shop-shell .dialog-actions>a{flex:1 1 140px}.shop-header .public-theme-control{width:auto;margin-left:auto}}
@media(max-width:600px){.shop-recovery{grid-template-columns:1fr}.shop-recovery button{width:100%}.shop-shell .panel{padding:16px}.shop-header{padding:16px}}
.shop-contact-fields{display:contents}
.address-street-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:12px}
.address-street-row>label{display:flex;flex-direction:column;gap:6px}
@media(max-width:600px){.address-street-row{grid-template-columns:1fr}}
.shop-ticket-link{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.shop-ticket-link label{flex:1 1 280px;min-width:0}
.shop-ticket-link input{width:100%}
.admission-list td{padding:8px;border-bottom:1px solid var(--line)}
@media print{.admission-list{color:#000;background:#fff;padding:0}.admission-list table{width:100%;border-collapse:collapse}.admission-list thead{display:table-header-group}.admission-list tr{break-inside:avoid}.admission-list td,.admission-list th{border:1px solid #555;padding:6px}}
.environment-tabs{margin:18px 0 8px}.environment-tabs [role=tab]{min-height:44px}.environment-tabs [aria-selected=true]{font-weight:800;border-bottom:3px solid var(--accent)}
.environment-workspace[data-environment=test]{background:color-mix(in srgb,var(--warning-text) 5%,var(--surface))}.environment-workspace[data-environment=live]{background:var(--surface)}
/* Ticket drawing coordinates and paper colors are independent of the surrounding theme. */
.ticket-designer{min-width:0}
.ticket-workspace{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.35fr);gap:18px}
.ticket-workspace>*{min-width:0}
.ticket-canvas{position:relative;aspect-ratio:210/297;background:white;color:#111827;overflow:hidden;touch-action:none;border:1px solid var(--line);width:100%}
.ticket-element{position:absolute;cursor:move;border:1px dashed #64748b;padding:2px;white-space:normal;overflow:hidden;touch-action:none;background:#ffffffd9;color:#111827}
.ticket-element:focus{outline:3px solid var(--accent)}
.ticket-element p{margin:0}
.ticket-element[data-element=qr]{background:white;color:black;display:grid;place-content:center;border:4px solid black}
.ticket-artwork{width:100%;height:100%;object-fit:contain;pointer-events:none}
.ticket-preview{width:100%;min-height:640px;border:1px solid var(--line);background:var(--surface-2)}
#ticketRichEditor{min-height:90px;white-space:pre-wrap}
.scanner-video{max-width:100%;width:480px;border-radius:12px;background:#111827}
.scan-result{font-size:1.5rem;padding:20px;border:2px solid currentColor;border-radius:12px;overflow-wrap:anywhere}
.scan-valid{color:var(--success-text)}
.scan-invalid{color:var(--warning-text)}
@media(max-width:900px){.ticket-workspace{grid-template-columns:1fr}.ticket-designer .pdf-template-pane-head{flex-wrap:wrap}}
@media(max-width:740px){.ticket-preview{min-height:440px}}

/* Order confirmation keeps a visible PDF control through every stage. */
.shop-order-result{display:grid;gap:12px}
.shop-order-result>p,.shop-order-result h2{margin:0}
.shop-order-headline{font-weight:600}
.shop-order-download{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.shop-order-download p{margin:0}
.shop-order-download>:is(a.link-button,button),.shop-history-details [data-history-resend]{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.shop-order-download button[disabled]{cursor:not-allowed;opacity:.55}
.shop-history-list:not([hidden]){display:grid;gap:16px;margin:16px 0}
.shop-history-order{border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere;min-width:0}
.shop-history-order h3{margin:0}
.shop-history-toggle{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;text-align:left;white-space:normal;padding:16px;border:0;border-radius:12px}
.shop-history-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.shop-history-toggle [data-history-title]{font-size:1.1rem;font-weight:700}
.shop-history-toggle [data-history-summary],.shop-history-toggle [data-history-disclosure]{font-weight:400}
.shop-history-details{padding:16px;border-top:1px solid var(--line)}
.shop-history-details section+section{margin-top:20px}
.shop-history-details h4{margin:0 0 8px}
.shop-history-details p{margin:0 0 12px}
@media(max-width:600px){.shop-order-download>button,.shop-order-download>a{width:100%}}