/**
 * Guest marketing color enforcement
 * Unifies Tailwind utilities, inline styles, and legacy hex across public pages.
 * Load after guest-design-tokens.css and token-enforcement.css.
 */

.guest-marketing-canvas,
.guest-public-shell,
.lb-page,
.lb-sales,
.lb-auth-page {
    --te-surface: var(--lb-cream, var(--theme-surface-bg, #fffefb));
    --te-surface-soft: var(--lb-paper, var(--theme-body-bg, #f7faf6));
    --te-surface-card: var(--lb-cream, #fffefb);
    --te-border: var(--lb-line, var(--theme-border-color, #e8e5dc));
    --te-text: var(--lb-ink, var(--theme-header-text-color, #15201b));
    --te-muted: var(--lb-muted, var(--theme-muted-text-color, #63736b));
    --te-accent: var(--lb-green, var(--theme-accent, #0f766e));
    --te-lime: var(--lb-lime, #b8da16);
    --te-lime-ink: var(--lb-lime-ink, #506807);
    --te-success: var(--theme-success-color, #22c55e);
    --te-success-soft: var(--lb-success-soft, #dcfce7);
    --te-success-ink: var(--lb-success-ink, #047857);
}

.guest-marketing-canvas,
.guest-public-shell {
    color: var(--te-text);
    background:
        radial-gradient(circle at 78% 9%, color-mix(in srgb, var(--te-lime) 28%, transparent), transparent 26rem),
        radial-gradient(circle at 7% 18%, color-mix(in srgb, var(--te-accent) 13%, transparent), transparent 24rem),
        var(--te-surface-soft);
}

.guest-marketing-canvas .bg-white,
.guest-public-shell .bg-white,
.lb-page .bg-white,
.lb-sales .bg-white,
.guest-marketing-canvas [class*="bg-white/"],
.guest-public-shell [class*="bg-white/"],
.lb-page [class*="bg-white/"],
.lb-sales [class*="bg-white/"] {
    background-color: color-mix(in srgb, var(--te-surface-card) 96%, transparent) !important;
}

.guest-marketing-canvas .bg-slate-50,
.guest-public-shell .bg-slate-50,
.lb-page .bg-slate-50,
.lb-sales .bg-slate-50,
.guest-marketing-canvas .bg-neutral-50,
.guest-public-shell .bg-neutral-50,
.lb-page .bg-neutral-50 {
    background-color: var(--te-surface-soft) !important;
}

.guest-marketing-canvas .bg-slate-100,
.guest-public-shell .bg-slate-100,
.guest-marketing-canvas .bg-neutral-100,
.guest-public-shell .bg-neutral-100 {
    background-color: color-mix(in srgb, var(--te-surface-soft) 88%, var(--te-border) 12%) !important;
}

.guest-marketing-canvas .text-slate-950,
.guest-marketing-canvas .text-slate-900,
.guest-marketing-canvas .text-gray-900,
.guest-public-shell .text-slate-950,
.guest-public-shell .text-slate-900,
.lb-page .text-slate-950,
.lb-page .text-slate-900,
.lb-sales .text-slate-950 {
    color: var(--te-text) !important;
}

.guest-marketing-canvas .text-slate-700,
.guest-marketing-canvas .text-slate-600,
.guest-marketing-canvas .text-slate-500,
.guest-marketing-canvas .text-gray-600,
.guest-marketing-canvas .text-neutral-600,
.guest-public-shell .text-slate-600,
.guest-public-shell .text-neutral-600,
.lb-page .text-slate-600 {
    color: var(--te-muted) !important;
}

.guest-marketing-canvas .text-teal-700,
.guest-marketing-canvas .text-teal-600,
.lb-page .text-teal-700 {
    color: var(--te-accent) !important;
}

.guest-marketing-canvas [class*="border-slate-"]:not(.lb-ui-checkbox__box),
.guest-public-shell [class*="border-slate-"]:not(.lb-ui-checkbox__box),
.guest-marketing-canvas [class*="border-neutral-"]:not(.lb-ui-checkbox__box),
.guest-public-shell [class*="border-neutral-"]:not(.lb-ui-checkbox__box),
.lb-page [class*="border-slate-"]:not(.lb-ui-checkbox__box) {
    border-color: color-mix(in srgb, var(--te-border) 82%, transparent) !important;
}

.guest-marketing-canvas [style*="#fffefb"],
.guest-public-shell [style*="#fffefb"],
.lb-sales [style*="#fffefb"] {
    background-color: var(--te-surface-card) !important;
}

.guest-marketing-canvas [style*="#fbfaf5"],
.guest-public-shell [style*="#fbfaf5"],
.guest-marketing-canvas [style*="#f7faf6"],
.guest-public-shell [style*="#f7faf6"] {
    background-color: var(--te-surface-soft) !important;
}

.guest-marketing-canvas [style*="#e8e5dc"],
.guest-public-shell [style*="#e8e5dc"],
.guest-marketing-canvas [style*="#dfe9df"],
.guest-public-shell [style*="#dfe9df"] {
    border-color: var(--te-border) !important;
}

.guest-marketing-canvas [style*="#242320"],
.guest-public-shell [style*="#242320"],
.guest-marketing-canvas [style*="#15201b"],
.guest-public-shell [style*="#15201b"] {
    color: var(--te-text) !important;
}

.guest-marketing-canvas [style*="background:#0f766e"],
.guest-public-shell [style*="background:#0f766e"],
.guest-marketing-canvas [style*="background: #0f766e"],
.guest-public-shell [style*="background: #0f766e"] {
    background-color: var(--te-accent) !important;
}

.guest-marketing-canvas [style*="#506807"],
.guest-public-shell [style*="#506807"],
.guest-marketing-canvas [style*="#5f7f07"],
.guest-public-shell [style*="#5f7f07"] {
    color: var(--te-lime-ink) !important;
}

.guest-marketing-canvas [style*="#dcfce7"],
.guest-public-shell [style*="#dcfce7"] {
    background-color: var(--te-success-soft) !important;
}

.guest-marketing-canvas [style*="#047857"],
.guest-public-shell [style*="#047857"] {
    color: var(--te-success-ink) !important;
}

.lb-badge-success,
.guest-marketing-canvas .lb-badge--success {
    border: 1px solid color-mix(in srgb, var(--te-success-ink) 18%, transparent);
    background: var(--te-success-soft);
    color: var(--te-success-ink);
}

.lb-icon-well,
.guest-marketing-canvas .lb-icon-chip {
    background: color-mix(in srgb, var(--te-lime) 9%, var(--te-surface-card)) !important;
    color: var(--te-lime-ink) !important;
}

.lb-header::before {
    background: var(--lb-glass-scrim) !important;
    border-bottom-color: var(--lb-glass-border) !important;
}

.lb-header__shell {
    border-color: var(--lb-border-warm) !important;
    background: var(--lb-glass-bg) !important;
    box-shadow: var(--lb-shadow-header) !important;
}

.lb-header__shell.is-scrolled {
    background: var(--lb-glass-bg-strong) !important;
    box-shadow: var(--lb-shadow-header-scrolled) !important;
}

.lb-header__nav {
    border-color: color-mix(in srgb, var(--lb-border-warm) 92%, white) !important;
    background: var(--lb-glass-nav) !important;
}

.lb-header__link {
    color: var(--te-muted) !important;
}

.lb-header__link:hover {
    background: color-mix(in srgb, var(--te-surface-card) 92%, transparent) !important;
    color: var(--te-text) !important;
}

.lb-header__link.is-active {
    background: var(--te-surface-card) !important;
    color: var(--te-text) !important;
    box-shadow: var(--lb-shadow-xs);
}

.lb-header__menu-btn,
.lb-header__lang-btn {
    border-color: var(--lb-border-warm) !important;
    background: var(--te-surface-card) !important;
}

.lb-glass-panel {
    border: 1px solid var(--te-border);
    background: var(--lb-glass-bg);
    box-shadow: var(--lb-shadow-card);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.guest-mobile-bottom-nav {
    border-color: var(--lb-border-warm) !important;
    background: color-mix(in srgb, var(--te-surface-card) 92%, transparent) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.guest-marketing-canvas [style*="#bbf7d0"] {
    color: color-mix(in srgb, var(--te-success) 55%, white) !important;
}

.lb-header.is-scrolled .lb-header__shell {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}