/* 56.12.70: A11y PLZ/Kategorien/Pfand; Liefergebiet Desktop CSS-Grid; 56.12.69: Columns-Fix */
/* === 56.6.0: Anti-Wackeln (Mobile) — body + Plugin-UI box-sizing === */
body.pu-shop-page,
body.pu-standalone-body {
overflow-x: hidden !important;
width: 100%;
max-width: 100%;
position: relative;
font-family: var(--pu-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
}
#pizza-ultra-app,
#pizza-ultra-app *,
.pu-modal,
.pu-modal *,
.pu-cookie-banner,
.pu-cookie-banner *,
.pu-mobile-cart-bar,
.pu-mobile-cart-bar *,
.pu-seo-home-footer,
.pu-seo-home-footer *,
.pu-seo-home-footer-inner,
.pu-seo-home-footer-inner *,
.pu-footer,
.pu-footer *,
.pu-branding-footer,
.pu-branding-footer *,
.pu-loading-cover,
.pu-loading-cover * {
box-sizing: border-box;
}
/* —— 56.12.37: Erscheinungsbild (Hell/Dunkel) + System-Font + ADRIA-Balken —— */
:root {
--pu-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
--pu-app-bg: #f4f4f5;
--pu-text-primary: #0f172a;
--pu-text-muted: #475569;
--pu-text-soft: #64748b;
--pu-text-secondary: var(--pu-text-muted);
--pu-border-subtle: #e5e7eb;
--pu-surface-muted: #fafafa;
--pu-surface-hover: #f3f4f6;
--pu-modal-bg: #ffffff;
--pu-modal-fg: #0f172a;
--pu-modal-actions-border: #e5e7eb;
--pu-wunsch-accent: #004a99;
--pu-combo-panel-bg: #f4f4f5;
--pu-combo-label: #334155;
--pu-qty-btn-bg: #ffffff;
--pu-qty-btn-fg: #0f172a;
--pu-cart-muted: #475569;
--pu-theme-toggle-bg: rgba(15, 23, 42, 0.06);
--pu-theme-toggle-border: rgba(15, 23, 42, 0.12);
--pu-theme-toggle-fg: #0f172a;
--pu-info-bar-bg: #0f172a;
--pu-info-bar-fg: #f8fafc;
--pu-accent-red: #c0392b;
--pu-accent-red-hover: #a93226;
--pu-surface: #ffffff;
--pu-price-accent: #b91c1c;
--pu-upsell-mini-btn-bg: var(--pu-info-bar-bg);
--pu-upsell-mini-btn-fg: var(--pu-info-bar-fg);
--pu-upsell-mini-btn-border: var(--pu-info-bar-bg);
--pu-upsell-heading: var(--pu-text-primary);
/* Warenkorb-Panel / Trennlinien / Icon-Buttons / Mobile-Sticky-Leiste */
--pu-cart-panel-border: #004a99;
--pu-cart-divider: rgba(15, 23, 42, 0.09);
--pu-cart-icon-bg: #ffffff;
--pu-cart-icon-border: #d1d5db;
--pu-cart-icon-fg: #374151;
--pu-cart-icon-hover-bg: #f3f4f6;
--pu-cart-icon-hover-border: #9ca3af;
--pu-cart-remove-fg: #b91c1c;
--pu-cart-remove-border: #fecaca;
--pu-cart-remove-hover-bg: #fef2f2;
--pu-cart-remove-hover-border: #f87171;
--pu-mobile-cart-bar-bg: rgba(255, 255, 255, 0.97);
--pu-mobile-cart-bar-border: #004a99;
--pu-mobile-cart-summary-fg: #555555;
--pu-mobile-cart-total-fg: var(--pu-accent-red, #c0392b);
color-scheme: light;
}
html[data-pu-brightness="dark"] {
--pu-app-bg: #1e1e1e;
--pu-text-primary: #fafafa;
--pu-text-muted: #d4d4d8;
--pu-text-soft: #a1a1aa;
--pu-text-secondary: var(--pu-text-muted);
--pu-border-subtle: #3f3f46;
--pu-surface-muted: #2a2a2e;
--pu-surface-hover: #3f3f46;
--pu-modal-bg: #252528;
--pu-modal-fg: #fafafa;
--pu-modal-actions-border: #3f3f46;
--pu-wunsch-accent: #93c5fd;
--pu-combo-panel-bg: #2a2a2e;
--pu-combo-label: #f1f5f9;
--pu-qty-btn-bg: #2a2a32;
--pu-qty-btn-fg: #fafafa;
--pu-cart-muted: #d4d4d8;
--pu-theme-toggle-bg: rgba(255, 255, 255, 0.08);
--pu-theme-toggle-border: rgba(255, 255, 255, 0.22);
--pu-theme-toggle-fg: #fafafa;
--pu-info-bar-bg: #0f172a;
--pu-info-bar-fg: #f8fafc;
--pu-accent-red: #e74c3c;
--pu-accent-red-hover: #c0392b;
--pu-surface: #2d2d32;
--pu-price-accent: #fca5a5;
--pu-upsell-mini-btn-bg: #475569;
--pu-upsell-mini-btn-fg: #f8fafc;
--pu-upsell-mini-btn-border: #94a3b8;
--pu-upsell-heading: var(--pu-text-primary);
--pu-cart-panel-border: rgba(148, 163, 184, 0.38);
--pu-cart-divider: rgba(255, 255, 255, 0.1);
--pu-cart-icon-bg: rgba(255, 255, 255, 0.06);
--pu-cart-icon-border: var(--pu-border-subtle);
--pu-cart-icon-fg: var(--pu-text-primary);
--pu-cart-icon-hover-bg: rgba(255, 255, 255, 0.1);
--pu-cart-icon-hover-border: #71717a;
--pu-cart-remove-fg: #fca5a5;
--pu-cart-remove-border: rgba(248, 113, 113, 0.42);
--pu-cart-remove-hover-bg: rgba(127, 29, 29, 0.42);
--pu-cart-remove-hover-border: rgba(248, 113, 113, 0.55);
--pu-mobile-cart-bar-bg: rgba(30, 30, 34, 0.96);
--pu-mobile-cart-bar-border: var(--pu-border-subtle);
--pu-mobile-cart-summary-fg: var(--pu-text-muted);
--pu-mobile-cart-total-fg: var(--pu-price-accent);
color-scheme: dark;
}
html[data-pu-brightness="light"] {
--pu-app-bg: #f4f4f5;
--pu-text-primary: #0f172a;
--pu-text-muted: #475569;
--pu-text-soft: #64748b;
--pu-text-secondary: var(--pu-text-muted);
--pu-border-subtle: #e5e7eb;
--pu-surface-muted: #fafafa;
--pu-surface-hover: #f3f4f6;
--pu-modal-bg: #ffffff;
--pu-modal-fg: #0f172a;
--pu-modal-actions-border: #e5e7eb;
--pu-wunsch-accent: #004a99;
--pu-combo-panel-bg: #f4f4f5;
--pu-combo-label: #334155;
--pu-qty-btn-bg: #ffffff;
--pu-qty-btn-fg: #0f172a;
--pu-cart-muted: #475569;
--pu-theme-toggle-bg: rgba(15, 23, 42, 0.06);
--pu-theme-toggle-border: rgba(15, 23, 42, 0.12);
--pu-theme-toggle-fg: #0f172a;
--pu-info-bar-bg: #0f172a;
--pu-info-bar-fg: #f8fafc;
--pu-accent-red: #c0392b;
--pu-accent-red-hover: #a93226;
--pu-surface: #ffffff;
--pu-price-accent: #b91c1c;
--pu-upsell-mini-btn-bg: var(--pu-info-bar-bg);
--pu-upsell-mini-btn-fg: var(--pu-info-bar-fg);
--pu-upsell-mini-btn-border: var(--pu-info-bar-bg);
--pu-upsell-heading: var(--pu-text-primary);
--pu-cart-panel-border: #004a99;
--pu-cart-divider: rgba(15, 23, 42, 0.09);
--pu-cart-icon-bg: #ffffff;
--pu-cart-icon-border: #d1d5db;
--pu-cart-icon-fg: #374151;
--pu-cart-icon-hover-bg: #f3f4f6;
--pu-cart-icon-hover-border: #9ca3af;
--pu-cart-remove-fg: #b91c1c;
--pu-cart-remove-border: #fecaca;
--pu-cart-remove-hover-bg: #fef2f2;
--pu-cart-remove-hover-border: #f87171;
--pu-mobile-cart-bar-bg: rgba(255, 255, 255, 0.97);
--pu-mobile-cart-bar-border: #004a99;
--pu-mobile-cart-summary-fg: #555555;
--pu-mobile-cart-total-fg: var(--pu-accent-red, #c0392b);
color-scheme: light;
}
/* System-Präferenz: Dunkel, bis Nutzer per Toggle data-pu-brightness setzt */
@media (prefers-color-scheme: dark) {
html:not([data-pu-brightness]) {
--pu-app-bg: #1e1e1e;
--pu-text-primary: #fafafa;
--pu-text-muted: #d4d4d8;
--pu-text-soft: #a1a1aa;
--pu-text-secondary: var(--pu-text-muted);
--pu-border-subtle: #3f3f46;
--pu-surface-muted: #2a2a2e;
--pu-surface-hover: #3f3f46;
--pu-modal-bg: #252528;
--pu-modal-fg: #fafafa;
--pu-modal-actions-border: #3f3f46;
--pu-wunsch-accent: #93c5fd;
--pu-combo-panel-bg: #2a2a2e;
--pu-combo-label: #f1f5f9;
--pu-qty-btn-bg: #2a2a32;
--pu-qty-btn-fg: #fafafa;
--pu-cart-muted: #d4d4d8;
--pu-theme-toggle-bg: rgba(255, 255, 255, 0.08);
--pu-theme-toggle-border: rgba(255, 255, 255, 0.22);
--pu-theme-toggle-fg: #fafafa;
--pu-info-bar-bg: #0f172a;
--pu-info-bar-fg: #f8fafc;
--pu-accent-red: #e74c3c;
--pu-accent-red-hover: #c0392b;
--pu-surface: #2d2d32;
--pu-price-accent: #fca5a5;
--pu-upsell-mini-btn-bg: #475569;
--pu-upsell-mini-btn-fg: #f8fafc;
--pu-upsell-mini-btn-border: #94a3b8;
--pu-upsell-heading: var(--pu-text-primary);
--pu-cart-panel-border: rgba(148, 163, 184, 0.38);
--pu-cart-divider: rgba(255, 255, 255, 0.1);
--pu-cart-icon-bg: rgba(255, 255, 255, 0.06);
--pu-cart-icon-border: var(--pu-border-subtle);
--pu-cart-icon-fg: var(--pu-text-primary);
--pu-cart-icon-hover-bg: rgba(255, 255, 255, 0.1);
--pu-cart-icon-hover-border: #71717a;
--pu-cart-remove-fg: #fca5a5;
--pu-cart-remove-border: rgba(248, 113, 113, 0.42);
--pu-cart-remove-hover-bg: rgba(127, 29, 29, 0.42);
--pu-cart-remove-hover-border: rgba(248, 113, 113, 0.55);
--pu-mobile-cart-bar-bg: rgba(30, 30, 34, 0.96);
--pu-mobile-cart-bar-border: var(--pu-border-subtle);
--pu-mobile-cart-summary-fg: var(--pu-text-muted);
--pu-mobile-cart-total-fg: var(--pu-price-accent);
color-scheme: dark;
}
}
/* THEME KILLER */
.pu-standalone-body header:not(.pu-header), .pu-standalone-body footer, .pu-standalone-body aside, .pu-standalone-body .wp-block-template-part, .pu-standalone-body .wp-site-blocks, .pu-standalone-body .wp-block-post-title { display: none !important; }
.pu-standalone-body { background-color: var(--pu-app-bg, #f4f4f5) !important; margin: 0 !important; padding: 0 !important; color: var(--pu-text-primary, #0f172a); }
#pizza-ultra-app {
font-family: var(--pu-font-sans);
/* Kompakt & zentriert wie ursprünglich (nicht über ganzen Bildschirm gezogen) */
max-width: min(1200px, 100%);
width: 100%;
margin: 0 auto;
padding: 12px;
min-height: 100vh;
background: var(--pu-app-bg, #fff);
color: var(--pu-text-primary, #0f172a);
display: block !important;
box-sizing: border-box;
overflow-x: hidden;
--pu-checkout-btn-bg: var(--pu-accent-red, #c0392b);
--pu-checkout-btn-text: #fff;
--pu-checkout-btn-shadow: rgba(192, 57, 43, 0.42);
--pu-checkout-btn-hover-brightness: 1.07;
}
.pu-header {
text-align: center;
padding: 18px 0 10px;
overflow: visible;
}
.pu-header-inner {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
max-width: 100%;
}
.pu-theme-toggle {
position: absolute;
right: 0;
top: 0;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid var(--pu-theme-toggle-border, rgba(0, 0, 0, 0.12));
background: var(--pu-theme-toggle-bg, rgba(0, 0, 0, 0.06));
color: var(--pu-theme-toggle-fg, #0f172a);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
z-index: 5;
}
.pu-theme-toggle:hover {
filter: brightness(1.08);
transform: scale(1.04);
}
.pu-theme-toggle:focus-visible {
outline: 2px solid #004a99;
outline-offset: 2px;
}
.pu-theme-toggle__icon {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.15s ease;
}
.pu-theme-toggle__moon {
opacity: 0;
}
.pu-theme-toggle--dark .pu-theme-toggle__sun {
opacity: 0;
}
.pu-theme-toggle--dark .pu-theme-toggle__moon {
opacity: 1;
}
@media (max-width: 520px) {
.pu-theme-toggle {
position: static;
align-self: flex-end;
margin-bottom: -4px;
}
.pu-header-inner {
align-items: stretch;
}
}
/* Modern picture wrapper: Layout wie zuvor nur img; Schatten bleiben auf .pu-logo (img) */
.pu-header .pu-modern-picture {
display: block;
max-width: 320px;
width: 100%;
margin: 0 auto;
}
.pu-shop-hero-intro .pu-modern-picture.pu-hero-inline-picture {
display: block;
width: 100%;
max-width: 100%;
margin: 1rem auto;
}
.pu-shop-hero-intro .pu-modern-picture.pu-hero-inline-picture img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
/* Logo: klar sichtbarer, edler Lift (Drop-Shadow + heller Halo – wirkt auf blauem Header) */
.pu-logo {
max-width: 320px;
width: 100%;
height: auto;
display: block;
margin: 0 auto;
border-radius: 8px;
position: relative;
z-index: 1;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
filter:
drop-shadow(0 4px 14px rgba(0, 0, 0, 0.5))
drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35))
drop-shadow(0 0 3px rgba(255, 255, 255, 0.9))
drop-shadow(0 0 22px rgba(255, 255, 255, 0.65))
drop-shadow(0 0 36px rgba(186, 230, 253, 0.45));
}
.pu-branding-footer {
text-align: center;
padding: 18px 14px 26px;
margin-top: 8px;
font-size: 12px;
line-height: 1.55;
letter-spacing: 0.01em;
color: rgba(44, 62, 80, 0.48);
border-top: 1px solid rgba(226, 232, 240, 0.9);
}
.pu-branding-footer-inner a { color: #64748b; text-decoration: underline; text-underline-offset: 2px; }
.pu-branding-footer-inner a:hover { color: #475569; }
.pu-product-img-wrap picture,
.pu-product-img-wrap picture img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
/* 56.12.75: Shop immer cover; alte HTML-Klasse aus Cache trotzdem ohne Lücken */
.pu-product-img-wrap.pu-product-img-wrap--contain {
padding: 0;
box-sizing: border-box;
}
.pu-product-img-wrap.pu-product-img-wrap--contain .pu-product-img,
.pu-product-img-wrap.pu-product-img-wrap--contain picture img {
object-fit: cover;
object-position: center;
}
#pizza-ultra-app .pu-product-img-wrap .pu-product-img,
#pizza-ultra-app .pu-product-img-wrap picture img {
object-fit: cover;
object-position: center;
}
/* PWA Install-Banner */
.pu-pwa-banner { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: linear-gradient(135deg, var(--pu-info-bar-bg, #0f172a) 0%, #1e3a5f 100%); color: var(--pu-info-bar-fg, #f8fafc); border-radius: 10px; margin: 10px 0 14px; font-size: 13px; flex-wrap: wrap; }
.pu-pwa-banner-text { flex: 1; min-width: 160px; }
.pu-pwa-install-btn { background: #fff !important; color: var(--pu-info-bar-bg, #0f172a) !important; border: none; padding: 8px 16px; border-radius: 8px; font-weight: 700; cursor: pointer; font-size: 12px; }
.pu-pwa-install-btn:hover { filter: brightness(0.95); }
.pu-pwa-dismiss { background: transparent; border: none; color: rgba(255,255,255,0.8); font-size: 20px; cursor: pointer; padding: 0 6px; line-height: 1; }
.pu-pwa-dismiss:hover { color: #fff; }
/* Live-Öffnungsstatus (Plugin-Daten), unter der Produktsuche */
#pizza-ultra-app .pu-opening-live {
font-size: 13px;
font-weight: 600;
margin: 0 0 12px;
padding: 8px 12px;
border-radius: 8px;
line-height: 1.35;
max-width: 420px;
white-space: normal;
}
#pizza-ultra-app .pu-opening-live--open {
background: rgba(15, 23, 42, 0.08);
color: var(--pu-info-bar-bg, #0f172a);
border: 1px solid rgba(15, 23, 42, 0.22);
}
#pizza-ultra-app .pu-opening-live--closed {
background: rgba(192, 57, 43, 0.1);
color: #922b21;
border: 1px solid rgba(192, 57, 43, 0.35);
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-live--open {
background: rgba(30, 58, 95, 0.45);
color: #e2e8f0;
border-color: rgba(147, 197, 253, 0.35);
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-live--closed {
background: rgba(231, 76, 60, 0.15);
color: #f1948a;
border-color: rgba(231, 76, 60, 0.35);
}
/* Wochenübersicht Öffnungszeiten (Footer im Shop) */
#pizza-ultra-app .pu-opening-hours-footer {
margin-top: 28px;
padding: 14px 16px;
font-size: 13px;
background: #fafafa;
border: 1px solid #e8e8e8;
border-radius: 10px;
max-width: 420px;
}
#pizza-ultra-app .pu-opening-hours-footer-title {
margin: 0 0 10px;
font-size: 14px;
font-weight: 700;
color: #2c3e50;
}
#pizza-ultra-app .pu-opening-hours-table {
width: 100%;
border-collapse: collapse;
}
#pizza-ultra-app .pu-opening-hours-table th {
text-align: left;
font-weight: 600;
color: #555;
padding: 8px 10px 8px 0;
vertical-align: middle;
width: 2.2rem;
}
#pizza-ultra-app .pu-opening-hours-table td {
padding: 8px 0;
color: #333;
vertical-align: middle;
}
/* 56.12.91: rollierende 7-Tage-Liste + Sonderzeiten / geschlossen */
/* 56.12.97: eine Zeile wie andere Tage; HEUTE-Badge rechts in td (absolut); Zeile akzentfarbig */
#pizza-ultra-app .pu-opening-hours-table td.pu-oh-td--today {
position: relative;
padding-right: 48px;
}
#pizza-ultra-app .pu-opening-hours-table .pu-oh-today-mark {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-weight: 700;
font-size: 0.62em;
line-height: 1.15;
letter-spacing: 0.04em;
text-transform: uppercase;
white-space: nowrap;
margin: 0;
padding: 3px 6px;
border-radius: 4px;
background: rgba(41, 128, 185, 0.14);
color: #2980b9;
box-shadow: none;
border: none;
}
#pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today th {
text-align: left;
color: #2980b9;
}
#pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell {
color: #2980b9;
}
#pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell--special .pu-oh-special-label {
color: #1f618d;
}
#pizza-ultra-app .pu-opening-hours-table .pu-oh-cell--closed {
color: #e74c3c;
font-weight: 700;
}
#pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell--closed {
color: #2980b9;
}
#pizza-ultra-app .pu-opening-hours-table .pu-oh-cell--special {
font-weight: 500;
}
#pizza-ultra-app .pu-opening-hours-table .pu-oh-special-label {
font-size: 0.88em;
font-weight: 400;
color: #5c6b7a;
white-space: nowrap;
}
/* Hinweis „noch offen“ zur Nachtschicht (z. B. Fr 17:00–03:00) in der HEUTE-Zeile vor Abendzeiten */
#pizza-ultra-app .pu-opening-hours-table .pu-oh-spill-hint {
font-size: 0.88em;
font-weight: 400;
color: #5c6b7a;
white-space: nowrap;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today th,
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell {
color: #5dade2;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell--closed {
color: #5dade2;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell--special .pu-oh-special-label {
color: #85c8f5;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table .pu-oh-spill-hint {
color: #85c8f5;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table .pu-oh-today-mark {
background: rgba(93, 173, 226, 0.18);
color: #5dade2;
}
@media (prefers-color-scheme: dark) {
#pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today th,
#pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell {
color: #5dade2;
}
#pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell--closed {
color: #5dade2;
}
#pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell--special .pu-oh-special-label {
color: #85c8f5;
}
#pizza-ultra-app .pu-opening-hours-table .pu-oh-today-mark {
background: rgba(93, 173, 226, 0.18);
color: #5dade2;
}
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table .pu-oh-cell--closed {
color: #cfd4da;
font-weight: 700;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table .pu-oh-special-label {
color: #d5d8dc;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-footer {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.12);
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-footer-title {
color: #e8eaed;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table th {
color: #bdc3c7;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table td {
color: #ecf0f1;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today th,
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-opening-hours-table tr.pu-oh-row--today td.pu-oh-cell {
color: #5dade2;
}
/* Öffnungszeiten direkt unter Warenkorb-Inhalt (Sidebar) */
#pizza-ultra-app .pu-cart-sidebar .pu-opening-hours-footer.pu-opening-hours-footer--cart {
margin-top: 12px;
margin-bottom: 2px;
max-width: none;
padding: 10px 12px;
font-size: 12px;
}
#pizza-ultra-app .pu-cart-sidebar .pu-opening-hours-footer--cart .pu-opening-hours-footer-title {
font-size: 13px;
margin-bottom: 6px;
}
#pizza-ultra-app .pu-cart-sidebar .pu-opening-hours-footer--cart .pu-opening-hours-table th,
#pizza-ultra-app .pu-cart-sidebar .pu-opening-hours-footer--cart .pu-opening-hours-table td {
font-size: 11px;
padding: 8px 0 !important;
}
#pizza-ultra-app .pu-cart-sidebar .pu-opening-hours-footer--cart .pu-opening-hours-table td.pu-oh-td--today {
padding: 8px 48px 8px 0 !important;
}
.pu-nav-bar { display: block; margin-bottom: 16px; padding: 10px 12px; background: #fff; border: 1px solid #e0e0e0; border-radius: 18px; position: sticky; top: 10px; z-index: 999; max-width: 100%; min-width: 0; box-sizing: border-box; }
.pu-nav-bar .pu-nav-list { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: stretch; margin: 0; padding: 0; list-style: none; max-width: 100%; min-width: 0; }
.pu-nav-bar .pu-nav-item { margin: 0; padding: 0; list-style: none; flex: 0 1 auto; min-width: 0; max-width: 100%; display: flex; justify-content: center; }
.pu-nav-btn {
background: transparent; border: none; border-radius: 999px; padding: 8px 12px; font-weight: 700; cursor: pointer; color: #2c3e50;
font-size: 13px; line-height: 1.25; max-width: 100%; box-sizing: border-box;
white-space: normal; text-align: center; word-break: break-word; hyphens: auto;
display: inline-flex; align-items: center; justify-content: center; min-height: 2.5em;
}
@media (max-width: 600px) {
.pu-nav-bar { padding: 8px 8px; border-radius: 14px; }
.pu-nav-btn { font-size: 12px; padding: 7px 10px; }
}
.pu-nav-btn.active { background: #004a99; color: #fff; }
/* 56.12.76: optionale Kategorie-Bilder in den Tabs */
.pu-nav-btn.pu-nav-btn--has-cat-img { gap: 8px; }
.pu-nav-cat-icon {
width: 24px;
height: 24px;
object-fit: cover;
border-radius: 6px;
flex-shrink: 0;
}
/* Kategorie-Admin: optional „Ganzes Bild zeigen“ für Tab-Icon */
.pu-nav-cat-icon.pu-nav-cat-icon--contain {
object-fit: contain;
background: rgba(0, 0, 0, 0.06);
}
html[data-pu-brightness="dark"] .pu-nav-cat-icon.pu-nav-cat-icon--contain {
background: rgba(255, 255, 255, 0.08);
}
/* 56.12.72–73: Blauer Balken volle Breite; Pfand-Zeile darunter dezent (56.12.73) */
#pizza-ultra-app #pu-menu > .pu-cat-title-wrap--drinks {
grid-column: 1 / -1;
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
gap: 8px;
margin-top: 1.25rem;
margin-bottom: 0.75rem;
max-width: 100%;
box-sizing: border-box;
}
#pizza-ultra-app #pu-menu > .pu-drinks-pfand-hint--below {
display: block;
font-family: var(--pu-font-sans), system-ui, sans-serif;
font-size: 0.6875rem;
font-weight: 400;
font-style: normal;
letter-spacing: 0.01em;
line-height: 1.35;
color: #64748b;
padding: 0 0 0 14px;
margin-top: 1px;
}
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app #pu-menu > .pu-drinks-pfand-hint--below {
color: rgba(255, 255, 255, 0.38);
}
/* Kategorie-Zwischenüberschriften = volle Breite, Blau wie Nav-Aktiv */
#pizza-ultra-app #pu-menu > .pu-cat-title,
#pizza-ultra-app #pu-menu > .pu-cat-title-wrap--drinks > .pu-cat-title,
#pizza-ultra-app #pu-menu > .pu-snack-subgroup-heading {
font-family: var(--pu-font-sans);
font-size: 1rem;
font-weight: 700;
color: #fff;
background: #004a99;
border: none;
border-bottom: none;
border-radius: 999px;
padding: 8px 14px;
margin-top: 1.25rem;
margin-bottom: 0.75rem;
grid-column: 1 / -1;
line-height: 1.3;
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
letter-spacing: 0.01em;
text-transform: none;
}
#pizza-ultra-app #pu-menu > .pu-cat-title-wrap--drinks > .pu-cat-title {
margin-top: 0;
margin-bottom: 0;
grid-column: auto;
}
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app #pu-menu > .pu-cat-title,
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app #pu-menu > .pu-cat-title-wrap--drinks > .pu-cat-title,
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app #pu-menu > .pu-snack-subgroup-heading {
background: #004a99;
color: #fff;
}
.pu-container { display: flex; gap: 14px; align-items: flex-start; max-width: 100%; min-width: 0; }
.pu-menu-grid { flex: 3; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap: 12px; min-width: 0; max-width: 100%; }
/* Legacy-Fallback (außerhalb #pu-menu selten): Menü-Styles überschreiben unten */
.pu-cat-title { font-family: var(--pu-font-sans); font-size: 38px; font-weight: 800; color: #a52a2a; border-bottom: 2px solid #a52a2a; grid-column: 1/-1; margin-top: 30px; }
/* Snacks: Untergruppen – dezent, schmal (nicht wie Getränke-Kachel-Überschriften) */
.pu-snack-subgroup-heading {
grid-column: 1 / -1;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #7a6a60;
margin: 20px 0 10px;
padding-bottom: 6px;
border-bottom: 1px solid rgba(140, 110, 90, 0.22);
}
#pizza-ultra-app #pu-menu > .pu-snack-subgroup-heading:first-child { margin-top: 0; }
.pu-dark .pu-snack-subgroup-heading,
body.pu-dark .pu-snack-subgroup-heading { color: #a8a4b8; border-bottom-color: rgba(255,255,255,0.12); }
body.pu-theme-dark .pu-snack-subgroup-heading { color: #b8b4c8; border-bottom-color: rgba(255,255,255,0.1); }
.pu-product-card { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 14px; box-shadow: 0 6px 16px rgba(0,0,0,0.06); display: flex; flex-direction: column; }
.pu-product-card { transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease; }
.pu-product-card:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0,0,0,0.08); border-color: #e3e3e3; }
/* 56.12.50–52: Produktnamen/Karten, Zutaten, Story; 56.12.53 Shop-Hero Padding/line-height (SEO-Markup in PHP) */
.pu-product-card h3 {
margin: 0 0 8px;
font-size: 1.1rem;
font-weight: 800;
line-height: 1.25;
color: #000000;
}
.pu-product-card p { margin: 0 0 10px; }
.pu-product-card select { padding: 6px 8px; font-size: 13px; }
/* Artikelbilder & Badges */
.pu-product-img-wrap { width: 100%; aspect-ratio: 4/3; overflow: hidden; border-radius: 8px; margin-bottom: 8px; background: #f5f5f5; }
.pu-product-img { width: 100%; height: 100%; object-fit: cover; }
.pu-product-badges { position: absolute; top: 8px; left: 8px; display: flex; gap: 6px; flex-wrap: wrap; z-index: 1; }
.pu-product-card { position: relative; }
.pu-badge { font-size: 11px; font-weight: 800; padding: 4px 8px; border-radius: 6px; text-transform: uppercase; }
.pu-badge-new { background: #004a99; color: #fff; }
.pu-badge-popular { background: #e67e22; color: #fff; }
/* Artikelbilder & Badges */
.pu-product-img-wrap { width: 100%; aspect-ratio: 4/3; overflow: hidden; border-radius: 8px; margin-bottom: 10px; background: #f5f5f5; }
.pu-product-img { width: 100%; height: 100%; object-fit: cover; }
.pu-product-badges { position: absolute; top: 8px; left: 8px; display: flex; gap: 4px; flex-wrap: wrap; z-index: 1; }
.pu-product-card { position: relative; }
.pu-badge { font-size: 10px; font-weight: 800; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.02em; }
.pu-badge-new { background: #004a99; color: #fff; }
.pu-badge-popular { background: #e67e22; color: #fff; }
.pu-badge-soldout { background: #95a5a6; color: #fff; }
.pu-product-card.pu-product-soldout { opacity: 0.8; filter: grayscale(0.2); }
.pu-cart-sidebar { flex: 1; background: var(--pu-surface, #fff) !important; border: 2px solid var(--pu-cart-panel-border, #004a99) !important; border-radius: 16px; padding: 14px; position: sticky; top: 84px; height: fit-content; visibility: visible !important; display: block !important; min-width: 0; max-width: min(260px, 100%); }
.pu-cart-sidebar h2 { margin: 0 0 8px; font-size: 18px; }
.pu-cart-sidebar h3 { margin: 10px 0 8px; font-size: 14px; }
.pu-btn-large { background: #c0392b; color: #fff; border: none; border-radius: 8px; padding: 10px 12px; font-weight: 800; cursor: pointer; width: 100%; font-size: 13px; }
.pu-btn-large { transition: filter .12s ease, transform .12s ease; }
.pu-btn-large:hover { filter: brightness(0.95); transform: translateY(-1px); }
.pu-btn-large:active { transform: translateY(0); }
/* Leichter Premium-Look */
.pu-standalone-body { background: radial-gradient(1200px 600px at 50% -200px, rgba(15, 23, 42, 0.06), transparent 55%), var(--pu-app-bg, #f4f4f5) !important; }
.pu-nav-bar { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.pu-cart-sidebar { box-shadow: 0 10px 26px rgba(0,0,0,0.08); }
.pu-modal { display: none; position: fixed; z-index: 10001; left: 0; top: 0; width: 100%; max-width: 100%; height: 100%; max-height: 100dvh; background: rgba(44,62,80,0.8); -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; padding: 12px max(10px, env(safe-area-inset-right, 0px)) 12px max(10px, env(safe-area-inset-left, 0px)); text-align: center; }
.pu-modal-content { background: var(--pu-modal-bg, #fff); color: var(--pu-modal-fg, #0f172a); margin: 0 auto 20px; padding: 14px 14px 16px; border-radius: 14px; width: min(520px, 100%); max-width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,0.2); overflow-x: hidden; box-sizing: border-box; text-align: left; display: flex; flex-direction: column; max-height: min(92vh, calc(100dvh - 24px)); min-width: 0; }
.pu-modal-content > h2 { flex-shrink: 0; margin: 0 0 10px; font-size: 1.25rem; line-height: 1.25; }
.pu-modal-scroll-body { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; }
.pu-modal-actions { flex-shrink: 0; margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--pu-modal-actions-border, #eee); display: flex; flex-direction: column; gap: 8px; }
.pu-btn-secondary { background: #95a5a6 !important; color: #fff !important; }
.pu-input { width: 100%; max-width: 100%; border: 1px solid #ccc; border-radius: 5px; padding: 10px; margin-bottom: 10px; box-sizing: border-box; }
/* Extras (Modal) kompakt + besser klickbar, kein horizontales Überlaufen */
#pu-extras-list h4 { margin: 8px 0 6px; font-size: 14px; color: var(--pu-text-primary, #0f172a); }
.pu-extras-summary { font-weight: 800; cursor: pointer; padding: 4px 0; font-size: 13px; color: var(--pu-text-primary, #0f172a); }
.pu-extras-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 8px; padding: 4px 0 8px; }
.pu-extra-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 6px 8px; border-radius: 8px; border: 1px solid var(--pu-border-subtle, #eee); cursor: pointer; user-select: none; color: var(--pu-text-primary, #0f172a); background: transparent; }
.pu-extra-row:hover { background: var(--pu-surface-hover, #f7f7f7); }
.pu-extra-label { font-size: 13px; line-height: 1.25; flex: 1; min-width: 0; overflow-wrap: anywhere; word-break: break-word; color: var(--pu-text-primary, #0f172a); }
.pu-extra-check { width: 20px; height: 20px; flex: 0 0 auto; cursor: pointer; }
/* Mengensteuerung für Zutaten */
.pu-extra-qty-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 6px 8px; border-radius: 8px; border: 1px solid var(--pu-border-subtle, #eee); background: var(--pu-surface-muted, #fafafa); color: var(--pu-text-primary, #0f172a); }
.pu-extra-qty-row .pu-extra-label { flex: 1; min-width: 0; color: var(--pu-text-primary, #0f172a); }
.pu-wunsch-block { margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--pu-modal-actions-border, #eee); max-width: 100%; }
.pu-wunsch-title { margin: 0 0 6px; font-size: 13px; font-weight: 800; color: var(--pu-wunsch-accent, #004a99); letter-spacing: 0.02em; }
textarea.pu-comment-textarea,
#pu_combo_comment.pu-comment-textarea { resize: vertical !important; min-height: 64px; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; margin-bottom: 0 !important; }
.pu-order-note-label { display: block; font-size: 13px; font-weight: 700; margin: 12px 0 4px; color: #2c3e50; text-align: left; }
.pu-optional { font-weight: 500; color: #7f8c8d; font-size: 12px; }
textarea.pu-order-note-textarea { resize: vertical !important; min-height: 52px; margin-bottom: 8px !important; }
.pu-qty-controls { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.pu-qty-btn { width: 32px; height: 32px; border: 1px solid var(--pu-border-subtle, #ccc); background: var(--pu-qty-btn-bg, #fff); border-radius: 8px; font-size: 18px; font-weight: 700; cursor: pointer; line-height: 1; display: flex; align-items: center; justify-content: center; color: var(--pu-qty-btn-fg, #2c3e50); }
.pu-qty-btn:hover { background: var(--pu-surface-hover, #f0f0f0); border-color: var(--pu-text-soft, #999); }
.pu-qty-btn:active { filter: brightness(0.95); }
.pu-qty-value { min-width: 24px; text-align: center; font-size: 15px; font-weight: 700; }
/* Combo-Menüs */
/* Menü-Bundle-Kacheln: Produktbilder nur per ![]()
(.pu-product-img), kein background-image für Fotos */
.pu-combo-card { border-color: #c0392b; border-width: 2px; }
.pu-combo-card .pu-combo-card-img--contain { object-fit: contain; }
.pu-combo-card .pu-product-img-wrap.pu-combo-img-wrap--contain { background: rgba(0, 0, 0, 0.06); }
html[data-pu-brightness="dark"] .pu-combo-card .pu-product-img-wrap.pu-combo-img-wrap--contain { background: rgba(255, 255, 255, 0.08); }
.pu-combo-badge { font-size: 28px; margin-bottom: 6px; }
.pu-combo-modal-content { width: min(480px, 100%) !important; max-width: 100% !important; min-width: 0 !important; }
/* 56.12.45: Menü-Beschreibung unter Modal-Titel, vor Komponenten */
.pu-combo-menu-desc-wrap { margin: 0 0 10px; }
.pu-combo-menu-desc-wrap .pu-product-desc { margin-top: 0; margin-bottom: 10px; }
.pu-combo-section { margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #eee; }
.pu-combo-section:last-of-type { border-bottom: none; }
.pu-combo-section h4 { margin: 0 0 8px; font-size: 14px; color: var(--pu-combo-label, #2c3e50); }
.pu-combo-modal-content label { color: var(--pu-combo-label, #2c3e50) !important; font-weight: 600; }
.pu-combo-extras-panel { margin-top: 8px; padding: 8px; border-radius: 6px; background: var(--pu-combo-panel-bg, #f9f9f9); border: 1px solid var(--pu-border-subtle, #e5e7eb); }
.pu-combo-extras-panel h5 { margin: 0 0 6px; font-size: 12px; color: var(--pu-text-primary, #0f172a); }
.pu-product-desc { font-size: 12px; color: var(--pu-text-muted, #7f8c8d) !important; margin: 0 0 10px; line-height: 1.4; }
/* 56.12.41+: Text-Trennung (app.js); 56.12.42 Proportionen + Karten-Flex; 56.12.44 Kategorie-Banner; 56.12.47 Tab „Alle“ (.pu-category-info-wrap) */
#pizza-ultra-app #pu-menu > .pu-category-info-wrap {
grid-column: 1 / -1;
}
#pizza-ultra-app #pu-menu > .pu-category-info-banner {
grid-column: 1 / -1;
margin: 0 0 20px;
padding: 15px;
border-radius: 6px;
background: #f4f7fb;
border: none;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 1.05rem;
font-style: italic;
text-align: center;
line-height: 1.5;
color: var(--pu-text-primary, #1e293b);
}
#pizza-ultra-app #pu-menu > .pu-category-info-wrap .pu-category-info-banner {
margin: 0 0 20px;
padding: 15px;
border-radius: 6px;
background: #f4f7fb;
border: none;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 1.05rem;
font-style: italic;
text-align: center;
line-height: 1.5;
color: var(--pu-text-primary, #1e293b);
}
html[data-pu-brightness="dark"] #pizza-ultra-app #pu-menu > .pu-category-info-banner {
background: rgba(147, 197, 253, 0.08);
border-top-color: var(--pu-border-subtle, #3f3f46);
border-bottom-color: var(--pu-border-subtle, #3f3f46);
color: var(--pu-text-primary, #fafafa);
}
html[data-pu-brightness="dark"] #pizza-ultra-app #pu-menu > .pu-category-info-wrap .pu-category-info-banner {
background: rgba(147, 197, 253, 0.08);
border-top-color: var(--pu-border-subtle, #3f3f46);
border-bottom-color: var(--pu-border-subtle, #3f3f46);
color: var(--pu-text-primary, #fafafa);
}
.pu-product-card > .pu-product-desc {
flex: 1 1 auto;
min-height: 6.5rem;
}
.pu-product-desc .pu-ingredients {
display: block;
font-weight: 600;
font-size: 0.95rem;
line-height: 1.3;
color: #0a1628;
}
.pu-product-desc .pu-description-story {
display: block;
margin-top: 7px;
font-size: 0.85rem;
font-style: italic;
font-weight: 400;
color: #777;
line-height: 1.45;
}
html[data-pu-brightness="dark"] .pu-product-desc .pu-ingredients {
color: #D1D1D1;
}
html[data-pu-brightness="dark"] .pu-product-desc .pu-description-story {
color: var(--pu-text-soft, #a1a1aa);
}
.pu-cart-size-suffix { color: var(--pu-cart-muted, #7f8c8d) !important; font-weight: 500; }
.pu-cart-details-more { opacity: 0.92; color: var(--pu-text-muted, #64748b); }
/* Artikelbilder + Badges (Beliebt/Neu) */
.pu-product-img-wrap { width: 100%; aspect-ratio: 16/10; overflow: hidden; border-radius: 8px; margin-bottom: 10px; background: #f5f5f5; }
.pu-product-img { width: 100%; height: 100%; object-fit: cover; }
.pu-product-badges { position: absolute; top: 10px; left: 10px; display: flex; gap: 6px; flex-wrap: wrap; z-index: 1; }
.pu-product-card { position: relative; }
.pu-product-card.pu-has-badges h3 { padding-top: 28px; }
.pu-badge { font-size: 11px; font-weight: 800; padding: 4px 8px; border-radius: 6px; text-transform: uppercase; }
.pu-badge-new { background: #004a99; color: #fff; }
.pu-badge-popular { background: #c0392b; color: #fff; }
/* Schnellbestellung-Button */
.pu-quick-order-btn { background: var(--pu-accent-red, #c0392b) !important; color: #fff !important; margin-bottom: 10px; }
.pu-quick-order-btn:hover { filter: brightness(1.05); }
/* Checkout: volle Breite, keine seitliche Verschiebung (56.6.0) */
#pu-checkout-modal .pu-modal-content--checkout {
min-width: 0;
}
#pu-checkout-modal .pu-form-group {
display: flex;
flex-direction: column;
max-width: 100%;
min-width: 0;
}
#pu-checkout-modal .pu-form-group .pu-input,
#pu-checkout-modal .pu-form-group textarea.pu-input,
#pu-checkout-modal .pu-form-group input.pu-input {
width: 100% !important;
max-width: 100% !important;
min-width: 0;
}
.pu-legal-checkboxes {
max-width: 100%;
min-width: 0;
margin: 15px 0;
font-size: 13px;
}
.pu-legal-label {
display: flex;
align-items: flex-start;
gap: 10px;
line-height: 1.45;
max-width: 100%;
text-align: left;
margin-bottom: 8px;
color: var(--pu-modal-fg, #0f172a);
cursor: pointer;
}
.pu-legal-label-text {
flex: 1;
min-width: 0;
color: inherit;
}
.pu-legal-checkboxes .pu-legal-label a {
color: #004a99;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 2px;
}
.pu-legal-checkboxes input[type="checkbox"] {
flex-shrink: 0;
margin-top: 0.2em;
width: 18px;
height: 18px;
}
/* Mindestbestellwert / Warenkorb-Status (Sidebar + Checkout): Theme-sicher, kein Hell-Hintergrund im Dark Mode */
.pu-minorder-summary-box {
background: #f1f5f9;
border: 1px solid #e2e8f0;
color: #0f172a;
padding: 12px 14px;
border-radius: 10px;
font-size: 13px;
line-height: 1.55;
max-width: 100%;
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
}
.pu-minorder-summary-box strong {
color: inherit;
font-weight: 800;
}
#pu-minorder-hint.pu-minorder-summary-box {
margin: 10px 0;
}
#pu-cart-minorder-hint.pu-minorder-summary-box {
margin: 0 0 10px;
}
#pu-minorder-hint,
#pu-cart-minorder-hint,
#pu-checkout-validation-msg {
max-width: 100%;
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
}
.pu-delivery-map-wrap img {
max-width: 100%;
height: auto;
box-sizing: border-box;
}
/* Checkout: Fehlende Pflichtfelder hervorheben */
#pu-checkout-modal .pu-input-error,
#pu-checkout-modal input.pu-input-error,
.pu-input.pu-input-error,
input.pu-input-error,
.pu-input-error {
border: 2px solid #c0392b !important;
background: #fff5f5 !important;
box-shadow: 0 0 0 2px rgba(192,57,43,0.3) !important;
}
#pu-checkout-modal .pu-legal-checkboxes label.pu-label-error,
.pu-legal-checkboxes label.pu-label-error,
#pu-checkout-modal .pu-legal-label.pu-label-error .pu-legal-label-text {
color: #c0392b !important;
font-weight: 700;
}
.pu-checkout-validation-msg { background: #fff5f5; border: 2px solid #c0392b; color: #c0392b; padding: 12px 14px; border-radius: 8px; margin: 10px 0; font-size: 13px; font-weight: 600; }
.pu-checkout-validation-msg ul { margin: 6px 0 0 14px; padding: 0; }
/* Liefer-Slots im Checkout */
.pu-delivery-slot-wrap {
padding: 14px;
background: #f0f9ff;
border: 1px solid #b8e0f0;
border-radius: 10px;
margin: 14px 0;
}
.pu-delivery-slot-title {
font-weight: 800;
margin: 0 0 10px;
font-size: 15px;
color: #004a99;
}
.pu-delivery-slot-radios {
margin-bottom: 8px;
}
.pu-delivery-slot-label {
color: #0f172a;
font-size: 14px;
line-height: 1.4;
}
.pu-vorbestellung-panel {
margin-top: 10px;
padding: 12px;
border-radius: 8px;
background: #f8fafc;
border: 1px solid #e2e8f0;
}
.pu-delivery-slot-wrap select {
font-weight: 600;
padding: 10px 12px;
}
.pu-checkout-pay-heading {
margin: 16px 0 10px;
font-size: 1rem;
color: var(--pu-modal-fg, #0f172a);
}
.pu-pay-option {
display: inline-block;
margin-bottom: 6px;
color: var(--pu-modal-fg, #0f172a);
font-size: 14px;
cursor: pointer;
}
.pu-btn-checkout-back {
margin-top: 8px !important;
background: #cbd5e1 !important;
color: #0f172a !important;
}
.pu-btn-checkout-back:hover {
filter: brightness(0.95);
}
/* Warenkorb: Details anzeigen */
.pu-cart-item { padding: 8px 0; border-bottom: 1px solid var(--pu-cart-divider, #eee); }
.pu-cart-item-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.pu-cart-item-title { font-size: 13px; line-height: 1.2; }
/* 56.12.62: Fett ohne (SEO: semantische strong sparsam; reine Optik per Klasse) */
.pu-ui-strong { font-weight: 600; }
.pu-seo-em { font-weight: 600; }
.pu-price-accent { font-weight: 700; }
.pu-cart-upsell-heading {
font-weight: 700;
display: block;
margin-bottom: 6px;
line-height: 1.3;
color: var(--pu-upsell-heading, var(--pu-text-primary, #0f172a));
}
.pu-cart-item-right { display: flex; align-items: flex-start; gap: 8px; flex-shrink: 0; }
.pu-cart-item-price { font-size: 13px; font-weight: 800; white-space: nowrap; }
.pu-cart-item-actions { display: flex; flex-direction: column; gap: 4px; align-items: center; }
.pu-cart-icon-btn {
width: 36px;
min-height: 36px;
border: 1px solid var(--pu-cart-icon-border, #d1d5db);
background: var(--pu-cart-icon-bg, #fff);
border-radius: 8px;
padding: 0;
cursor: pointer;
font-size: 17px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
color: var(--pu-cart-icon-fg, #374151);
transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.pu-cart-icon-btn:hover {
background: var(--pu-cart-icon-hover-bg, #f3f4f6);
border-color: var(--pu-cart-icon-hover-border, #9ca3af);
}
.pu-cart-icon-btn.pu-cart-edit { font-size: 18px; }
.pu-cart-icon-btn.pu-cart-remove {
color: var(--pu-cart-remove-fg, #b91c1c);
border-color: var(--pu-cart-remove-border, #fecaca);
}
.pu-cart-icon-btn.pu-cart-remove:hover {
background: var(--pu-cart-remove-hover-bg, #fef2f2);
border-color: var(--pu-cart-remove-hover-border, #f87171);
}
.pu-mobile-cart-bar-text { cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.pu-mobile-cart-bar-text:focus-visible { outline: 2px solid #004a99; outline-offset: 2px; border-radius: 6px; }
.pu-cart-total-jump { cursor: pointer; user-select: none; }
.pu-cart-total-jump:focus-visible { outline: 2px solid #004a99; outline-offset: 2px; border-radius: 6px; }
.pu-cart-details { margin: 6px 0 0; font-size: 12px; color: var(--pu-text-muted, #475569); opacity: 1; line-height: 1.45; font-weight: 500; }
.pu-cart-comment { margin: 6px 0 0; font-size: 12px; color: var(--pu-text-muted, #64748b); line-height: 1.45; }
/* UVP / Aktionen (durchgestrichen) */
.pu-price-old { color: #999; font-size: 12px; margin-left: 6px; }
.pu-price-old s { text-decoration: line-through; }
/* Öffnungszeiten-Status */
.pu-status { padding: 10px 14px; text-align: center; border-radius: 8px; font-weight: 700; font-size: 13px; line-height: 1.45; max-width: 100%; box-sizing: border-box; }
.pu-status-open { background: var(--pu-info-bar-bg, #0f172a); color: var(--pu-info-bar-fg, #f8fafc); }
.pu-status-closed { background: #c0392b; color: #fff; }
/* Lieferzeit-Hinweis */
.pu-delivery-time-hint { font-size: 12px; color: #004a99; margin-top: 6px; line-height: 1.35; }
.pu-delivery-time-hint .pu-delivery-time-global { font-weight: 600; color: #0f172a; }
/* Warenkorb: Haupt-Checkout (Sidebar) — Farbe: Variable auf #pizza-ultra-app */
.pu-cart-checkout-btn {
background: var(--pu-checkout-btn-bg, #c0392b) !important;
color: var(--pu-checkout-btn-text, #fff) !important;
font-size: 15px !important;
padding: 14px 16px !important;
min-height: 48px;
box-shadow: 0 4px 14px var(--pu-checkout-btn-shadow, rgba(192, 57, 43, 0.42));
letter-spacing: 0.02em;
}
.pu-cart-checkout-btn:hover { filter: brightness(var(--pu-checkout-btn-hover-brightness, 1.07)); }
/* Checkout: Hauptaktion einheitlich kräftiges Rot (kein „Lachs“ durch Theme) */
#pu-final-order-btn.pu-btn-large {
background: var(--pu-accent-red, #c0392b) !important;
color: #fff !important;
border: none !important;
}
#pu-final-order-btn.pu-btn-large:hover {
filter: brightness(1.06);
}
#pu-final-order-btn.pu-checkout-btn-hidden {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* Mobile: fixierte Warenkorb-Leiste */
.pu-mobile-cart-bar {
display: none;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
background: var(--pu-mobile-cart-bar-bg, rgba(255, 255, 255, 0.97));
border-top: 2px solid var(--pu-mobile-cart-bar-border, #004a99);
box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.12);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.pu-mobile-cart-bar.pu-mobile-cart-bar--visible { display: block; }
.pu-mobile-cart-bar-inner {
max-width: min(720px, 100%);
margin: 0 auto;
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
padding-left: env(safe-area-inset-left, 0px);
padding-right: env(safe-area-inset-right, 0px);
}
.pu-mobile-cart-bar-text { flex: 1; min-width: 0; }
.pu-mobile-cart-summary { display: block; font-size: 12px; color: var(--pu-mobile-cart-summary-fg, #555); font-weight: 700; }
.pu-mobile-cart-total-bar { font-size: 18px; color: var(--pu-mobile-cart-total-fg, #c0392b); }
.pu-mobile-checkout-btn {
flex: 0 0 auto;
border: none;
border-radius: 12px;
padding: 14px 18px;
font-weight: 800;
font-size: 14px;
cursor: pointer;
background: var(--pu-checkout-btn-bg, #c0392b);
color: var(--pu-checkout-btn-text, #fff);
box-shadow: 0 4px 14px var(--pu-checkout-btn-shadow, rgba(192, 57, 43, 0.42));
white-space: nowrap;
}
.pu-mobile-checkout-btn:hover { filter: brightness(var(--pu-checkout-btn-hover-brightness, 1.07)); }
.pu-mobile-checkout-btn:active { transform: scale(0.98); }
#pizza-ultra-app.pu-has-mobile-cart-pad { padding-bottom: 0; }
/* Lade-Indikator */
.pu-loading-cover { position: fixed; inset: 0; background: rgba(255,255,255,0.92); z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.pu-spinner { width: 44px; height: 44px; border: 4px solid #e0e0e0; border-top-color: #c0392b; border-radius: 50%; animation: pu-spin 0.8s linear infinite; margin-bottom: 12px; }
@keyframes pu-spin { to { transform: rotate(360deg); } }
.pu-loading-cover p { margin: 0; font-size: 14px; color: #2c3e50; }
/* Suche */
.pu-search-wrap { margin-bottom: 12px; max-width: 100%; }
.pu-search-wrap .pu-input { max-width: 320px; width: 100%; }
/* Scroll-to-Top */
.pu-scroll-top { position: fixed; bottom: 24px; right: 24px; width: 44px; height: 44px; border-radius: 50%; background: #c0392b; color: #fff; border: none; font-size: 20px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.2); z-index: 999; transition: opacity .2s; }
.pu-scroll-top:hover { opacity: 0.9; }
/* Footer (Rechtliches) */
/* SEO-Absatz über der Footer-Linkzeile: gleiche „Karte“ wie .pu-shop-hero (Styles dort gemeinsam mit .pu-seo-home-footer-inner) */
#pizza-ultra-app + .pu-seo-home-footer {
margin-top: 1.75rem;
}
.pu-seo-home-footer {
max-width: min(1200px, 100%);
width: 100%;
margin: 0 auto;
padding: 0 12px 20px;
box-sizing: border-box;
}
.pu-seo-home-footer-inner {
margin: 0;
font-family: var(--pu-font-sans);
font-size: 0.95rem;
line-height: 1.62;
color: #475569;
}
.pu-seo-home-footer-inner h2 {
margin: 0 0 12px;
padding: 0;
font-size: 1.05rem;
font-weight: 600;
line-height: 1.35;
letter-spacing: -0.01em;
color: #1e293b;
}
.pu-seo-home-footer-inner p {
margin: 0 0 12px;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.pu-seo-home-footer-inner p:last-child {
margin-bottom: 0;
}
.pu-seo-home-footer-inner strong,
.pu-seo-home-footer-inner .pu-seo-em {
color: #0f172a;
}
.pu-footer { margin-top: 32px; padding: 20px 12px; background: #f5f5f5; border-top: 1px solid #e0e0e0; text-align: center; font-size: 13px; color: #666; }
.pu-footer-inner { max-width: 1200px; margin: 0 auto; }
.pu-footer a { color: #004a99; text-decoration: none; }
.pu-footer a:hover { text-decoration: underline; }
.pu-footer-sep { margin: 0 8px; color: #999; }
.pu-footer-contact { margin-left: 12px; }
/* Cookie-Hinweis (DSGVO) */
.pu-cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10002; background: rgba(44,62,80,0.98); color: #fff; padding: 16px 20px; box-shadow: 0 -4px 20px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; }
.pu-cookie-inner { max-width: 1200px; width: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.pu-cookie-text { margin: 0; font-size: 14px; line-height: 1.45; }
.pu-cookie-controls { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.pu-cookie-stats-label { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; font-size: 13px; line-height: 1.35; max-width: 640px; }
.pu-cookie-stats-label input { margin-top: 3px; flex-shrink: 0; }
.pu-cookie-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; justify-content: flex-end; }
.pu-cookie-banner a { color: #7dd3fc; text-decoration: underline; }
.pu-cookie-banner a:hover { color: #bae6fd; }
.pu-cookie-banner .pu-btn-large { flex: 0 0 auto; padding: 10px 24px; width: auto; }
.pu-cookie-banner .pu-btn-secondary { background: #5a6a7a; color: #fff; border: none; cursor: pointer; }
.pu-cookie-banner .pu-btn-secondary:hover { filter: brightness(1.08); }
/* Tablet: Warenkorb unter Speisekarte */
@media (max-width: 900px) {
.pu-container { flex-direction: column; }
.pu-cart-sidebar { width: 100%; max-width: none; position: static; }
.pu-extras-grid { grid-template-columns: 1fr; }
}
/* Schmale Viewports: Abstand + Scroll-Button — Breakpoint wie PU_CART_BAR_MAX_PX in app.js */
@media (max-width: 768px) {
#pizza-ultra-app {
padding-left: max(12px, env(safe-area-inset-left, 0px));
padding-right: max(12px, env(safe-area-inset-right, 0px));
}
#pizza-ultra-app.pu-has-mobile-cart-pad { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
.pu-scroll-top { bottom: calc(88px + env(safe-area-inset-bottom, 0px)); right: 14px; }
.pu-search-wrap .pu-input { max-width: 100%; }
#pu-checkout-modal .pu-modal-content { width: 100%; }
}
/* Kleine Handys: Modals volle Breite, Produkte 1 Spalte */
@media (max-width: 480px) {
.pu-modal-content { width: 100%; max-width: 100%; margin: 12px auto; padding: 14px 12px 16px; border-radius: 12px; max-height: 90vh; min-width: 0; }
.pu-menu-grid { grid-template-columns: 1fr; gap: 10px; }
.pu-product-card { padding: 12px; }
.pu-cat-title { font-size: 28px; }
#pizza-ultra-app #pu-menu > .pu-cat-title,
#pizza-ultra-app #pu-menu > .pu-cat-title-wrap--drinks > .pu-cat-title,
#pizza-ultra-app #pu-menu > .pu-snack-subgroup-heading {
font-size: 0.95rem;
}
.pu-nav-bar { padding: 8px 10px; }
.pu-btn-large { padding: 12px; min-height: 44px; }
}
/* Mittelgroße Handys: Produkte 2 Spalten */
@media (min-width: 481px) and (max-width: 640px) {
.pu-menu-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.pu-modal-content { width: min(440px, 100%); }
}
/* Dark Mode */
.pu-standalone-body.pu-dark,
body.pu-dark { background: #1a1a2e !important; color: #e8e8e8 !important; }
.pu-dark #pizza-ultra-app { background: #16213e !important; }
.pu-dark .pu-nav-bar { background: #0f3460 !important; border-color: #1a1a2e; }
.pu-dark .pu-nav-btn { color: #e8e8e8; }
.pu-dark .pu-nav-btn.active { background: #e94560; color: #fff; }
.pu-dark .pu-product-card { background: #1a1a2e !important; border-color: #2d2d44; }
.pu-dark .pu-product-card:hover { border-color: #3d3d5c; }
.pu-dark .pu-cart-sidebar { background: #1a1a2e !important; border-color: #e94560; }
.pu-dark .pu-cat-title { color: #e94560; border-color: #e94560; }
.pu-dark .pu-footer { background: #0f3460; border-color: #1a1a2e; color: #b8b8c8; }
.pu-dark .pu-input { background: #16213e; border-color: #2d2d44; color: #e8e8e8; }
.pu-dark .pu-modal-content { background: #1a1a2e; }
.pu-dark .pu-loading-cover { background: rgba(22,33,62,0.95); }
.pu-dark .pu-search-wrap .pu-input { background: #16213e; color: #e8e8e8; border-color: #2d2d44; }
.pu-dark .pu-cart-item { border-color: #2d2d44; }
.pu-dark .pu-badge-weekly { background: #e94560; color: #fff; }
.pu-dark .pu-mobile-cart-bar { background: rgba(26, 26, 46, 0.97); border-top-color: #e94560; }
.pu-dark .pu-mobile-cart-summary { color: #b8b8c8; }
.pu-dark .pu-mobile-cart-total-bar { color: #f87171; }
.pu-dark .pu-cart-icon-btn { background: #1a1a2e; border-color: #3d3d5c; color: #e8e8e8; }
.pu-dark .pu-cart-icon-btn:hover { background: #243046; border-color: #5a5a7a; }
.pu-dark .pu-cart-icon-btn.pu-cart-remove { color: #fca5a5; border-color: #7f1d1d; }
.pu-dark .pu-branding-footer { border-top-color: rgba(148, 163, 184, 0.25); color: rgba(226, 232, 240, 0.55); }
.pu-dark .pu-branding-footer-inner a { color: #94a3b8; }
.pu-dark .pu-branding-footer-inner a:hover { color: #cbd5e1; }
/* Dark Mode */
.pu-standalone-body.pu-dark,
body.pu-dark { background: #1a1a1d !important; color: #e8e8e8; }
.pu-dark #pizza-ultra-app { background: #1e1e22 !important; }
.pu-dark .pu-nav-bar { background: #2a2a2e !important; border-color: #3a3a3e; }
.pu-dark .pu-nav-btn { color: #e8e8e8; }
.pu-dark .pu-nav-btn.active { background: #2563eb; color: #fff; }
.pu-dark .pu-product-card { background: #2a2a2e !important; border-color: #3a3a3e; }
.pu-dark .pu-product-card:hover { border-color: #4a4a4e; }
.pu-dark .pu-cart-sidebar { background: #2a2a2e !important; border-color: #3b82f6; }
.pu-dark .pu-modal-content { background: #2a2a2e; color: #e8e8e8; }
.pu-dark .pu-input { background: #1e1e22; border-color: #4a4a4e; color: #e8e8e8; }
.pu-dark .pu-footer { background: #1e1e22; border-color: #3a3a3e; color: #9ca3af; }
.pu-dark .pu-extras-grid .pu-extra-row { border-color: #4a4a4e; }
.pu-dark .pu-extras-grid .pu-extra-row:hover { background: #333338; }
.pu-dark .pu-loading-cover { background: rgba(26,26,29,0.95); }
.pu-dark .pu-search-wrap .pu-input { background: #2a2a2e; border-color: #4a4a4e; color: #e8e8e8; }
.pu-dark .pu-cat-title { color: #f59e0b; border-color: #f59e0b; }
.pu-dark .pu-cart-item { border-color: #3a3a3e; }
/* Wochenangebot-Badge */
.pu-badge-deal { background: #f59e0b; color: #fff; }
/* Dark Mode */
.pu-standalone-body.pu-dark { background: #1a1a1a !important; color: #e8e8e8; }
.pu-standalone-body.pu-dark #pizza-ultra-app { background: #222 !important; }
.pu-standalone-body.pu-dark .pu-nav-bar { background: #2a2a2a !important; border-color: #444; }
.pu-standalone-body.pu-dark .pu-nav-btn { color: #e8e8e8; }
.pu-standalone-body.pu-dark .pu-nav-btn.active { background: #0066cc !important; }
.pu-standalone-body.pu-dark .pu-product-card { background: #2a2a2a !important; border-color: #444; }
.pu-standalone-body.pu-dark .pu-product-card:hover { border-color: #555; }
.pu-standalone-body.pu-dark .pu-product-card h3 { color: #FFD700; }
.pu-standalone-body.pu-dark .pu-product-desc .pu-ingredients { color: #D1D1D1; }
.pu-standalone-body.pu-dark .pu-product-card p { color: #b0b0b0; }
.pu-standalone-body.pu-dark .pu-cart-sidebar { background: #2a2a2a !important; border-color: #444 !important; }
.pu-standalone-body.pu-dark .pu-cart-sidebar h2, .pu-standalone-body.pu-dark .pu-cart-sidebar h3 { color: #fff; }
.pu-standalone-body.pu-dark .pu-modal { background: rgba(0,0,0,0.9); }
.pu-standalone-body.pu-dark .pu-modal-content { background: #2a2a2a; color: #e8e8e8; border-color: #444; }
.pu-standalone-body.pu-dark .pu-input { background: #1a1a1a; border-color: #555; color: #e8e8e8; }
.pu-standalone-body.pu-dark .pu-cat-title { color: #e67e22; border-color: #e67e22; }
.pu-standalone-body.pu-dark .pu-footer { background: #252525; border-color: #444; color: #b0b0b0; }
.pu-standalone-body.pu-dark .pu-loading-cover { background: rgba(26,26,26,0.95); }
/* Dark Mode (wenn pu-dark auf body) */
.pu-standalone-body.pu-dark,
body.pu-dark #pizza-ultra-app { background: #1a1a1e !important; color: #e8e8e8; }
.pu-standalone-body.pu-dark { background: #121214 !important; }
body.pu-dark .pu-nav-bar { background: #2a2a2e; border-color: #3a3a3e; }
body.pu-dark .pu-nav-btn { color: #e8e8e8; }
body.pu-dark .pu-nav-btn.active { background: #004a99; color: #fff; }
body.pu-dark .pu-product-card { background: #2a2a2e; border-color: #3a3a3e; }
body.pu-dark .pu-product-card:hover { border-color: #4a4a4e; }
body.pu-dark .pu-cart-sidebar { background: #2a2a2e !important; border-color: #004a99; }
body.pu-dark .pu-input { background: #1a1a1e; border-color: #4a4a4e; color: #e8e8e8; }
body.pu-dark .pu-modal-content { background: #2a2a2e; }
body.pu-dark .pu-footer { background: #1a1a1e; border-color: #2a2a2e; color: #aaa; }
body.pu-dark .pu-footer a { color: #7dd3fc; }
body.pu-dark .pu-loading-cover { background: rgba(18,18,20,0.95); }
body.pu-dark .pu-cat-title { color: #e67e22; border-color: #e67e22; }
/* Wochenangebot-Badge */
.pu-badge-deal { background: #9b59b6; color: #fff; }
/* Theme-Modi: Dunkel + Saisonal (Ostern, Weihnachten, Silvester) */
.pu-standalone-body.pu-theme-dark,
body.pu-theme-dark { background: #121214 !important; color: #e8e8e8; }
body.pu-theme-dark #pizza-ultra-app { background: #1a1a1e !important; }
body.pu-theme-dark .pu-nav-bar { background: #2a2a2e; border-color: #3a3a3e; }
body.pu-theme-dark .pu-nav-btn { color: #e8e8e8; }
body.pu-theme-dark .pu-nav-btn.active { background: #004a99; color: #fff; }
body.pu-theme-dark .pu-product-card { background: #2a2a2e; border-color: #3a3a3e; }
body.pu-theme-dark .pu-product-card:hover { border-color: #4a4a4e; }
body.pu-theme-dark .pu-product-card h3 { color: #FFD700; }
body.pu-theme-dark .pu-product-desc .pu-ingredients { color: #D1D1D1; }
body.pu-theme-dark .pu-cart-sidebar { background: #2a2a2e !important; border-color: #004a99; }
body.pu-theme-dark .pu-input { background: #1a1a1e; border-color: #4a4a4e; color: #e8e8e8; }
body.pu-theme-dark .pu-modal-content { background: #2a2a2e; }
body.pu-theme-dark .pu-footer { background: #1a1a1e; border-color: #2a2a2e; color: #aaa; }
body.pu-theme-dark .pu-footer a { color: #7dd3fc; }
body.pu-theme-dark .pu-loading-cover { background: rgba(18,18,20,0.95); }
body.pu-theme-dark .pu-cat-title { color: #e67e22; border-color: #e67e22; }
body.pu-theme-dark .pu-cart-item { border-color: #3a3a3e; }
/* Ostern: Pastelltöne ohne Grün */
body.pu-theme-ostern { background: linear-gradient(135deg, #faf5ff 0%, #fefce8 50%, #eff6ff 100%) !important; color: #334155; }
body.pu-theme-ostern #pizza-ultra-app { background: #fff !important; }
body.pu-theme-ostern .pu-nav-bar { background: rgba(255,255,255,0.9); border-color: #c4b5fd; }
body.pu-theme-ostern .pu-nav-btn { color: #5b21b6; }
body.pu-theme-ostern .pu-nav-btn.active { background: #a78bfa; color: #fff; }
body.pu-theme-ostern .pu-product-card { background: #fff; border-color: #e9d5ff; }
body.pu-theme-ostern .pu-product-card:hover { border-color: #c4b5fd; }
body.pu-theme-ostern .pu-cart-sidebar { background: #fff !important; border-color: #c4b5fd !important; }
body.pu-theme-ostern .pu-cat-title { color: #7c3aed; border-color: #7c3aed; }
body.pu-theme-ostern .pu-btn-large { background: #a78bfa !important; }
body.pu-theme-ostern .pu-quick-order-btn { background: #c0392b !important; color: #fff !important; }
body.pu-theme-ostern .pu-scroll-top { background: #7c3aed; }
body.pu-theme-ostern .pu-footer { background: #f5f3ff; border-color: #e9d5ff; color: #6b21a8; }
body.pu-theme-ostern .pu-footer a { color: #7c3aed; }
/* Weihnachten: Rot/Gold/Dunkelblau (ohne Grün) */
body.pu-theme-weihnachten { background: linear-gradient(180deg, #450a0a 0%, #1e1b4b 50%, #0f172a 100%) !important; color: #fef2f2; }
body.pu-theme-weihnachten #pizza-ultra-app { background: #1c1917 !important; }
body.pu-theme-weihnachten .pu-nav-bar { background: rgba(28,25,23,0.95); border-color: #b91c1c; }
body.pu-theme-weihnachten .pu-nav-btn { color: #fecaca; }
body.pu-theme-weihnachten .pu-nav-btn.active { background: #b91c1c; color: #fff; }
body.pu-theme-weihnachten .pu-product-card { background: #292524; border-color: #7f1d1d; }
body.pu-theme-weihnachten .pu-product-card:hover { border-color: #991b1b; }
body.pu-theme-weihnachten .pu-product-card h3 { color: #FFD700; }
body.pu-theme-weihnachten .pu-product-desc .pu-ingredients { color: #D1D1D1; }
body.pu-theme-weihnachten .pu-product-card p { color: #fecaca; }
body.pu-theme-weihnachten .pu-cart-sidebar { background: #292524 !important; border-color: #b91c1c !important; }
body.pu-theme-weihnachten .pu-cart-sidebar h2, body.pu-theme-weihnachten .pu-cart-sidebar h3 { color: #fef2f2; }
body.pu-theme-weihnachten .pu-cat-title { color: #fbbf24; border-color: #fbbf24; }
body.pu-theme-weihnachten .pu-btn-large { background: #b91c1c !important; }
body.pu-theme-weihnachten .pu-quick-order-btn { background: #b91c1c !important; color: #fff !important; }
body.pu-theme-weihnachten .pu-scroll-top { background: #b91c1c; }
body.pu-theme-weihnachten .pu-input { background: #1c1917; border-color: #57534e; color: #fef2f2; }
body.pu-theme-weihnachten .pu-modal-content { background: #292524; color: #fef2f2; }
body.pu-theme-weihnachten .pu-footer { background: #1c1917; border-color: #44403c; color: #fecaca; }
body.pu-theme-weihnachten .pu-footer a { color: #fbbf24; }
body.pu-theme-weihnachten .pu-loading-cover { background: rgba(12,10,9,0.95); }
/* Silvester: Dunkel mit Gold-Silber */
body.pu-theme-silvester { background: linear-gradient(180deg, #0c0a09 0%, #1c1917 50%, #0f172a 100%) !important; color: #fafaf9; }
body.pu-theme-silvester #pizza-ultra-app { background: #1c1917 !important; }
body.pu-theme-silvester .pu-nav-bar { background: rgba(28,25,23,0.95); border-color: #fbbf24; }
body.pu-theme-silvester .pu-nav-btn { color: #e7e5e4; }
body.pu-theme-silvester .pu-nav-btn.active { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #0c0a09; }
body.pu-theme-silvester .pu-product-card { background: #292524; border-color: #57534e; }
body.pu-theme-silvester .pu-product-card:hover { border-color: #78716c; }
body.pu-theme-silvester .pu-product-card h3 { color: #FFD700; }
body.pu-theme-silvester .pu-product-desc .pu-ingredients { color: #D1D1D1; }
body.pu-theme-silvester .pu-product-card p { color: #d6d3d1; }
body.pu-theme-silvester .pu-cart-sidebar { background: #292524 !important; border-color: #fbbf24 !important; }
body.pu-theme-silvester .pu-cart-sidebar h2, body.pu-theme-silvester .pu-cart-sidebar h3 { color: #fafaf9; }
body.pu-theme-silvester .pu-cat-title { color: #fbbf24; border-color: #fbbf24; }
body.pu-theme-silvester .pu-btn-large { background: linear-gradient(135deg, #fbbf24, #f59e0b) !important; color: #0c0a09 !important; }
body.pu-theme-silvester .pu-quick-order-btn { background: #64748b !important; color: #fff !important; }
body.pu-theme-silvester .pu-scroll-top { background: linear-gradient(135deg, #fbbf24, #eab308); color: #0c0a09; }
body.pu-theme-silvester .pu-input { background: #1c1917; border-color: #57534e; color: #fafaf9; }
body.pu-theme-silvester .pu-modal-content { background: #292524; color: #fafaf9; }
body.pu-theme-silvester .pu-footer { background: #1c1917; border-color: #44403c; color: #a8a29e; }
body.pu-theme-silvester .pu-footer a { color: #fbbf24; }
body.pu-theme-silvester .pu-loading-cover { background: rgba(12,10,9,0.95); }
body.pu-theme-silvester .pu-cart-item { border-color: #57534e; }
/* 56.8.0: Nutzer Hell/Dunkel (data-pu-brightness) — Standard-Theme wird echt dunkel/hell, Modals über Variablen */
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app,
html[data-pu-brightness="dark"] body.pu-theme-dark #pizza-ultra-app,
html[data-pu-brightness="dark"] body.pu-dark #pizza-ultra-app {
background: var(--pu-app-bg) !important;
color: var(--pu-text-primary) !important;
}
html[data-pu-brightness="light"] body.pu-shop-page #pizza-ultra-app,
html[data-pu-brightness="light"] body.pu-theme-dark #pizza-ultra-app {
background: var(--pu-app-bg) !important;
color: var(--pu-text-primary) !important;
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-modal-content,
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-modal-content,
html[data-pu-brightness="light"] body.pu-shop-page .pu-modal-content,
html[data-pu-brightness="light"] body.pu-theme-dark .pu-modal-content {
background: var(--pu-modal-bg) !important;
color: var(--pu-modal-fg) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-nav-bar,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-nav-bar {
background: var(--pu-surface-muted) !important;
border-color: var(--pu-border-subtle) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-nav-btn,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-nav-btn {
color: var(--pu-text-primary) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-product-card,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-product-card {
background: var(--pu-surface-muted) !important;
border-color: var(--pu-border-subtle) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-product-card h3,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-product-card h3 {
color: #FFD700 !important;
}
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-cart-sidebar,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-cart-sidebar,
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app .pu-cart-sidebar {
background: var(--pu-surface) !important;
border-color: var(--pu-cart-panel-border) !important;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.34);
}
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app .pu-mobile-cart-bar {
box-shadow: 0 -10px 32px rgba(0, 0, 0, 0.32);
}
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-cart-sidebar h2,
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-cart-sidebar h3,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-cart-sidebar h2,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-cart-sidebar h3 {
color: var(--pu-text-primary) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-cart-item-title,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-cart-item-title,
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-cart-item-title strong,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-cart-item-title strong,
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-cart-item-title .pu-ui-strong,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-cart-item-title .pu-ui-strong {
color: var(--pu-text-primary) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-cart-item-price,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-cart-item-price {
color: var(--pu-text-primary) !important;
}
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app .pu-cart-item {
border-bottom-color: var(--pu-cart-divider) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-standard.pu-shop-page .pu-search-wrap .pu-input,
html[data-pu-brightness="dark"] body.pu-shop-page.pu-theme-standard .pu-search-wrap .pu-input {
background: var(--pu-surface-muted) !important;
color: var(--pu-text-primary) !important;
border-color: var(--pu-border-subtle) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-product-desc,
html[data-pu-brightness="dark"] body.pu-dark .pu-product-desc {
color: var(--pu-text-muted) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-product-desc .pu-ingredients,
html[data-pu-brightness="dark"] body.pu-dark .pu-product-desc .pu-ingredients {
color: #D1D1D1 !important;
}
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-product-desc .pu-description-story,
html[data-pu-brightness="dark"] body.pu-dark .pu-product-desc .pu-description-story {
color: var(--pu-text-soft) !important;
}
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-product-card h3,
html[data-pu-brightness="dark"] body.pu-dark .pu-product-card h3 {
color: #FFD700 !important;
}
.pu-product-allergens {
font-size: 11px;
color: var(--pu-text-soft, #64748b);
margin-top: 4px;
line-height: 1.4;
}
.pu-combo-empty-hint {
font-size: 13px;
color: var(--pu-text-soft, #999);
margin: 4px 0;
}
.pu-snack-menu-panel {
background: #fef9e7;
padding: 10px;
border-radius: 8px;
margin-bottom: 10px;
border: 1px solid rgba(234, 179, 8, 0.35);
color: var(--pu-text-primary, #422006);
}
.pu-snack-menu-panel label,
.pu-snack-menu-panel strong {
color: inherit;
}
html[data-pu-brightness="dark"] .pu-snack-menu-panel {
background: var(--pu-surface-muted);
border-color: var(--pu-border-subtle);
color: var(--pu-text-primary);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-shop-hero,
html[data-pu-brightness="dark"] body.pu-shop-page .pu-seo-home-footer-inner {
background: linear-gradient(135deg, #1e293b 0%, #27272a 100%);
border-color: var(--pu-border-subtle);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-seo-home-footer-inner {
color: var(--pu-text-muted);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-seo-home-footer-inner strong,
html[data-pu-brightness="dark"] body.pu-shop-page .pu-seo-home-footer-inner .pu-seo-em {
color: var(--pu-text-primary);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-seo-home-footer-inner h2 {
color: var(--pu-text-primary);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-shop-hero-h1 {
color: var(--pu-text-primary);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-shop-hero-intro {
color: var(--pu-text-muted);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-shop-hero-intro strong,
html[data-pu-brightness="dark"] body.pu-shop-page .pu-shop-hero-intro .pu-seo-em {
color: var(--pu-text-primary);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-input::placeholder {
color: var(--pu-text-soft);
opacity: 1;
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-card {
background: var(--pu-combo-panel-bg);
border-color: var(--pu-border-subtle);
color: var(--pu-text-primary);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-card strong,
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-card .pu-cart-upsell-heading {
color: var(--pu-text-primary);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-text {
color: var(--pu-text-muted);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-mini {
border-color: var(--pu-border-subtle);
background: var(--pu-surface);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-mini-name {
color: var(--pu-text-primary);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-mini-price {
color: var(--pu-price-accent);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-mini-add {
background: var(--pu-upsell-mini-btn-bg);
border-color: var(--pu-upsell-mini-btn-border);
color: var(--pu-upsell-mini-btn-fg);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-allcat {
color: var(--pu-text-primary);
border-color: var(--pu-border-subtle);
background: rgba(255, 255, 255, 0.04);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-cart-upsell-allcat:hover {
background: rgba(255, 255, 255, 0.08);
}
/* 56.12.61: Footer (Impressum-Zeile) + Branding (© / Powered by) bei Nutzer-Dunkelmodus —
data-pu-brightness setzt nicht immer body.pu-dark; ohne diese Regeln bleibt #f5f5f5 bzw. zu blasse Textfarbe. */
html[data-pu-brightness="dark"] body.pu-shop-page .pu-footer,
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-footer,
html[data-pu-brightness="dark"] body.pu-dark .pu-footer {
background: var(--pu-surface-muted) !important;
border-top-color: var(--pu-border-subtle) !important;
color: var(--pu-text-muted) !important;
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-footer a,
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-footer a,
html[data-pu-brightness="dark"] body.pu-dark .pu-footer a {
color: #7dd3fc !important;
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-footer a:hover,
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-footer a:hover,
html[data-pu-brightness="dark"] body.pu-dark .pu-footer a:hover {
color: #bae6fd !important;
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-footer-sep,
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-footer-sep,
html[data-pu-brightness="dark"] body.pu-dark .pu-footer-sep {
color: var(--pu-text-soft) !important;
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-footer-contact,
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-footer-contact,
html[data-pu-brightness="dark"] body.pu-dark .pu-footer-contact {
color: var(--pu-text-muted) !important;
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-branding-footer,
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-branding-footer,
html[data-pu-brightness="dark"] body.pu-dark .pu-branding-footer {
color: var(--pu-text-muted) !important;
border-top-color: var(--pu-border-subtle) !important;
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-branding-footer-inner a,
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-branding-footer-inner a,
html[data-pu-brightness="dark"] body.pu-dark .pu-branding-footer-inner a {
color: #94a3b8 !important;
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-branding-footer-inner a:hover,
html[data-pu-brightness="dark"] body.pu-theme-dark .pu-branding-footer-inner a:hover,
html[data-pu-brightness="dark"] body.pu-dark .pu-branding-footer-inner a:hover {
color: #e2e8f0 !important;
}
/* Dark Mode / Admin-Dunkel: Mindestbestellwert-Box, Warenkorb-Status, Checkout (Kontrast wie Lesetext auf Hell) */
html[data-pu-brightness="dark"] .pu-minorder-summary-box,
body.pu-theme-dark .pu-minorder-summary-box,
body.pu-dark .pu-minorder-summary-box {
background: #27272a !important;
border: 1px solid #3f3f46 !important;
color: #fafafa !important;
}
html[data-pu-brightness="dark"] .pu-minorder-summary-box small,
body.pu-theme-dark .pu-minorder-summary-box small,
body.pu-dark .pu-minorder-summary-box small {
color: #d4d4d8 !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-delivery-slot-wrap,
body.pu-theme-dark #pu-checkout-modal .pu-delivery-slot-wrap {
background: #1e293b !important;
border-color: #334155 !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-delivery-slot-title,
body.pu-theme-dark #pu-checkout-modal .pu-delivery-slot-title {
color: #93c5fd !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-delivery-slot-label,
body.pu-theme-dark #pu-checkout-modal .pu-delivery-slot-label {
color: #f1f5f9 !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-vorbestellung-panel,
body.pu-theme-dark #pu-checkout-modal .pu-vorbestellung-panel {
background: #0f172a !important;
border: 1px solid #334155 !important;
color: #e2e8f0 !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-legal-label,
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-legal-label-text,
body.pu-theme-dark #pu-checkout-modal .pu-legal-label,
body.pu-theme-dark #pu-checkout-modal .pu-legal-label-text {
color: #f4f4f5 !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-legal-label a,
body.pu-theme-dark #pu-checkout-modal .pu-legal-label a {
color: #7dd3fd !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-checkout-pay-heading,
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-pay-option,
body.pu-theme-dark #pu-checkout-modal .pu-checkout-pay-heading,
body.pu-theme-dark #pu-checkout-modal .pu-pay-option {
color: #f4f4f5 !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-btn-checkout-back,
body.pu-theme-dark #pu-checkout-modal .pu-btn-checkout-back {
background: #475569 !important;
color: #fafafa !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-checkout-validation-msg,
body.pu-theme-dark #pu-checkout-modal .pu-checkout-validation-msg {
background: rgba(69, 10, 10, 0.96) !important;
border-color: #f87171 !important;
color: #fecaca !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-input-error,
body.pu-theme-dark #pu-checkout-modal .pu-input-error {
background: rgba(50, 25, 25, 0.95) !important;
border-color: #f87171 !important;
color: #fef2f2 !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-order-note-label,
body.pu-theme-dark #pu-checkout-modal .pu-order-note-label {
color: #f1f5f9 !important;
}
html[data-pu-brightness="dark"] #pu-checkout-modal .pu-optional,
body.pu-theme-dark #pu-checkout-modal .pu-optional {
color: #94a3b8 !important;
}
/* Warenkorb-Sidebar: Theme-Überschriften oft dunkel — erzwingen helle Schrift */
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app .pu-cart-sidebar h2,
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app .pu-cart-sidebar h3,
html[data-pu-brightness="dark"] body.pu-shop-page #pizza-ultra-app .pu-cart-sidebar .pu-cart-delivery label,
body.pu-theme-dark #pizza-ultra-app .pu-cart-sidebar h2,
body.pu-theme-dark #pizza-ultra-app .pu-cart-sidebar h3,
body.pu-theme-dark #pizza-ultra-app .pu-cart-sidebar .pu-cart-delivery label,
body.pu-dark #pizza-ultra-app .pu-cart-sidebar h2,
body.pu-dark #pizza-ultra-app .pu-cart-sidebar h3,
body.pu-dark #pizza-ultra-app .pu-cart-sidebar .pu-cart-delivery label {
color: #fafafa !important;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-delivery-time-hint,
body.pu-theme-dark #pizza-ultra-app .pu-delivery-time-hint,
body.pu-dark #pizza-ultra-app .pu-delivery-time-hint {
color: #93c5fd !important;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-delivery-time-hint strong,
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-delivery-time-hint .pu-delivery-time-global,
body.pu-theme-dark #pizza-ultra-app .pu-delivery-time-hint strong,
body.pu-theme-dark #pizza-ultra-app .pu-delivery-time-hint .pu-delivery-time-global {
color: #e2e8f0 !important;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-cart-details,
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-cart-comment,
body.pu-theme-dark #pizza-ultra-app .pu-cart-details,
body.pu-theme-dark #pizza-ultra-app .pu-cart-comment {
color: #e4e4e7 !important;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-cart-details-more,
body.pu-theme-dark #pizza-ultra-app .pu-cart-details-more {
color: #d4d4d8 !important;
opacity: 1 !important;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-cart-sidebar hr,
body.pu-theme-dark #pizza-ultra-app .pu-cart-sidebar hr,
body.pu-dark #pizza-ultra-app .pu-cart-sidebar hr {
border-color: var(--pu-cart-divider) !important;
}
html[data-pu-brightness="dark"] #pizza-ultra-app .pu-cart-checkout-btn:disabled,
body.pu-theme-dark #pizza-ultra-app .pu-cart-checkout-btn:disabled,
body.pu-dark #pizza-ultra-app .pu-cart-checkout-btn:disabled {
opacity: 1 !important;
background: #7f1d1d !important;
color: #fff !important;
filter: brightness(0.95);
cursor: not-allowed;
box-shadow: none !important;
}
/* Cross-Selling: gleiche Upsell-Farbvariablen wie data-pu-brightness=dark, wenn nur body.pu-dark gesetzt ist */
body.pu-dark #pizza-ultra-app,
body.pu-theme-dark #pizza-ultra-app {
--pu-surface: #2d2d32;
--pu-price-accent: #fca5a5;
--pu-upsell-mini-btn-bg: #475569;
--pu-upsell-mini-btn-fg: #f8fafc;
--pu-upsell-mini-btn-border: #94a3b8;
--pu-upsell-heading: #fafafa;
--pu-cart-panel-border: rgba(148, 163, 184, 0.38);
--pu-cart-divider: rgba(255, 255, 255, 0.1);
--pu-cart-icon-bg: rgba(255, 255, 255, 0.06);
--pu-cart-icon-border: #52525b;
--pu-cart-icon-fg: #fafafa;
--pu-cart-icon-hover-bg: rgba(255, 255, 255, 0.1);
--pu-cart-icon-hover-border: #71717a;
--pu-cart-remove-fg: #fca5a5;
--pu-cart-remove-border: rgba(248, 113, 113, 0.42);
--pu-cart-remove-hover-bg: rgba(127, 29, 29, 0.42);
--pu-cart-remove-hover-border: rgba(248, 113, 113, 0.55);
--pu-mobile-cart-bar-bg: rgba(30, 30, 34, 0.96);
--pu-mobile-cart-bar-border: #3f3f46;
--pu-mobile-cart-summary-fg: #d4d4d8;
--pu-mobile-cart-total-fg: var(--pu-price-accent);
}
/* Höhere Spezifität: ältere .pu-dark-Regeln mit festen Hex-Werten übersteuern */
body.pu-dark #pizza-ultra-app .pu-cart-sidebar,
body.pu-theme-dark #pizza-ultra-app .pu-cart-sidebar {
background: var(--pu-surface) !important;
border-color: var(--pu-cart-panel-border) !important;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.34);
}
body.pu-dark #pizza-ultra-app .pu-mobile-cart-bar,
body.pu-theme-dark #pizza-ultra-app .pu-mobile-cart-bar {
background: var(--pu-mobile-cart-bar-bg);
border-top-color: var(--pu-mobile-cart-bar-border);
box-shadow: 0 -10px 32px rgba(0, 0, 0, 0.32);
}
body.pu-dark #pizza-ultra-app .pu-cart-item,
body.pu-theme-dark #pizza-ultra-app .pu-cart-item {
border-bottom-color: var(--pu-cart-divider) !important;
}
/* Shop-SEO: Hero — volle Breite wie Suche/Kategorien (Themes setzen oft max-width auf section/p) */
#pizza-ultra-app > .pu-shop-hero {
max-width: none !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
min-width: 0;
align-self: stretch;
}
.pu-shop-hero,
.pu-seo-home-footer-inner {
padding: 24px 26px 28px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
text-align: left;
background: linear-gradient(135deg, #fff9f5 0%, #f0f6fc 100%);
border: 1px solid #e2e8f0;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
display: block;
}
.pu-shop-hero {
margin: 0 0 10px;
}
.pu-shop-hero-h1 {
font-family: var(--pu-font-sans);
font-size: clamp(1.35rem, 3.5vw, 1.75rem);
line-height: 1.3;
margin: 0 0 14px;
color: #1e293b;
font-weight: 700;
letter-spacing: -0.01em;
text-align: left;
max-width: none !important;
width: 100%;
}
.pu-shop-hero-intro {
font-size: 0.95rem;
line-height: 1.6;
font-weight: 400;
color: #475569;
max-width: none !important;
width: 100% !important;
margin: 0 !important;
text-align: left;
}
.pu-shop-hero-intro p,
.pu-shop-hero-intro .pu-shop-hero-intro-p {
display: block;
margin: 0 0 12px;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.pu-shop-hero-intro p:last-child,
.pu-shop-hero-intro .pu-shop-hero-intro-p:last-child {
margin-bottom: 0;
}
.pu-shop-hero-intro strong,
.pu-shop-hero-intro .pu-seo-em {
color: #0f172a;
}
/* Lieferzonen: semantische Liste (SEO), Grid-Zeilen; mobil Akkordeon + 2-Spalten-Zeile */
.pu-delivery-zones-seo {
max-width: min(1200px, 100%);
width: 100%;
margin: 0 auto;
padding: 0 12px;
box-sizing: border-box;
}
.pu-delivery-zones-seo--footer {
border-top: 1px solid #e2e8f0;
padding: 14px 12px 8px;
margin-bottom: 2.25rem;
background: rgba(248, 250, 252, 0.85);
border-radius: 0 0 10px 10px;
}
.pu-delivery-zones-seo-title {
margin: 0 0 10px;
padding: 0;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #64748b;
line-height: 1.3;
}
.pu-delivery-zones-seo-details {
margin: 0;
padding: 0;
border: none;
}
.pu-delivery-zones-seo-summary {
list-style: none;
cursor: pointer;
margin: 0 0 10px;
padding: 10px 14px;
font-size: 0.85rem;
font-weight: 700;
text-align: center;
color: var(--pu-text-primary, #0f172a);
background: var(--pu-surface-muted, #f1f5f9);
border: 1px solid var(--pu-border-subtle, #e2e8f0);
border-radius: 10px;
box-sizing: border-box;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.pu-delivery-zones-seo-summary::-webkit-details-marker {
display: none;
}
.pu-delivery-zones-seo-details[open] .pu-delivery-zones-seo-summary-label--when-closed {
display: none;
}
.pu-delivery-zones-seo-details:not([open]) .pu-delivery-zones-seo-summary-label--when-open {
display: none;
}
@media (min-width: 640px) {
.pu-delivery-zones-seo-summary {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
clip-path: inset(50%);
}
}
.pu-delivery-plz-list,
#pu-delivery-zones-list {
list-style: none;
margin: 0;
padding: 0;
font-size: 0.8rem;
line-height: 1.4;
color: #64748b;
}
@media (min-width: 640px) {
/* Grid statt Multicol: gleichmäßige Zeilen, kein „Treppen“-Effekt durch column-fill */
.pu-delivery-plz-list,
#pu-delivery-zones-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 0.5rem 1.25rem;
align-items: start;
}
}
@media (max-width: 639px) {
.pu-delivery-plz-list,
#pu-delivery-zones-list {
display: block;
column-count: 1;
}
}
.pu-delivery-plz-item {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
margin: 0 0 0.35em;
padding: 0;
}
.pu-delivery-plz-item:last-child {
margin-bottom: 0;
}
.pu-delivery-plz-row {
display: grid;
grid-template-columns: minmax(4.25rem, max-content) minmax(0, 1fr);
gap: 0.4rem 0.75rem;
align-items: start;
}
.pu-delivery-plz-code {
white-space: nowrap;
font-weight: 800;
font-size: 1.05rem;
color: var(--pu-text-primary, #334155);
line-height: 1.25;
}
@media (min-width: 640px) {
.pu-delivery-plz-code {
font-size: 1.2rem;
}
}
.pu-delivery-plz-cell {
display: flex;
flex-direction: column;
gap: 0.35rem;
min-width: 0;
}
.pu-delivery-plz-districts {
display: block;
font-size: 0.92em;
overflow-wrap: break-word;
word-break: break-word;
hyphens: auto;
line-height: 1.35;
}
.pu-delivery-zones-seo-min {
display: inline-block;
margin-top: 0.1rem;
font-size: 0.88rem;
line-height: 1.25;
white-space: nowrap;
color: #64748b;
}
.pu-delivery-zones-seo-min-text {
font-weight: 600;
margin-right: 0.15em;
}
.pu-delivery-zones-seo-min-amount {
font-weight: 800;
font-size: 1.08em;
letter-spacing: 0.01em;
color: var(--pu-accent-red, #c0392b);
}
@media (max-width: 639px) {
.pu-delivery-plz-item {
margin: 0;
padding: 0.55rem 0;
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.pu-delivery-plz-item:first-child {
padding-top: 0.15rem;
}
.pu-delivery-plz-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-delivery-zones-seo--footer {
border-top-color: var(--pu-border-subtle);
background: rgba(30, 41, 59, 0.35);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-delivery-zones-seo-title,
html[data-pu-brightness="dark"] body.pu-shop-page .pu-delivery-plz-list,
html[data-pu-brightness="dark"] body.pu-shop-page .pu-delivery-plz-districts {
color: var(--pu-text-muted);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-delivery-plz-code {
color: var(--pu-text-primary);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-delivery-zones-seo-min {
color: var(--pu-text-muted);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-delivery-zones-seo-min-amount {
color: var(--pu-price-accent, #fca5a5);
}
html[data-pu-brightness="dark"] body.pu-shop-page .pu-delivery-zones-seo-summary {
background: var(--pu-surface-muted);
border-color: var(--pu-border-subtle);
color: var(--pu-text-primary);
}
@media (max-width: 639px) {
html[data-pu-brightness="dark"] body.pu-shop-page .pu-delivery-plz-item {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
}
/* Warenkorb Cross-Selling */
.pu-cart-upsell {
margin: 10px 0 4px;
}
.pu-cart-upsell-inner {
display: flex;
flex-direction: column;
gap: 10px;
}
.pu-cart-upsell-card {
background: var(--pu-surface-muted, #f8fafc);
border: 1px solid rgba(15, 23, 42, 0.12);
border-radius: 10px;
padding: 10px 12px;
font-size: 13px;
line-height: 1.4;
color: var(--pu-text-primary, #0f172a);
}
.pu-cart-upsell-card strong {
display: block;
margin-bottom: 6px;
font-size: 14px;
color: var(--pu-upsell-heading, var(--pu-text-primary, #0f172a));
}
.pu-cart-upsell-text {
margin: 0 0 10px;
}
.pu-cart-upsell-btn {
width: 100%;
padding: 8px 10px;
font-size: 13px;
font-weight: 700;
cursor: pointer;
border-radius: 8px;
border: 1px solid var(--pu-info-bar-bg, #0f172a);
background: var(--pu-info-bar-bg, #0f172a);
color: var(--pu-info-bar-fg, #f8fafc);
}
.pu-cart-upsell-btn:hover {
filter: brightness(1.08);
}
/* Cross-Selling: horizontale Mini-Galerie (Mobile: Scroll, kein Vollbild) */
.pu-cart-upsell-strip {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 8px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-padding-inline: 2px;
margin: 8px 0 6px;
padding: 2px 0 6px;
list-style: none;
}
.pu-cart-upsell-mini {
flex: 0 0 108px;
max-width: 108px;
scroll-snap-align: start;
border-radius: 10px;
border: 1px solid rgba(15, 23, 42, 0.1);
background: var(--pu-surface, #fff);
overflow: hidden;
display: flex;
flex-direction: column;
align-self: stretch;
min-height: 0;
}
.pu-cart-upsell-mini-img-wrap {
width: 100%;
aspect-ratio: 1;
background: rgba(15, 23, 42, 0.06);
position: relative;
}
.pu-cart-upsell-mini-img-wrap.pu-cart-upsell-mini-img--missing {
background: linear-gradient(135deg, rgba(15, 23, 42, 0.08), rgba(15, 23, 42, 0.02));
}
.pu-cart-upsell-mini-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pu-cart-upsell-mini-meta {
padding: 6px 6px 8px;
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 4px;
min-height: 0;
}
.pu-cart-upsell-mini-name {
font-size: 11px;
font-weight: 700;
line-height: 1.25;
color: var(--pu-text-primary, #0f172a);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
/* Zwei Zeilen reservieren → gleiche Kartenhöhe, Buttons auf einer Linie */
min-height: 2.5em;
}
.pu-cart-upsell-mini-price {
font-size: 11px;
font-weight: 800;
color: var(--pu-price-accent, #b91c1c);
flex-shrink: 0;
}
.pu-cart-upsell-mini-add {
margin-top: auto;
flex-shrink: 0;
width: 100%;
padding: 5px 4px;
font-size: 11px;
font-weight: 700;
border-radius: 6px;
border: 1px solid var(--pu-upsell-mini-btn-border, var(--pu-info-bar-bg, #0f172a));
background: var(--pu-upsell-mini-btn-bg, var(--pu-info-bar-bg, #0f172a));
color: var(--pu-upsell-mini-btn-fg, var(--pu-info-bar-fg, #f8fafc));
cursor: pointer;
line-height: 1.2;
}
.pu-cart-upsell-mini-add:hover,
.pu-cart-upsell-mini-add:focus-visible {
filter: brightness(1.08);
}
.pu-cart-upsell-allcat {
width: 100%;
margin-top: 2px;
padding: 6px 8px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
border-radius: 8px;
border: 1px dashed rgba(15, 23, 42, 0.25);
background: transparent;
color: var(--pu-text-primary, #0f172a);
}
.pu-cart-upsell-allcat:hover {
border-color: var(--pu-info-bar-bg, #0f172a);
background: rgba(15, 23, 42, 0.04);
}
/* PayPal: bei geschlossenem Shop / ungültigem Vorbestellungs-Slot nicht klickbar (Logik in app.js) */
#paypal-button-container.pu-paypal-gated {
pointer-events: none;
opacity: 0.45;
position: relative;
}
/* Admin-Druck: nur den Ticketbereich ausgeben */
@media print {
#pu-print-area { display: block !important; position: absolute; left: 0; top: 0; width: 100%; }
body * { visibility: hidden !important; }
#pu-print-area, #pu-print-area * { visibility: visible !important; }
}