body.standort-smash-burger {
--gold: #ce8965;
--gold-light: #e8ad88;
--gold-bright: #f5d0b8;
--text: #eef1f4;
--text-soft: #c6cdd4;
--text-muted: #b8c2cc;
--text-title: #f3f5f7;
--border: #46515d;
--restaurant-surface: #252c34;
--restaurant-raised: #303943;
--restaurant-button: #a65430;
font-family: "Segoe UI", Arial, sans-serif;
background-color: #171d23;
background-image: linear-gradient(125deg, #252b31, #171d23);
background-attachment: fixed;
}
body.standort-smash-burger :is(h1, h2, h3, .location-switcher, .category-toggle-title,
.product-name, .summary-price, .menu-number, .variant-name, .variant-price,
.product-title, .product-detail-title, .header-media-button, .menu-legend-button) {
font-family: "Segoe UI", Arial, sans-serif;
text-shadow: none;
}
body.standort-smash-burger .header {
background: #1c232b;
border-color: var(--border);
box-shadow: none;
}
body.standort-smash-burger .menu-category {
background: #20272f;
border-color: var(--border);
border-radius: 12px;
margin-bottom: 12px;
}
body.standort-smash-burger .menu-category.category-open {
border-color: var(--gold);
}
body.standort-smash-burger .category-toggle {
background: var(--restaurant-surface);
}
body.standort-smash-burger .category-toggle:hover {
background: var(--restaurant-raised);
}
body.standort-smash-burger .category-toggle-title {
color: var(--text-title);
font-weight: 600;
}
body.standort-smash-burger :is(.product, .product.product-open) {
background: var(--restaurant-raised);
border-color: var(--border);
border-radius: 10px;
}
body.standort-smash-burger .product.product-open {
border-color: var(--gold);
}
body.standort-smash-burger .product-name { color: var(--text); }
body.standort-smash-burger .product-summary:hover { background: #39434e; }
body.standort-smash-burger .menu-number {
background: #252c34;
border-color: #77533f;
}
body.standort-smash-burger :is(.header-media-button, .header-allergen-button, .route-button) {
background: #39434d;
border: 1px solid #526171;
border-radius: 24px;
color: #f4f6f8;
box-shadow: none;
text-shadow: none;
animation: none;
min-width: 0;
white-space: normal;
overflow-wrap: anywhere;
}
body.standort-smash-burger .header-action-row .header-media-button--wide {
background: var(--restaurant-button);
border-color: #ce8965;
color: #fff;
box-shadow: none;
animation: none;
}
body.standort-smash-burger .header-media-button--wide::after { content: none; }
body.standort-smash-burger :is(.header-media-button:hover, .header-allergen-button:hover, .route-button:hover) {
background: #465361;
color: #fff;
border-color: #e8ad88;
box-shadow: none;
}
body.standort-smash-burger .header-action-row .header-media-button--wide:hover {
background: #b4613b;
}
body.standort-smash-burger .header-action-row .header-media-icon {
color: inherit;
background: transparent;
border-color: transparent;
box-shadow: none;
}
body.standort-smash-burger :is(.contact-box, .route-card, .info-card) {
background: var(--restaurant-surface);
border-color: var(--border);
box-shadow: none;
}
body.standort-smash-burger :is(.product-details, .variant-row, .allergen-modal, .allergen-dialog) {
background-color: var(--restaurant-surface);
border-color: var(--border);
}
body.standort-smash-burger .location-switcher-phone {
color: var(--gold-light);
animation: none;
text-shadow: none;
}
body.standort-smash-burger :is(.price, .legend-modal-title, .legend-modal-tab, .legend-modal-close) {
font-family: "Segoe UI", Arial, sans-serif;
}
body.standort-smash-burger .legend-modal {
background: #20272f;
border-color: var(--border);
box-shadow: 0 12px 40px #0006;
}
body.standort-smash-burger :is(.legend-modal-header, .legend-entry, .legend-modal-close, .legend-modal-tab) {
background: var(--restaurant-surface);
border-color: var(--border);
color: var(--text);
}
body.standort-smash-burger .legend-modal-tab.is-active {
background: var(--restaurant-raised);
color: var(--gold-light);
border-color: var(--gold);
}
body.standort-smash-burger .location-switcher-name-address {
color: var(--text-title);
text-shadow: none;
}
body.standort-smash-burger .status-bar {
background: #20272f;
border-color: var(--border);
color: var(--text-soft);
}
body.standort-smash-burger .status-main { color: var(--text); }
