/* mobee public theme — company #46 — generated 2026-09-26T13:14:58+02:00 */
html.public-layout-root {
  --pc-page-bg: #f7f0ed;
  --pc-card-bg: #fffaf8;
  --pc-accent: #9b4535;
  --pc-accent-hover: #883d2f;
  --pc-topbar-bg: #fffaf8;
  --pc-body-text: #2a1814;
  --pc-on-accent-text: #ffffff;
  --pc-accent-r: 155;
  --pc-accent-g: 69;
  --pc-accent-b: 53;
  --pc-body-text-r: 42;
  --pc-body-text-g: 24;
  --pc-body-text-b: 20;
  --pc-on-accent-r: 255;
  --pc-on-accent-g: 255;
  --pc-on-accent-b: 255;
  --pc-font-body: 'Fraunces', ui-serif, Georgia, Cambria, serif;
  --pc-letter-spacing: 0.025em;
}
/*
 * Public pages — Pan de Ajo variant (Ravenna bruschetteria).
 * Warm terracotta walls (#9B4535) as accent; soft blush page/card surfaces.
 * Colors via --pc-* from generated company CSS.
 * @see App\Services\PublicPagesCompanyThemeCssGenerator
 */
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-image: radial-gradient(
 ellipse 130% 90% at 50% -25%,
 color-mix(in srgb, var(--pc-accent) 10%, var(--pc-on-accent-text)) 0%,
 transparent 58%
 );
 background-repeat: no-repeat;
}
html.public-layout-root .public-themed-page {
 background-color: var(--pc-page-bg);
 background-image:
 radial-gradient(ellipse 120% 70% at 50% -15%, color-mix(in srgb, var(--pc-accent) 8%, var(--pc-on-accent-text)) 0%, transparent 52%),
 radial-gradient(ellipse 90% 55% at 100% 0%, color-mix(in srgb, var(--pc-accent) 5%, var(--pc-page-bg)) 0%, transparent 50%),
 radial-gradient(ellipse 70% 45% at 0% 100%, color-mix(in srgb, var(--pc-accent) 4%, var(--pc-page-bg)) 0%, transparent 48%);
}
html.public-layout-root .public-themed-card {
 background-color: var(--pc-card-bg);
 border-radius: 1.5rem;
 border: 1px solid color-mix(in srgb, var(--pc-accent) 14%, var(--pc-card-bg));
 box-shadow:
 0 1px 0 color-mix(in srgb, var(--pc-on-accent-text) 55%, var(--pc-card-bg)),
 0 28px 56px -28px color-mix(in srgb, var(--pc-accent) 22%, transparent),
 0 14px 32px -14px color-mix(in srgb, var(--pc-body-text) 9%, transparent);
}
html.public-layout-root .public-themed-topbar {
 background-color: color-mix(in srgb, var(--pc-topbar-bg) 82%, transparent);
 -webkit-backdrop-filter: blur(14px) saturate(1.05);
 backdrop-filter: blur(14px) saturate(1.05);
 border-bottom: 1px solid color-mix(in srgb, var(--pc-accent) 10%, transparent);
 box-shadow: 0 12px 32px -20px color-mix(in srgb, var(--pc-accent) 15%, transparent);
}
/* Hub landing: keep logo readable without dominating the viewport. */
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-themed-accent {
 background-color: var(--pc-accent);
 color: var(--pc-on-accent-text);
 box-shadow: 0 2px 14px -4px color-mix(in srgb, var(--pc-accent) 45%, transparent);
 transition:
 background-color 0.22s ease,
 box-shadow 0.22s ease,
 transform 0.22s ease;
}
html.public-layout-root .public-themed-accent:hover:not(:disabled) {
 background-color: var(--pc-accent-hover);
 box-shadow: 0 6px 22px -6px color-mix(in srgb, var(--pc-accent) 40%, transparent);
 transform: translateY(-1px);
}
/* Unlayered theme CSS loads before Tailwind @layer utilities, so disabled:* classes do not win. */
html.public-layout-root .public-themed-accent:disabled {
 background-color: #e4e4e7;
 color: #737373;
 box-shadow: none;
 transform: none;
 cursor: not-allowed;
}
html.public-layout-root .public-themed-accent-bg {
 background-color: var(--pc-accent);
 transition: background-color 0.22s ease;
}
html.public-layout-root .public-themed-step-done {
 background-color: color-mix(in srgb, var(--pc-accent) 72%, var(--pc-on-accent-text));
 color: color-mix(in srgb, var(--pc-on-accent-text) 95%, transparent);
 box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--pc-accent) 22%, 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 1.5px color-mix(in srgb, var(--pc-accent) 32%, transparent);
}
html.public-layout-root .public-themed-link {
 color: var(--pc-accent);
 text-underline-offset: 0.25em;
 text-decoration-thickness: 1px;
}
html.public-layout-root .public-themed-accent-text {
 color: var(--pc-accent);
}
html.public-layout-root .public-themed-input-focus:focus {
 border-color: color-mix(in srgb, var(--pc-accent) 55%, transparent);
 outline: 1px solid color-mix(in srgb, var(--pc-accent) 28%, transparent);
 outline-offset: 1px;
 box-shadow: 0 0 0 3px color-mix(in srgb, var(--pc-accent) 12%, transparent);
}
/* Public menu — welcome popup (themed, no inner scroll) */
html.public-layout-root .public-menu-opening-popup-backdrop {
 background-color: color-mix(in srgb, var(--pc-body-text) 58%, transparent);
 -webkit-backdrop-filter: blur(6px);
 backdrop-filter: blur(6px);
}
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));
}
/* Menu category bands — warm wash of wall terracotta */
html.public-layout-root .public-menu-subsection-band {
 background-color: color-mix(in srgb, var(--pc-accent) 10%, var(--pc-card-bg));
 color: var(--pc-body-text, #2a1814);
 transition: background-color 0.2s ease;
}
html.public-layout-root .public-menu-subsection-band:hover {
 background-color: color-mix(in srgb, var(--pc-accent) 16%, var(--pc-card-bg));
}
html.public-layout-root .public-menu-subsection-band.public-menu-subsection-band--open {
 background-color: color-mix(in srgb, var(--pc-accent) 22%, var(--pc-card-bg));
}
html.public-layout-root .public-menu-subsection-band__chevron {
 color: color-mix(in srgb, var(--pc-accent) 70%, var(--pc-body-text));
}
html.public-layout-root .public-menu-subsection-band__label {
 color: inherit;
}
@supports not (background-color: color-mix(in srgb, red 50%, blue)) {
 html.public-layout-root body > div.min-h-screen,
 html.public-layout-root body > div.min-h-dvh {
 background-image: radial-gradient(
 ellipse 120% 80% at 50% -20%,
 rgba(var(--pc-on-accent-r), var(--pc-on-accent-g), var(--pc-on-accent-b), 0.35),
 transparent
 );
 }
 html.public-layout-root .public-themed-topbar {
 background-color: var(--pc-topbar-bg);
 border-bottom: 1px solid rgba(var(--pc-body-text-r), var(--pc-body-text-g), var(--pc-body-text-b), 0.06);
 box-shadow: 0 8px 24px -16px rgba(var(--pc-body-text-r), var(--pc-body-text-g), var(--pc-body-text-b), 0.12);
 }
 html.public-layout-root .public-themed-step-done {
 background-color: var(--pc-accent);
 color: var(--pc-on-accent-text);
 box-shadow: 0 0 0 1px rgba(var(--pc-body-text-r), var(--pc-body-text-g), var(--pc-body-text-b), 0.1);
 }
 html.public-layout-root .public-themed-page {
 background-image: radial-gradient(
 ellipse 120% 80% at 50% -20%,
 rgba(var(--pc-on-accent-r), var(--pc-on-accent-g), var(--pc-on-accent-b), 0.4),
 transparent
 );
 }
 html.public-layout-root .public-themed-card {
 border: 1px solid rgba(var(--pc-body-text-r), var(--pc-body-text-g), var(--pc-body-text-b), 0.08);
 box-shadow: 0 24px 48px -24px rgba(var(--pc-body-text-r), var(--pc-body-text-g), var(--pc-body-text-b), 0.14);
 }
 html.public-layout-root .public-menu-opening-popup-backdrop {
 background-color: rgba(var(--pc-body-text-r), var(--pc-body-text-g), var(--pc-body-text-b), 0.58);
 }
}