/* Frame Car public site theme. Brand logos keep their original colors. */
html.theme-dark {
    color-scheme: dark;
    --fc-bg: #0b1220;
    --fc-bg-raised: #10192c;
    --fc-card: #162033;
    --fc-card-2: #1c2942;
    --fc-line: #2c3b58;
    --fc-line-strong: #3a4d6e;
    --fc-text: #f5f7fb;
    --fc-muted: #b7c3d6;
    --fc-faint: #8ea0bb;
    --fc-orange: #f37023;
}

.brand-logo-card,
.brand-card-3d.brand-logo-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}
.brand-logo-card .brand-mark,
.brand-logo-card .brand-mark svg,
.brand-logo-card .brand-mark svg * {
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    background: transparent !important;
}
.brand-logo-card .brand-name {
    color: #1f2937;
}
.brand-logo-card:hover {
    background: #ffffff !important;
    border-color: #d1d5db !important;
}
.brand-logo-card.is-selected,
.brand-logo-card.is-selected:hover {
    background: #ffffff !important;
    border-color: #f37023 !important;
    box-shadow: 0 0 0 2px #f37023, 0 8px 16px rgba(243, 112, 35, 0.28) !important;
}
.theme-toggle {
    color: #f37023;
}

html.theme-dark body {
    background: var(--fc-bg);
    color: var(--fc-text);
}
html.theme-dark header.sticky,
html.theme-dark #mobileMenu {
    background: var(--fc-bg-raised);
}
html.theme-dark .top-info-bar {
    background: #09101c;
}
html.theme-dark .hero-bg {
    background: linear-gradient(160deg, #121c33 0%, #0b1220 100%);
}
html.theme-dark .glass-card {
    background: var(--fc-card);
    color: var(--fc-text);
    border-color: var(--fc-line) !important;
    backdrop-filter: none;
}
html.theme-dark footer.bg-slate-900 {
    background: #070d18;
}
html.theme-dark .bg-white { background-color: var(--fc-card) !important; }
html.theme-dark .bg-slate-50 { background-color: var(--fc-bg-raised) !important; }
html.theme-dark .bg-slate-100 { background-color: var(--fc-card-2) !important; }
html.theme-dark .bg-slate-200 { background-color: #243352 !important; }
html.theme-dark .bg-emerald-50,
html.theme-dark .bg-green-50,
html.theme-dark .bg-green-100 { background-color: #143028 !important; }
html.theme-dark .bg-amber-50,
html.theme-dark .bg-amber-100,
html.theme-dark .bg-orange-100 { background-color: #3a2a14 !important; }
html.theme-dark .bg-blue-100 { background-color: #16283f !important; }
html.theme-dark .bg-rose-50 { background-color: #3a1820 !important; }
html.theme-dark .border-slate-100,
html.theme-dark .border-slate-200 { border-color: var(--fc-line) !important; }
html.theme-dark .border-slate-300,
html.theme-dark .border-slate-800 { border-color: var(--fc-line-strong) !important; }
html.theme-dark .border-emerald-100,
html.theme-dark .border-emerald-200,
html.theme-dark .border-green-200 { border-color: #2f6b4f !important; }
html.theme-dark .border-amber-200 { border-color: #7a5a28 !important; }
html.theme-dark .border-blue-200 { border-color: #2d5278 !important; }
html.theme-dark .text-slate-900,
html.theme-dark .text-slate-800,
html.theme-dark .text-slate-700 { color: var(--fc-text) !important; }
html.theme-dark .text-slate-600,
html.theme-dark .text-slate-500 { color: var(--fc-muted) !important; }
html.theme-dark .text-slate-400,
html.theme-dark .text-slate-300 { color: var(--fc-faint) !important; }
html.theme-dark .text-brandGreen,
html.theme-dark .text-emerald-800,
html.theme-dark .text-emerald-900,
html.theme-dark .text-green-800,
html.theme-dark .text-green-700,
html.theme-dark .text-emerald-600 { color: #c9f5dc !important; }
html.theme-dark .text-amber-800,
html.theme-dark .text-amber-900,
html.theme-dark .text-amber-950,
html.theme-dark .text-amber-700,
html.theme-dark .text-amber-600 { color: #ffe3b0 !important; }
html.theme-dark .border-amber-300 { border-color: #c4924a !important; }
html.theme-dark #recognitionPanel {
    color: #ffe7c2;
}
html.theme-dark #recognitionBanner {
    color: #ffe7c2 !important;
}
html.theme-dark .text-blue-800 { color: #d6e8ff !important; }
html.theme-dark .text-rose-600,
html.theme-dark .text-rose-700,
html.theme-dark .text-rose-800 { color: #ffc1cb !important; }
html.theme-dark .hover\:bg-slate-100:hover,
html.theme-dark .hover\:bg-slate-200:hover,
html.theme-dark .hover\:bg-white:hover { background-color: #243352 !important; }
html.theme-dark .hover\:bg-emerald-50:hover,
html.theme-dark .focus\:bg-emerald-50:focus,
html.theme-dark .hover\:bg-green-100:hover { background-color: #1d3a2c !important; }
html.theme-dark .hover\:text-brandGreen:hover { color: var(--fc-orange) !important; }
html.theme-dark .btn-3d-circle:not(.btn-3d-phone):not(.btn-3d-whatsapp) {
    background: linear-gradient(145deg, #243352, #162033);
    color: var(--fc-orange);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.35);
}
html.theme-dark input,
html.theme-dark textarea,
html.theme-dark select {
    background-color: #10182a;
    color: var(--fc-text);
    border-color: var(--fc-line-strong);
}
html.theme-dark input::placeholder,
html.theme-dark textarea::placeholder { color: var(--fc-faint); }
html.theme-dark .fc-all-results,
html.theme-dark .fc-product-option,
html.theme-dark .fc-model-option,
html.theme-dark .fc-place-choice,
html.theme-dark .fc-thumb {
    background: var(--fc-card);
    color: var(--fc-text);
    border-color: var(--fc-line);
}
html.theme-dark .fc-all-results small,
html.theme-dark .fc-model-option span,
html.theme-dark .fc-thumb,
html.theme-dark .fc-place-empty { color: var(--fc-muted); }
html.theme-dark .fc-model-option b,
html.theme-dark .fc-place-choice { color: var(--fc-text); }
html.theme-dark .fc-model-option:hover,
html.theme-dark .fc-product-option[aria-pressed="true"],
html.theme-dark .fc-thumb[aria-pressed="true"] {
    background: #243044;
    border-color: var(--fc-orange);
    color: var(--fc-text);
}
html.theme-dark .fc-place-choice[aria-pressed="true"] {
    background: var(--fc-orange);
    border-color: var(--fc-orange);
    color: #fff;
}
html.theme-dark .fc-image-stage,
html.theme-dark .fc-lightbox-stage {
    background: #10192c;
    border-color: var(--fc-line);
}
html.theme-dark .fc-image-rights {
    background: #143028;
    color: #c9f5dc;
}
html.theme-dark .fc-switch { background: #31425f; }
html.theme-dark .fc-all-results[aria-checked="true"] .fc-switch { background: var(--fc-orange); }
html.theme-dark #catalogLightboxClose {
    background: #ffffff !important;
    color: #0f172a !important;
}

html.theme-dark .brand-logo-card,
html.theme-dark .brand-logo-card.bg-white,
html.theme-dark .brand-logo-card.bg-emerald-50,
html.theme-dark .brand-logo-card.text-slate-700,
html.theme-dark .brand-logo-card .brand-name {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border-color: #e5e7eb !important;
}
html.theme-dark .brand-logo-card.is-selected,
html.theme-dark .brand-logo-card.is-selected:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #f37023 !important;
    box-shadow: 0 0 0 2px #f37023, 0 8px 16px rgba(243, 112, 35, 0.28) !important;
}
html.theme-dark .brand-logo-card .brand-mark svg,
html.theme-dark .brand-logo-card .brand-mark svg * {
    filter: none !important;
    opacity: 1 !important;
}

@media (max-width: 1023px) {
    .header-theme {
        display: inline-flex !important;
        width: 40px !important;
        height: 40px !important;
        flex: 0 0 auto;
    }
}
