/**
 * Content pages inside client app-v8 iframes (food hub, shops hub, preview-restaurant).
 * Requires app_shell_theme_v1.css on the same document.
 */
@import url('/static/css/app_shell_content_iframe_fit_v1.css?v=20260708_webview_visual_v1');
html[data-theme="green"],
html[data-theme="red"],
html[data-theme="blue"],
html[data-theme="purple"],
html[data-theme="orange"],
html[data-theme="teal"] {
    --v3-primary: var(--color-primary);
    --v3-primary-light: var(--color-primary-light);
    --v3-page: var(--color-page);
    --v3-border: var(--color-border);
    --v3-surface-soft: var(--color-surface-soft);
    --v3-neutral: var(--color-neutral);
    --v3-muted: var(--color-muted);
}

html[data-theme]:not([data-theme="burgundy"]) .text-brand {
    color: var(--color-primary) !important;
}
html[data-theme]:not([data-theme="burgundy"]) .bg-brand {
    background-color: var(--color-primary) !important;
}
html[data-theme]:not([data-theme="burgundy"]) .border-brand {
    border-color: color-mix(in srgb, var(--color-primary) 35%, white) !important;
}

html[data-theme]:not([data-theme="burgundy"]) [class*="text-[#CC5553]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="text-[#cc5553]"] {
    color: var(--color-primary) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="bg-[#CC5553]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="bg-[#cc5553]"] {
    background-color: var(--color-primary) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="border-[#CC5553]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="border-[#cc5553]"] {
    border-color: color-mix(in srgb, var(--color-primary) 28%, white) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="bg-[#fff7f7]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="bg-[#FFF7F7]"] {
    background-color: var(--color-soft-bg) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="border-red-100"],
html[data-theme]:not([data-theme="burgundy"]) [class*="border-red-200"] {
    border-color: color-mix(in srgb, var(--color-primary) 18%, white) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="shadow-red"] {
    --tw-shadow-color: color-mix(in srgb, var(--color-primary) 22%, transparent);
}

html.shell-content[data-theme]:not([data-theme="burgundy"]) body,
html.shell-content[data-theme]:not([data-theme="burgundy"]) #food-hub-device-frame,
html.shell-content[data-theme]:not([data-theme="burgundy"]) #restaurant-device-frame {
    background: var(--color-page) !important;
}

html[data-theme]:not([data-theme="burgundy"]) .cat-chip.active .cat-icon,
html[data-theme]:not([data-theme="burgundy"]) .filter-btn.active {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #fff !important;
}
html[data-theme]:not([data-theme="burgundy"]) .cat-chip.active span {
    color: var(--color-primary) !important;
}

/* Цены в меню, корзине и модалке товара */
html[data-theme]:not([data-theme="burgundy"]) .js-food-card-price,
html[data-theme]:not([data-theme="burgundy"]) .product-card .font-bold.text-xs.v3-text,
html[data-theme]:not([data-theme="burgundy"]) #dock-payable-total,
html[data-theme]:not([data-theme="burgundy"]) #gift-payable-summary,
html[data-theme]:not([data-theme="burgundy"]) .pm-price-pill,
html[data-theme]:not([data-theme="burgundy"]) .v3-primary {
    color: var(--color-primary) !important;
}

html[data-theme]:not([data-theme="burgundy"]) #preview-modal-portal #product-modal {
    --pm-primary: var(--color-primary);
    --pm-primary-light: var(--color-primary-light);
    --pm-primary-bright: var(--color-primary-light);
    --pm-primary-dark: color-mix(in srgb, var(--color-primary) 82%, #000000);
    --pm-shadow-btn: 0 6px 20px color-mix(in srgb, var(--color-primary) 38%, transparent),
        0 2px 8px color-mix(in srgb, var(--color-primary) 15%, transparent);
}

html[data-theme]:not([data-theme="burgundy"]) [class*="text-[#E35D5B]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="text-[#e35d5b]"] {
    color: var(--color-primary) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="bg-[#E35D5B]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="bg-[#e35d5b]"] {
    background-color: var(--color-primary) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="border-[#E35D5B]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="border-[#e35d5b]"] {
    border-color: color-mix(in srgb, var(--color-primary) 28%, white) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="accent-[#E35D5B]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="accent-[#e35d5b]"] {
    accent-color: var(--color-primary) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="focus:border-[#E35D5B]"]:focus {
    border-color: var(--color-primary) !important;
}

html[data-theme]:not([data-theme="burgundy"]) [class*="text-[#FFF1F1]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="bg-[#FFF1F1]"],
html[data-theme]:not([data-theme="burgundy"]) [class*="bg-[#FFF5F5]"] {
    background-color: var(--color-soft-bg) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="border-[#FFD6D6]"] {
    border-color: color-mix(in srgb, var(--color-primary) 22%, white) !important;
}
html[data-theme]:not([data-theme="burgundy"]) [class*="bg-red-50"]:not(#reviews-form-error) {
    background-color: var(--color-soft-bg) !important;
}