/**
 * Beispiel Bakery Navy — optional abgestimmt auf logo_bb.png
 * Primär: warmes Akzent-Orange, Sekundär: tiefes Navy, Flächen: Creme.
 *
 * /events nutzt dieselbe Schale wie Start/Landing: Nav, Footer, Flächen,
 * Karten/Sections und Typo (siehe data-storefront-route="events").
 */

:root {
  --bb-navy-950: #081636;
  --bb-navy-900: #0a1b3a;
  --bb-navy-800: #112a56;
  --bb-cream-50: #fffdf2;
  --bb-cream-100: #faf4dd;
  --bb-cream-200: #f1e7c4;
  --bb-orange-500: #f59e0b;
  --bb-orange-600: #ea8a00;
  --bb-ink: #0f2043;
}

html[data-storefront-template-id] .tenant-storefront .sf-example-banner--bb {
  margin: 0 auto 1rem;
  max-width: 56rem;
  padding: 0.45rem 0.75rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bb-orange-600);
  border: 1px solid rgb(234 138 0 / 40%);
  border-radius: 0.3rem;
  background: rgb(255 253 242 / 96%);
}

/* Global shop-like shells */
html[data-storefront-template-id] .tenant-storefront[data-storefront-shop-root],
html[data-storefront-template-id] .tenant-storefront [data-storefront-shop-root],
html[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"],
html[data-storefront-template-id] .tenant-storefront[data-storefront-events-root],
html[data-storefront-template-id] .tenant-storefront[data-storefront-checkout-root],
html[data-storefront-template-id] .tenant-storefront[data-storefront-route="bestellen"],
html[data-storefront-template-id] .tenant-storefront[data-storefront-konto-root],
html[data-storefront-template-id] .tenant-storefront [data-storefront-konto-root],
html[data-storefront-template-id] .tenant-storefront.tenant-landing-root,
html[data-storefront-template-id] .tenant-storefront[data-storefront-landing-root],
html[data-storefront-template-id] .tenant-storefront [data-storefront-footer],
html[data-storefront-template-id] .tenant-storefront [data-storefront-nav],
html[data-storefront-template-id] .tenant-storefront [data-storefront-shop-toolbar],
html[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel],
html[data-storefront-template-id] [data-storefront-shop-filter-panel],
html[data-storefront-template-id] .tenant-storefront [data-storefront-product-card],
html[data-storefront-template-id] .tenant-storefront [data-storefront-product-list-row],
html[data-storefront-template-id] .tenant-storefront [data-storefront-konto-stats] button,
html[data-storefront-template-id] [data-storefront-product-modal],
html[data-storefront-template-id] .tenant-storefront [data-ui-card] {
  background-color: var(--bb-cream-50) !important;
}

html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-shop-root],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-shop-root],
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"],
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-events-root],
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-checkout-root],
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route="bestellen"],
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-konto-root],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-konto-root],
html.dark[data-storefront-template-id] .tenant-storefront.tenant-landing-root,
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-landing-root],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-footer],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-nav],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-shop-toolbar],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel],
html.dark[data-storefront-template-id] [data-storefront-shop-filter-panel],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-product-card],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-product-list-row],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-konto-stats] button,
html.dark[data-storefront-template-id] [data-storefront-product-modal],
html.dark[data-storefront-template-id] .tenant-storefront [data-ui-card] {
  background-color: #090f21 !important;
}

/* Main chrome */
html[data-storefront-template-id] .tenant-storefront [data-storefront-nav] {
  background: rgb(10 27 58 / 94%) !important;
  border-bottom-color: rgb(31 57 103 / 78%) !important;
  color: rgb(252 246 220 / 96%) !important;
}

html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-nav] {
  background: rgb(8 18 40 / 96%) !important;
  border-bottom-color: rgb(44 67 114 / 72%) !important;
}

html[data-storefront-template-id] .tenant-storefront [data-storefront-nav] a,
html[data-storefront-template-id] .tenant-storefront [data-storefront-nav] button,
html[data-storefront-template-id] .tenant-storefront [data-storefront-footer],
html[data-storefront-template-id] .tenant-storefront [data-storefront-footer] a {
  color: rgb(252 246 220 / 95%) !important;
}

html[data-storefront-template-id] .tenant-storefront [data-storefront-footer] {
  background: rgb(10 27 58 / 96%) !important;
  border-top-color: rgb(31 57 103 / 80%) !important;
}

html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-footer] {
  background: rgb(8 18 40 / 98%) !important;
  border-top-color: rgb(44 67 114 / 76%) !important;
}

html[data-storefront-template-id] .tenant-storefront [data-storefront-footer] .text-muted-foreground,
html[data-storefront-template-id] .tenant-storefront [data-storefront-footer] p,
html[data-storefront-template-id] .tenant-storefront [data-storefront-footer] span {
  color: rgb(234 226 194 / 90%) !important;
}

html[data-storefront-template-id] .tenant-storefront [data-storefront-nav] [data-storefront-nav-cart-badge],
html[data-storefront-template-id] .tenant-storefront .bg-primary {
  background: var(--bb-orange-600) !important;
  color: #fff !important;
}

/* Product cards + list rows */
html[data-storefront-template-id] .tenant-storefront [data-storefront-product-card],
html[data-storefront-template-id] .tenant-storefront [data-storefront-product-list-row] {
  border: 1px solid rgb(225 209 160 / 78%) !important;
  background: var(--bb-cream-50) !important;
  color: var(--bb-ink) !important;
  box-shadow: none !important;
}

html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-product-card],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-product-list-row] {
  border-color: rgb(55 73 107 / 80%) !important;
  background: #0f1d3e !important;
  color: rgb(248 240 208 / 95%) !important;
}

/* Buttons and active pills */
html[data-storefront-template-id] .tenant-storefront button.text-white,
html[data-storefront-template-id] .tenant-storefront a.text-white,
html[data-storefront-template-id] .tenant-storefront .bg-primary,
html[data-storefront-template-id] .tenant-storefront [class*="bg-orange"] {
  background-color: var(--bb-orange-600) !important;
  border-color: rgb(193 109 0 / 85%) !important;
  color: #fff !important;
}

html[data-storefront-template-id] .tenant-storefront button.text-white:hover,
html[data-storefront-template-id] .tenant-storefront a.text-white:hover,
html[data-storefront-template-id] .tenant-storefront .bg-primary:hover {
  background-color: var(--bb-orange-500) !important;
}

/* Inputs / filter controls */
html[data-storefront-template-id] .tenant-storefront input,
html[data-storefront-template-id] .tenant-storefront select,
html[data-storefront-template-id] .tenant-storefront textarea,
html[data-storefront-template-id] .tenant-storefront .rounded-md.border,
html[data-storefront-template-id] .tenant-storefront .rounded-lg.border {
  border-color: rgb(218 197 140 / 82%) !important;
  background: #fffdf6 !important;
  color: var(--bb-ink) !important;
  box-shadow: none !important;
}

html.dark[data-storefront-template-id] .tenant-storefront input,
html.dark[data-storefront-template-id] .tenant-storefront select,
html.dark[data-storefront-template-id] .tenant-storefront textarea,
html.dark[data-storefront-template-id] .tenant-storefront .rounded-md.border,
html.dark[data-storefront-template-id] .tenant-storefront .rounded-lg.border {
  border-color: rgb(62 83 120 / 84%) !important;
  background: #0d1a38 !important;
  color: rgb(250 242 212 / 95%) !important;
}

/* Shop toolbar + filter panel backgrounds (desktop + mobile portal) */
html[data-storefront-template-id] .tenant-storefront [data-storefront-shop-toolbar],
html[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel],
html[data-storefront-template-id] [data-storefront-shop-filter-panel] {
  border: 1px solid rgb(220 202 148 / 82%) !important;
  background: var(--bb-cream-50) !important;
  background-image: none !important;
  color: var(--bb-ink) !important;
  box-shadow: none !important;
}

html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-shop-toolbar],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel],
html.dark[data-storefront-template-id] [data-storefront-shop-filter-panel] {
  border: 1px solid rgb(56 76 114 / 88%) !important;
  background: #0b1733 !important;
  background-image: none !important;
  color: rgb(249 242 214 / 94%) !important;
  box-shadow: none !important;
}

/* Shop dock: glossy translucent glass */
html[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="shop"]
  [data-storefront-floating-dock="dock-bar"] {
  border: 1px solid rgb(228 210 158 / 78%) !important;
  background: linear-gradient(
    to bottom,
    rgb(255 253 242 / 82%),
    rgb(250 244 221 / 68%)
  ) !important;
  backdrop-filter: blur(12px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
  box-shadow:
    0 12px 28px -18px rgb(10 27 58 / 35%),
    inset 0 1px 0 rgb(255 255 255 / 72%) !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="shop"]
  [data-storefront-floating-dock="dock-bar"] {
  border: 1px solid rgb(72 97 146 / 78%) !important;
  background: linear-gradient(
    to bottom,
    rgb(10 23 49 / 78%),
    rgb(8 18 40 / 66%)
  ) !important;
  backdrop-filter: blur(12px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(145%) !important;
  box-shadow:
    0 16px 30px -20px rgb(0 0 0 / 55%),
    inset 0 1px 0 rgb(255 255 255 / 10%) !important;
}

html[data-storefront-template-id] .tenant-storefront[data-storefront-route="shop"] [data-storefront-category-sidebar] > .sticky {
  border: 1px solid rgb(220 202 148 / 82%) !important;
  background: var(--bb-cream-50) !important;
  background-image: none !important;
  padding: 0.75rem !important;
}

html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route="shop"] [data-storefront-category-sidebar] > .sticky {
  border: 1px solid rgb(56 76 114 / 88%) !important;
  background: #0b1733 !important;
  background-image: none !important;
  padding: 0.75rem !important;
}

/* Range slider in filter sidebar */
html[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel] input[type="range"]::-webkit-slider-runnable-track,
html[data-storefront-template-id] [data-storefront-shop-filter-panel] input[type="range"]::-webkit-slider-runnable-track,
html[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel] input[type="range"]::-moz-range-track,
html[data-storefront-template-id] [data-storefront-shop-filter-panel] input[type="range"]::-moz-range-track {
  background: rgb(240 227 185) !important;
  background-image: none !important;
}

html[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel] input[type="range"]::-webkit-slider-thumb,
html[data-storefront-template-id] [data-storefront-shop-filter-panel] input[type="range"]::-webkit-slider-thumb,
html[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel] input[type="range"]::-moz-range-thumb,
html[data-storefront-template-id] [data-storefront-shop-filter-panel] input[type="range"]::-moz-range-thumb {
  background: var(--bb-orange-600) !important;
  background-image: none !important;
}

html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel] input[type="range"]::-webkit-slider-runnable-track,
html.dark[data-storefront-template-id] [data-storefront-shop-filter-panel] input[type="range"]::-webkit-slider-runnable-track,
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel] input[type="range"]::-moz-range-track,
html.dark[data-storefront-template-id] [data-storefront-shop-filter-panel] input[type="range"]::-moz-range-track {
  background: rgb(29 46 81) !important;
  background-image: none !important;
}

html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel] input[type="range"]::-webkit-slider-thumb,
html.dark[data-storefront-template-id] [data-storefront-shop-filter-panel] input[type="range"]::-webkit-slider-thumb,
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-shop-filter-panel] input[type="range"]::-moz-range-thumb,
html.dark[data-storefront-template-id] [data-storefront-shop-filter-panel] input[type="range"]::-moz-range-thumb {
  background: var(--bb-orange-600) !important;
  background-image: none !important;
}

/* Mobile nav drawer */
html[data-storefront-template-id] .tenant-storefront [data-storefront-nav] [data-storefront-nav-drawer],
html[data-storefront-template-id] .tenant-storefront [data-storefront-nav] aside.fixed.right-0.top-0 {
  border-left-color: rgb(220 202 148 / 84%) !important;
  background: #fffdf2 !important;
  background-image: none !important;
  color: var(--bb-ink) !important;
  box-shadow: none !important;
}

html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-nav] [data-storefront-nav-drawer],
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-nav] aside.fixed.right-0.top-0 {
  border-left-color: rgb(54 74 110 / 88%) !important;
  background: #0a1731 !important;
  background-image: none !important;
  color: rgb(250 243 216 / 94%) !important;
  box-shadow: none !important;
}

/* Utility remaps for CMS content */
html[data-storefront-template-id] .tenant-storefront [class*="text-purple"],
html[data-storefront-template-id] .tenant-storefront [class*="text-violet"],
html[data-storefront-template-id] .tenant-storefront [class*="text-fuchsia"],
html[data-storefront-template-id] .tenant-storefront [class*="text-blue"] {
  color: #1a3b73 !important;
}

html[data-storefront-template-id] .tenant-storefront [class*="bg-purple"],
html[data-storefront-template-id] .tenant-storefront [class*="bg-violet"],
html[data-storefront-template-id] .tenant-storefront [class*="bg-fuchsia"] {
  background-color: var(--bb-orange-600) !important;
}

html[data-storefront-template-id] .tenant-storefront .text-muted-foreground {
  color: rgb(69 82 109 / 86%) !important;
}

html.dark[data-storefront-template-id] .tenant-storefront .text-muted-foreground {
  color: rgb(198 192 170 / 84%) !important;
}

html[data-storefront-template-id] .tenant-storefront {
  background-color: var(--bb-cream-50) !important;
}

html.dark[data-storefront-template-id] .tenant-storefront {
  background-color: #090f21 !important;
  color: rgb(248 240 208 / 94%) !important;
}

/* /events: strip Tailwind gradient layer so cream / navy shell matches landing. */
html[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"],
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"] {
  background-image: none !important;
}

html.dark[data-storefront-template-id] .tenant-storefront .bg-background,
html.dark[data-storefront-template-id] .tenant-storefront [class*="bg-background"] {
  background-color: #0b1733 !important;
}

/* Route-level background safety for dark mode (all routed storefront shells). */
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route],
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route] main,
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route] [data-storefront-root] {
  background: #090f21 !important;
  background-color: #090f21 !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront:is(
    [data-storefront-legal-root],
    [data-storefront-cms-root],
    [data-storefront-payment-root],
    [data-storefront-payment-success-root]
  ),
html.dark[data-storefront-template-id]
  .tenant-storefront:is(
    [data-storefront-legal-root],
    [data-storefront-cms-root],
    [data-storefront-payment-root],
    [data-storefront-payment-success-root]
  )
  main {
  background: #090f21 !important;
  background-color: #090f21 !important;
}

/* Konto route: force dark shells and cards. */
html.dark[data-storefront-template-id]
  .tenant-storefront:is([data-storefront-konto-root], [data-storefront-route="konto"]),
html.dark[data-storefront-template-id]
  .tenant-storefront:is([data-storefront-konto-root], [data-storefront-route="konto"])
  :is([data-storefront-konto-auth], [data-storefront-konto-suspended], [data-storefront-konto-shell], [data-storefront-konto-main], [data-storefront-konto-card]) {
  background-color: #090f21 !important;
  color: rgb(248 240 208 / 94%) !important;
}

/* Catch light utility backgrounds that still leak into dark mode pages. */
html.dark[data-storefront-template-id]
  .tenant-storefront
  :is(
    .bg-white,
    [class*="bg-white/"],
    .bg-gray-50,
    .bg-gray-100,
    [class*="bg-gray-50/"],
    [class*="bg-gray-100/"],
    [class*="bg-zinc-50"],
    [class*="bg-slate-50"],
    [class*="bg-stone-50"],
    [class*="bg-neutral-50"]
  ) {
  background-color: #0b1733 !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront
  :is(
    .border-gray-100,
    .border-gray-200,
    [class*="border-gray-100"],
    [class*="border-gray-200"],
    [class*="border-zinc-200"],
    [class*="border-slate-200"],
    [class*="border-neutral-200"]
  ) {
  border-color: rgb(56 76 114 / 82%) !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="impressum"]
  :is(.bg-white, [class*="bg-white/"], .prose, [data-storefront-legal-hero], [data-ui-card]),
html.dark[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="datenschutz"]
  :is(.bg-white, [class*="bg-white/"], .prose, [data-storefront-legal-hero], [data-ui-card]) {
  background: #0b1733 !important;
  background-color: #0b1733 !important;
  color: rgb(248 240 208 / 94%) !important;
}

/* Landing + /events sections: same shell surfaces (sharp corners; overrides app soft-cards). */
html[data-storefront-template-id]
  .tenant-storefront:is([data-storefront-route="landing"], [data-storefront-route="cms-page"], [data-storefront-route="events"])
  :is(
    [data-storefront-section],
    [data-landing-section],
    [data-storefront-card="service"],
    [data-storefront-card="contact"],
    [data-landing-contact-card],
    [data-landing-service-card],
    [data-storefront-landing-featured],
    [data-storefront-events-stats] > div
  ) {
  background-color: var(--bb-cream-50) !important;
  border-color: rgb(220 202 148 / 76%) !important;
  color: var(--bb-ink) !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront:is([data-storefront-route="landing"], [data-storefront-route="cms-page"], [data-storefront-route="events"])
  :is(
    [data-storefront-section],
    [data-landing-section],
    [data-storefront-card="service"],
    [data-storefront-card="contact"],
    [data-landing-contact-card],
    [data-landing-service-card],
    [data-storefront-landing-featured],
    [data-storefront-events-stats] > div
  ) {
  background-color: #0b1733 !important;
  border-color: rgb(56 76 114 / 82%) !important;
  color: rgb(248 240 208 / 94%) !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* /events: primary headings + chrome text (h3 in cards keeps inline accent). */
html[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"] main,
html[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"] .text-foreground,
html[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"] h1,
html[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"] h2 {
  color: var(--bb-ink) !important;
}

html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"] main,
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"] .text-foreground,
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"] h1,
html.dark[data-storefront-template-id] .tenant-storefront[data-storefront-route="events"] h2 {
  color: rgb(248 240 208 / 96%) !important;
}

/* Landing about: cleaner spacing and stronger contrast */
html[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  [data-storefront-section="about"] {
  padding-top: clamp(3rem, 8vw, 5rem) !important;
  padding-bottom: clamp(3rem, 8vw, 5rem) !important;
  background: var(--bb-cream-50) !important;
}

html[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  [data-landing-about-wrap] {
  max-width: 56rem !important;
  margin: 0 auto !important;
  padding: clamp(1.1rem, 3vw, 2rem) clamp(1rem, 3vw, 2.25rem) !important;
  border: 1px solid rgb(220 202 148 / 74%) !important;
  background: linear-gradient(
    to bottom,
    rgb(255 253 242 / 98%),
    rgb(250 244 221 / 86%)
  ) !important;
}

html[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  [data-landing-about-title] {
  color: #122a55 !important;
  letter-spacing: -0.02em !important;
}

html[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  [data-landing-about-body] {
  margin-top: 0.9rem !important;
  color: rgb(40 57 88 / 90%) !important;
  font-size: clamp(1rem, 2.3vw, 1.18rem) !important;
  line-height: 1.72 !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  [data-storefront-section="about"] {
  background: #0b1733 !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  [data-landing-about-wrap] {
  border: 1px solid rgb(56 76 114 / 84%) !important;
  background: linear-gradient(
    to bottom,
    rgb(13 28 56 / 96%),
    rgb(10 23 49 / 92%)
  ) !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  [data-landing-about-title] {
  color: rgb(252 246 220 / 96%) !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  [data-landing-about-body] {
  color: rgb(220 214 192 / 88%) !important;
}

/* Landing footer should mirror /shop footer chrome. */
html[data-storefront-template-id] .tenant-storefront [data-storefront-landing-footer] {
  background: rgb(10 27 58 / 96%) !important;
  background-color: rgb(10 27 58 / 96%) !important;
  border-top-color: rgb(31 57 103 / 80%) !important;
  color: rgb(252 246 220 / 95%) !important;
}

html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-landing-footer] {
  background: rgb(8 18 40 / 98%) !important;
  background-color: rgb(8 18 40 / 98%) !important;
  border-top-color: rgb(44 67 114 / 76%) !important;
  color: rgb(252 246 220 / 95%) !important;
}

html[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  :is([data-storefront-footer], [data-storefront-landing-footer], [data-storefront-section="footer"]) {
  background: rgb(10 27 58 / 96%) !important;
  background-color: rgb(10 27 58 / 96%) !important;
  border-top-color: rgb(31 57 103 / 80%) !important;
}

html.dark[data-storefront-template-id]
  .tenant-storefront[data-storefront-route="landing"]
  :is([data-storefront-footer], [data-storefront-landing-footer], [data-storefront-section="footer"]) {
  background: rgb(8 18 40 / 98%) !important;
  background-color: rgb(8 18 40 / 98%) !important;
  border-top-color: rgb(44 67 114 / 76%) !important;
}

html[data-storefront-template-id] .tenant-storefront [data-storefront-landing-footer] :is(a, p, span, .text-muted-foreground),
html.dark[data-storefront-template-id] .tenant-storefront [data-storefront-landing-footer] :is(a, p, span, .text-muted-foreground) {
  color: rgb(234 226 194 / 90%) !important;
}

/* Landing footer: stronger light-mode contrast (Rechtliches / Jetzt bestellen / theme toggle). */
html[data-storefront-template-id]
  .tenant-storefront
  [data-storefront-landing-footer]
  :is(h4, [data-storefront-footer-mail], a, p, span) {
  color: rgb(247 238 206 / 96%) !important;
}

html[data-storefront-template-id]
  .tenant-storefront
  [data-storefront-landing-footer]
  button[aria-label="Darstellung umschalten"] {
  border-color: rgb(228 210 158 / 82%) !important;
  background: rgb(15 39 78 / 92%) !important;
  color: rgb(252 246 220 / 98%) !important;
}

html[data-storefront-template-id]
  .tenant-storefront
  [data-storefront-landing-footer]
  button[aria-label="Darstellung umschalten"]:hover {
  background: rgb(19 48 95 / 95%) !important;
}

/* Minimal visual noise */
html[data-storefront-template-id] .tenant-storefront * {
  text-shadow: none !important;
}

html[data-storefront-template-id] .tenant-storefront :where(
  [class*="shadow"],
  [data-ui-card],
  [data-storefront-product-card],
  [data-storefront-shop-filter-panel]
) {
  box-shadow: none !important;
}