/* mobee public theme — company #64 — generated 2026-10-10T01:44:27+02:00 */
html.public-layout-root {
  --pc-page-bg: #1c0c08;
  --pc-card-bg: #f4efe6;
  --pc-accent: #c0996b;
  --pc-accent-hover: #a9875e;
  --pc-topbar-bg: #1c0c08;
  --pc-body-text: #1c0c08;
  --pc-on-accent-text: #ffffff;
  --pc-accent-r: 192;
  --pc-accent-g: 153;
  --pc-accent-b: 107;
  --pc-body-text-r: 28;
  --pc-body-text-g: 12;
  --pc-body-text-b: 8;
  --pc-on-accent-r: 255;
  --pc-on-accent-g: 255;
  --pc-on-accent-b: 255;
  --pc-font-body: 'Outfit', ui-sans-serif, system-ui, sans-serif;
  --pc-letter-spacing: 0.05em;
}
/*
 * Public pages — Löwenhaus Ravenna (aligned with lowenhaus.it).
 * Dark wood field, stube bordeaux #4d151d / #5d1b22, bronze #c0996b.
 * Ivory cards keep guest forms readable (zinc text in Blade).
 * @see App\Services\PublicPagesCompanyThemeCssGenerator
 */
html.public-layout-root {
 --pc-on-accent-text: #1c0c08;
 --pc-on-accent-r: 28;
 --pc-on-accent-g: 12;
 --pc-on-accent-b: 8;
 --pc-bordeaux: #4d151d;
 --pc-bordeaux-mid: #5d1b22;
 --pc-cream: #f7f1e8;
}
html.public-layout-root body.min-h-screen {
 background-color: var(--pc-page-bg);
 color: var(--pc-body-text);
 font-family: var(--pc-font-body, var(--font-sans));
 letter-spacing: var(--pc-letter-spacing, normal);
}
html.public-layout-root body.min-h-screen :where(button, input, select, textarea) {
 font-family: inherit;
 letter-spacing: inherit;
}
html.public-layout-root body > div.min-h-screen,
html.public-layout-root body > div.min-h-dvh {
 background-color: var(--pc-page-bg);
 background-image:
 linear-gradient(
  180deg,
  color-mix(in srgb, var(--pc-bordeaux) 28%, transparent) 0%,
  transparent 42%
 ),
 url("/img/themes/lowenhaus/dark-wood.jpg");
 background-repeat: no-repeat, repeat;
 background-size: 100% 18rem, 420px auto;
}
html.public-layout-root .public-themed-page {
 background-color: transparent;
 background-image: none;
}
html.public-layout-root .public-themed-card {
 background-color: var(--pc-card-bg);
 border-radius: 0.15rem;
 border: 1px solid color-mix(in srgb, var(--pc-accent) 40%, transparent);
 box-shadow:
 0 0 0 1px var(--pc-bordeaux),
 0 28px 48px -24px color-mix(in srgb, #000000 55%, transparent);
 overflow: hidden;
}
html.public-layout-root .public-themed-topbar {
 background-color: var(--pc-bordeaux);
 background-image:
 linear-gradient(
  180deg,
  color-mix(in srgb, var(--pc-bordeaux) 72%, transparent),
  color-mix(in srgb, var(--pc-bordeaux) 88%, transparent)
 ),
 url("/img/themes/lowenhaus/dark-wood.jpg");
 background-repeat: no-repeat, repeat;
 background-size: auto, 420px auto;
 border-bottom: 2px solid var(--pc-accent);
 box-shadow: 0 12px 28px -18px color-mix(in srgb, #000000 70%, transparent);
}
html.public-layout-root .public-themed-topbar a.truncate,
html.public-layout-root .public-themed-topbar a.whitespace-nowrap {
 color: #fafafa;
}
html.public-layout-root .public-themed-topbar a.truncate:hover,
html.public-layout-root .public-themed-topbar a.whitespace-nowrap:hover {
 color: #ffffff;
}
html.public-layout-root .public-themed-topbar div.truncate,
html.public-layout-root .public-themed-topbar div.truncate span {
 color: #fafafa;
}
html.public-layout-root .public-hub-logo {
 display: block;
 width: auto;
 height: auto;
 max-height: 10.5rem;
 max-width: min(16rem, 72vw);
 object-fit: contain;
}
@media (min-width: 640px) {
 html.public-layout-root .public-hub-logo {
  max-height: 12rem;
  max-width: 18rem;
 }
}
html.public-layout-root .public-hub-scrim {
 background-color: color-mix(in srgb, var(--pc-bordeaux) 78%, #0a0506);
}
html.public-layout-root .public-hub-nav-card {
 background-color: color-mix(in srgb, var(--pc-bordeaux) 62%, transparent);
 border-color: color-mix(in srgb, var(--pc-accent) 55%, transparent);
 border-radius: 0.2rem;
}
html.public-layout-root .public-hub-nav-card:hover {
 background-color: color-mix(in srgb, var(--pc-bordeaux-mid) 78%, transparent);
 border-color: var(--pc-accent);
}
html.public-layout-root .public-themed-accent {
 background-color: var(--pc-accent);
 color: var(--pc-on-accent-text);
 box-shadow: none;
 border-radius: 0.12rem;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 transition: background-color 0.2s ease;
}
html.public-layout-root .public-themed-accent:hover:not(:disabled) {
 background-color: var(--pc-accent-hover);
 box-shadow: none;
}
html.public-layout-root .public-themed-accent:disabled {
 background-color: #e4e4e7;
 color: #737373;
 box-shadow: none;
 cursor: not-allowed;
}
html.public-layout-root .public-themed-accent-bg {
 background-color: var(--pc-accent);
 transition: background-color 0.2s ease;
}
html.public-layout-root .public-themed-step-done {
 background-color: var(--pc-bordeaux);
 color: var(--pc-cream);
 box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--pc-accent) 45%, transparent);
}
html.public-layout-root .public-themed-step-active {
 background-color: var(--pc-accent);
 color: var(--pc-on-accent-text);
 box-shadow: 0 0 0 2px color-mix(in srgb, var(--pc-bordeaux) 55%, transparent);
}
html.public-layout-root .public-themed-link {
 color: color-mix(in srgb, var(--pc-bordeaux) 55%, var(--pc-body-text));
 text-underline-offset: 0.25em;
 text-decoration-thickness: 1px;
}
html.public-layout-root .public-themed-accent-text {
 color: color-mix(in srgb, var(--pc-accent) 28%, var(--pc-body-text));
}
html.public-layout-root .public-themed-input-focus:focus {
 border-color: color-mix(in srgb, var(--pc-accent) 65%, transparent);
 outline: 1px solid color-mix(in srgb, var(--pc-accent) 35%, transparent);
 outline-offset: 1px;
 box-shadow: 0 0 0 3px color-mix(in srgb, var(--pc-accent) 16%, transparent);
}
html.public-layout-root .public-menu-opening-popup-backdrop {
 background-color: color-mix(in srgb, var(--pc-bordeaux) 72%, transparent);
}
html.public-layout-root .public-menu-opening-popup {
 color: var(--pc-body-text);
}
html.public-layout-root .public-menu-opening-popup__title {
 color: var(--pc-body-text);
}
html.public-layout-root .public-menu-opening-popup__description {
 color: color-mix(in srgb, var(--pc-body-text) 78%, var(--pc-card-bg));
}
html.public-layout-root .public-menu-opening-popup__close {
 background-color: color-mix(in srgb, var(--pc-body-text) 6%, var(--pc-card-bg));
 color: var(--pc-body-text);
 border: 1px solid color-mix(in srgb, var(--pc-body-text) 12%, transparent);
}
html.public-layout-root .public-menu-opening-popup__close:hover {
 background-color: color-mix(in srgb, var(--pc-body-text) 12%, var(--pc-card-bg));
}
html.public-layout-root .public-menu-opening-popup__image-wrap {
 background-color: color-mix(in srgb, var(--pc-body-text) 4%, var(--pc-card-bg));
}
html.public-layout-root .public-menu-category-band {
 background-color: var(--pc-bordeaux);
 letter-spacing: 0.12em;
 text-transform: uppercase;
}
html.public-layout-root .public-menu-category-band .text-zinc-900 {
 color: var(--pc-cream);
}
html.public-layout-root .public-menu-category-band .text-zinc-500 {
 color: var(--pc-accent);
}
html.public-layout-root .public-menu-category-band:hover,
html.public-layout-root .public-menu-category-band.bg-zinc-50,
html.public-layout-root .public-menu-category-band[aria-expanded="true"] {
 background-color: var(--pc-bordeaux-mid);
}
html.public-layout-root .public-menu-subsection-band {
 background-color: color-mix(in srgb, var(--pc-bordeaux) 88%, var(--pc-bordeaux-mid));
 color: var(--pc-cream);
 letter-spacing: 0.1em;
 text-transform: uppercase;
 transition: background-color 0.2s ease;
 box-shadow: inset 3px 0 0 var(--pc-accent);
}
html.public-layout-root .public-menu-subsection-band:hover {
 background-color: var(--pc-bordeaux-mid);
}
html.public-layout-root .public-menu-subsection-band.public-menu-subsection-band--open {
 background-color: var(--pc-bordeaux-mid);
}
html.public-layout-root .public-menu-subsection-band__chevron {
 color: var(--pc-accent);
}
html.public-layout-root .public-menu-subsection-band__label {
 color: inherit;
}
html.public-layout-root footer.public-footer-contacts {
 background-color: var(--pc-card-bg);
 background-image: none;
 border-top: 1px solid color-mix(in srgb, var(--pc-accent) 28%, transparent);
 color: var(--pc-body-text);
}
html.public-layout-root footer.public-footer-contacts .font-semibold {
 color: var(--pc-body-text);
 letter-spacing: 0.02em;
 text-transform: none;
 font-size: 0.95rem;
}
html.public-layout-root footer.public-footer-contacts .text-zinc-600,
html.public-layout-root footer.public-footer-contacts .text-zinc-500,
html.public-layout-root footer.public-footer-contacts a {
 color: color-mix(in srgb, var(--pc-body-text) 72%, var(--pc-card-bg));
}
html.public-layout-root footer.public-footer-contacts a.inline-flex {
 background-color: transparent;
 border: none;
 border-radius: 0;
 box-shadow: none;
 width: fit-content;
 max-width: 100%;
 margin-inline: auto;
 padding-inline: 0.25rem;
 padding-block: 0.15rem;
 color: color-mix(in srgb, var(--pc-body-text) 78%, var(--pc-card-bg));
 letter-spacing: normal;
 text-transform: none;
}
html.public-layout-root footer.public-footer-contacts a.inline-flex:hover {
 background-color: transparent;
 color: var(--pc-bordeaux);
}
html.public-layout-root footer.public-footer-contacts a .text-zinc-500 {
 color: color-mix(in srgb, var(--pc-accent) 40%, var(--pc-body-text));
}
@supports not (background-color: color-mix(in srgb, red 50%, blue)) {
 html.public-layout-root .public-themed-topbar {
 background-color: #4d151d;
 border-bottom: 2px solid var(--pc-accent);
 }
 html.public-layout-root .public-themed-topbar a.truncate,
 html.public-layout-root .public-themed-topbar a.whitespace-nowrap,
 html.public-layout-root .public-themed-topbar div.truncate,
 html.public-layout-root .public-themed-topbar div.truncate span {
 color: #fafafa;
 }
 html.public-layout-root .public-themed-step-done {
 background-color: #4d151d;
 color: #f7f1e8;
 }
 html.public-layout-root .public-themed-card {
 border: 1px solid rgba(var(--pc-accent-r), var(--pc-accent-g), var(--pc-accent-b), 0.4);
 box-shadow: 0 0 0 1px #4d151d;
 }
 html.public-layout-root .public-menu-opening-popup-backdrop {
 background-color: rgba(77, 21, 29, 0.72);
 }
 html.public-layout-root footer.public-footer-contacts {
 background-color: var(--pc-card-bg);
 }
}