/*
 * ChicagoDesi mobile theme tokens.
 *
 * This file is loaded after the existing mobile styles so semantic tokens can
 * control legacy variables without forcing a risky all-at-once color rewrite.
 */

:root {
    /* Brand */
    --cd-primary: #ff5e00;
    --cd-secondary: #ffd700;
    --cd-cta: #ffb000;
    --cd-primary-soft: #ff7a1a;
    --cd-primary-deep: #e65000;
    --cd-chicago-blue: #0a3f86;

    /* Text */
    --cd-white: #ffffff;
    --cd-black: #1d1d1f;
    --cd-black-rgb: 29, 29, 31;
    --cd-text-main-light: var(--cd-black);
    --cd-text-muted-light: rgba(var(--cd-black-rgb), 0.68);
    --cd-text-soft-light: rgba(var(--cd-black-rgb), 0.48);
    --cd-text-main: #ffffff;
    --cd-text-muted: rgba(255, 255, 255, 0.66);
    --cd-text-soft: rgba(255, 255, 255, 0.48);
    --cd-text-on-accent: var(--cd-black);

    /* Surfaces */
    --cd-app-bg: #050505;
    --cd-card-bg: rgba(255, 255, 255, 0.055);
    --cd-card-bg-elevated: rgba(255, 255, 255, 0.075);
    --cd-control-bg: rgba(15, 15, 18, 0.82);
    --cd-border: rgba(255, 255, 255, 0.13);
    --cd-bottom-nav-bg: rgba(5, 5, 5, 0.92);

    /* Effects */
    --cd-accent-gradient: linear-gradient(
        135deg,
        var(--cd-secondary) 0%,
        var(--cd-cta) 42%,
        var(--cd-primary) 100%
    );
    --cd-theme-solid: var(--cd-primary);
    --cd-theme-wash: color-mix(in srgb, var(--cd-primary) 14%, #ffffff);
    --cd-theme-ink-on-solid: #ffffff;
    --cd-theme-ink-on-wash: var(--cd-primary);
    --cd-accent-readable: var(--cd-primary-deep);
    --cd-nav-icon-bg: #101012;
    --cd-surface-gradient: linear-gradient(180deg, var(--cd-card-bg-elevated) 0%, var(--cd-card-bg) 100%);
    --cd-inner-bg: rgba(255, 255, 255, 0.055);
    --cd-nav-bg: var(--cd-bottom-nav-bg);
    --cd-hero-glow: rgba(255, 94, 0, 0.14);
    --cd-shadow: rgba(0, 0, 0, 0.34);
    --cd-soft-glow: 0 10px 30px rgba(255, 94, 0, 0.12);

    /* Status */
    --cd-status-success: #34c759;
    --cd-status-open: #4ade80;
    --cd-status-warning: #facc15;
    --cd-status-danger: #f87171;
    --cd-status-closed: #ff453a;
    --cd-status-today: #ff3b30;
    --cd-status-neutral: #8e8e93;

    /* Mobile modal/control internals */
    --cd-modal-panel-bg: rgba(20, 20, 25, 0.5);
    --cd-modal-message-bg: rgba(20, 20, 25, 0.8);
    --cd-modal-text: #ffffff;
    --cd-modal-muted: rgba(255, 255, 255, 0.73);
    --cd-modal-soft: rgba(255, 255, 255, 0.6);
    --cd-close-control-bg: rgba(255, 255, 255, 0.1);
    --cd-field-bg: rgba(255, 255, 255, 0.08);
    --cd-field-border: rgba(255, 255, 255, 0.12);
    --cd-icon-muted: rgba(255, 255, 255, 0.4);
    --cd-schedule-row-bg: rgba(142, 142, 147, 0.05);
    --cd-schedule-divider: rgba(142, 142, 147, 0.1);

    /* Category accents */
    --cd-cat-event-1: #3bcfd4;
    --cd-cat-event-2: #fc9305;
    --cd-cat-event-3: #f20094;
    --cd-cat-shopping-1: #ede342;
    --cd-cat-shopping-2: #ff51eb;
    --cd-cat-shopping-3: var(--cd-cat-shopping-2);
    --cd-cat-learning-1: #ffce06;
    --cd-cat-learning-2: #6c960d;
    --cd-cat-learning-3: var(--cd-cat-learning-2);
    --cd-cat-service-1: #00c6ff;
    --cd-cat-service-2: #0072ff;
    --cd-cat-service-3: var(--cd-cat-service-2);
    --cd-cat-realestate-1: #f093fb;
    --cd-cat-realestate-2: #f5576c;
    --cd-cat-realestate-3: var(--cd-cat-realestate-2);
    --cd-cat-restaurant-1: #2a8d08;
    --cd-cat-restaurant-2: #f2e713;
    --cd-cat-restaurant-3: #f71e06;
    --cd-cat-grocery-1: #00f260;
    --cd-cat-grocery-2: #0575e6;
    --cd-cat-grocery-3: var(--cd-cat-grocery-2);
    --cd-cat-temple-1: #e62314;
    --cd-cat-temple-2: #f19e18;
    --cd-cat-temple-3: var(--cd-cat-temple-2);
    --cd-cat-organization-1: #58efec;
    --cd-cat-organization-2: #e85c90;
    --cd-cat-organization-3: #fcc9ba;
    --cd-cat-owners-1: var(--cd-primary);
    --cd-cat-owners-2: var(--cd-secondary);
    --cd-cat-owners-3: var(--cd-cta);
    --cd-cat-classifieds-1: #ff8a00;
    --cd-cat-classifieds-2: #f23673;
    --cd-cat-classifieds-3: var(--cd-cat-classifieds-1);
    --cd-cat-cinema-1: #ff00cc;
    --cd-cat-cinema-2: #3333ff;
    --cd-cat-cinema-3: var(--cd-cat-cinema-1);

    /* Map pin accents */
    --cd-map-restaurant-dark: #ff3d00;
    --cd-map-restaurant-light: #ff6e40;
    --cd-map-shopping-dark: #d500f9;
    --cd-map-shopping-light: #aa00ff;
    --cd-map-grocery-dark: #00c853;
    --cd-map-grocery-light: #1b5e20;
    --cd-map-temple-dark: #ffab00;
    --cd-map-temple-light: #ff6d00;
    --cd-map-service-dark: #2962ff;
    --cd-map-service-light: #0091ea;
    --cd-map-organization-dark: #c51162;
    --cd-map-organization-light: #880e4f;
    --cd-map-learning-dark: #00b8d4;
    --cd-map-learning-light: #00838f;
    --cd-map-realestate-dark: #6200ea;
    --cd-map-realestate-light: #7c4dff;
    --cd-map-event-dark: #f50057;
    --cd-map-event-light: #c62828;
    --cd-map-cinema-dark: var(--cd-cat-cinema-1);
    --cd-map-cinema-light: var(--cd-cat-cinema-2);
    --cd-map-owners-dark: var(--cd-primary);
    --cd-map-owners-light: var(--cd-secondary);
    --cd-map-classifieds-dark: var(--cd-cat-classifieds-2);
    --cd-map-classifieds-light: var(--cd-cat-classifieds-1);
    --cd-map-default-dark: var(--cd-primary);
    --cd-map-default-light: var(--cd-primary-soft);
    --cd-map-pin-center: rgba(255, 255, 255, 0.94);
    --cd-map-spider-leg: rgba(29, 18, 46, 0.42);

    /* Movie language accents */
    --cd-lang-default-1: var(--cd-primary);
    --cd-lang-default-2: var(--cd-primary-deep);
    --cd-lang-hindi-1: #ff7a00;
    --cd-lang-hindi-2: #c83a00;
    --cd-lang-punjabi-1: #66b51f;
    --cd-lang-punjabi-2: #1f6b18;
    --cd-lang-telugu-1: #dc2626;
    --cd-lang-telugu-2: #7f1d1d;
    --cd-lang-tamil-1: #f32ba3;
    --cd-lang-tamil-2: #a91667;
    --cd-lang-malayalam-1: #3a46d8;
    --cd-lang-malayalam-2: #16165f;
    --cd-lang-gujarati-1: #28bfff;
    --cd-lang-gujarati-2: #0758b8;
    --cd-lang-haryanvi-1: #64748b;
    --cd-lang-haryanvi-2: #334155;
    --cd-lang-nepali-1: #0891b2;
    --cd-lang-nepali-2: #164e63;
    --cd-lang-bengali-1: #9333ea;
    --cd-lang-bengali-2: #581c87;
    --cd-lang-kannada-1: #ca8a04;
    --cd-lang-kannada-2: #713f12;
    --cd-lang-marathi-1: #18b98f;
    --cd-lang-marathi-2: #0a4c48;
    --cd-lang-urdu-1: #166534;
    --cd-lang-urdu-2: #052e16;

    /* Legacy mobile aliases */
    --primary-color: var(--cd-primary);
    --mobile-bg: var(--cd-app-bg);
    --mobile-card-bg: var(--cd-card-bg);
    --mobile-glass: rgba(15, 15, 18, 0.74);
    --mobile-border: var(--cd-border);
    --mobile-primary: var(--cd-primary);
    --mobile-active-tab: var(--cd-accent-gradient);
    --mobile-explore-btn: var(--cd-accent-gradient);
    --bg-mesh: var(--cd-app-bg);
    --text-white: var(--cd-text-main);
    --text-muted: var(--cd-text-muted);
    --modal-bg: var(--cd-app-bg);
    --modal-inner-bg: var(--cd-card-bg);
    --input-bg: rgba(255, 255, 255, 0.07);
    --input-border: rgba(255, 255, 255, 0.14);
    --input-text: var(--cd-text-main);

    /* Mobile detail-page aliases */
    --brand-gradient: var(--cd-accent-gradient);
    --glass-card: var(--cd-card-bg);
    --glass-border: var(--cd-border);
    --event-bg: var(--cd-app-bg);
    --event-text: var(--cd-text-main);
    --event-muted: var(--cd-text-muted);
    --event-accent: var(--cd-primary);
    --event-gradient-text: var(--cd-text-on-accent);
    --event-control-bg: color-mix(in srgb, var(--cd-primary) 8%, transparent);
    --event-control-border: color-mix(in srgb, var(--cd-primary) 22%, transparent);
    --movie-l3-bg: var(--cd-app-bg);
    --movie-l3-text: var(--cd-text-main);
    --movie-l3-muted: var(--cd-text-muted);
    --movie-l3-accent: var(--cd-primary);
    --movie-l3-control-bg: color-mix(in srgb, var(--cd-primary) 8%, transparent);
    --movie-l3-control-border: color-mix(in srgb, var(--cd-primary) 22%, transparent);
    --listing-l3-bg: var(--cd-app-bg);
    --listing-l3-text: var(--cd-text-main);
    --listing-l3-muted: var(--cd-text-muted);
    --listing-l3-card: var(--cd-card-bg);
    --listing-l3-border: var(--cd-border);
    --listing-l3-accent: var(--cd-primary);
    --listing-premium-secondary: var(--cd-secondary);
}

body[data-mode="dark"] {
    color-scheme: dark;
    --cd-app-bg: #050505;
    --cd-text-main: rgba(255, 255, 255, 0.94);
    --cd-text-muted: rgba(255, 255, 255, 0.66);
    --cd-text-soft: rgba(255, 255, 255, 0.48);
    --cd-card-bg: rgba(255, 255, 255, 0.055);
    --cd-card-bg-elevated: rgba(255, 255, 255, 0.075);
    --cd-control-bg: rgba(15, 15, 18, 0.82);
    --cd-border: rgba(255, 255, 255, 0.13);
    --cd-bottom-nav-bg: rgba(5, 5, 5, 0.92);
    --cd-surface-gradient: linear-gradient(180deg, var(--cd-card-bg-elevated) 0%, var(--cd-card-bg) 100%);
    --cd-inner-bg: var(--cd-card-bg);
    --cd-nav-bg: var(--cd-bottom-nav-bg);
    --cd-shadow: rgba(0, 0, 0, 0.34);

    --mobile-bg: var(--cd-app-bg);
    --mobile-card-bg: var(--cd-card-bg);
    --mobile-glass: rgba(15, 15, 18, 0.74);
    --mobile-border: var(--cd-border);
    --mobile-primary: var(--cd-primary);
    --mobile-active-tab: var(--cd-accent-gradient);
    --mobile-explore-btn: var(--cd-accent-gradient);
    --bg-mesh: var(--cd-app-bg);
    --text-white: var(--cd-text-main);
    --text-muted: var(--cd-text-muted);
    --modal-bg: var(--cd-app-bg);
    --modal-inner-bg: var(--cd-card-bg);
    --input-bg: rgba(255, 255, 255, 0.07);
    --input-border: rgba(255, 255, 255, 0.14);
    --input-text: var(--cd-text-main);
}

body[data-mode="light"],
body.light-mode {
    color-scheme: light;
    --cd-app-bg: #f8f7f4;
    --cd-text-main: var(--cd-text-main-light);
    --cd-text-muted: var(--cd-text-muted-light);
    --cd-text-soft: var(--cd-text-soft-light);
    --cd-card-bg: rgba(255, 255, 255, 0.88);
    --cd-card-bg-elevated: rgba(255, 255, 255, 0.96);
    --cd-control-bg: rgba(255, 255, 255, 0.9);
    --cd-border: rgba(27, 19, 0, 0.08);
    --cd-bottom-nav-bg: rgba(255, 255, 255, 0.94);
    --cd-surface-gradient: linear-gradient(180deg, var(--cd-card-bg-elevated) 0%, var(--cd-card-bg) 100%);
    --cd-inner-bg: rgba(var(--cd-black-rgb), 0.045);
    --cd-nav-bg: var(--cd-bottom-nav-bg);
    --cd-shadow: rgba(15, 23, 42, 0.12);

    --mobile-bg: var(--cd-app-bg);
    --mobile-card-bg: var(--cd-card-bg);
    --mobile-glass: rgba(255, 255, 255, 0.76);
    --mobile-border: var(--cd-border);
    --mobile-primary: var(--cd-primary);
    --mobile-active-tab: var(--cd-accent-gradient);
    --mobile-explore-btn: var(--cd-accent-gradient);
    --bg-mesh: var(--cd-app-bg);
    --text-white: var(--cd-text-main);
    --text-muted: var(--cd-text-muted);
    --modal-bg: var(--cd-app-bg);
    --modal-inner-bg: var(--cd-card-bg);
    --input-bg: var(--cd-control-bg);
    --input-border: rgba(var(--cd-black-rgb), 0.1);
    --input-text: var(--cd-text-main);
}

body[data-cd-theme="sunset"] {
    --cd-primary: #ff5e00;
    --cd-secondary: #ffd700;
    --cd-cta: #ffb000;
    --cd-primary-soft: #ff7a1a;
    --cd-primary-deep: #e65000;
    --cd-text-on-accent: var(--cd-black);
    --cd-accent-gradient: linear-gradient(135deg, #ffd700 0%, #ffb000 42%, #ff5e00 100%);
    --cd-theme-solid: #ff6a00;
    --cd-theme-wash: #ffead2;
    --cd-theme-ink-on-solid: #ffffff;
    --cd-theme-ink-on-wash: #a83a00;
    --cd-accent-readable: #a83a00;
    --cd-nav-icon-bg: #401904;
    --cd-hero-glow: rgba(255, 94, 0, 0.14);
    --cd-soft-glow: 0 10px 30px rgba(255, 94, 0, 0.14);
}

body[data-cd-theme="aqua"] {
    --cd-primary: #3a46d8;
    --cd-secondary: #38bdf8;
    --cd-cta: #2563eb;
    --cd-primary-soft: #7dd3fc;
    --cd-primary-deep: #24318f;
    --cd-text-on-accent: #ffffff;
    --cd-accent-gradient: linear-gradient(135deg, #38bdf8 0%, #3a46d8 52%, #24318f 100%);
    --cd-theme-solid: #3a46d8;
    --cd-theme-wash: #dbeafe;
    --cd-theme-ink-on-solid: #ffffff;
    --cd-theme-ink-on-wash: #2563eb;
    --cd-accent-readable: #24318f;
    --cd-nav-icon-bg: #071326;
    --cd-hero-glow: rgba(56, 189, 248, 0.16);
    --cd-soft-glow: 0 10px 30px rgba(56, 189, 248, 0.16);
}

body[data-cd-theme="rose"] {
    --cd-primary: #f32ba3;
    --cd-secondary: #ff8bd6;
    --cd-cta: #d61f89;
    --cd-primary-soft: #ff5fbe;
    --cd-primary-deep: #a91667;
    --cd-text-on-accent: #ffffff;
    --cd-accent-gradient: linear-gradient(135deg, #ff8bd6 0%, #f32ba3 45%, #a91667 100%);
    --cd-theme-solid: #f32ba3;
    --cd-theme-wash: #fce7f3;
    --cd-theme-ink-on-solid: #ffffff;
    --cd-theme-ink-on-wash: #db2777;
    --cd-accent-readable: #a91667;
    --cd-nav-icon-bg: #2a071a;
    --cd-hero-glow: rgba(243, 43, 163, 0.14);
    --cd-soft-glow: 0 10px 30px rgba(243, 43, 163, 0.16);
}

body[data-cd-theme="bollywood"] {
    --cd-primary: #e11d48;
    --cd-secondary: #f59e0b;
    --cd-cta: #fb7185;
    --cd-primary-soft: #f43f5e;
    --cd-primary-deep: #be123c;
    --cd-text-on-accent: var(--cd-black);
    --cd-accent-gradient: linear-gradient(135deg, #f59e0b 0%, #fb7185 45%, #e11d48 100%);
    --cd-theme-solid: #ef3f48;
    --cd-theme-wash: #ffe1e4;
    --cd-theme-ink-on-solid: #ffffff;
    --cd-theme-ink-on-wash: #dc2626;
    --cd-accent-readable: #be123c;
    --cd-nav-icon-bg: #2f070e;
    --cd-hero-glow: rgba(225, 29, 72, 0.14);
    --cd-soft-glow: 0 10px 30px rgba(225, 29, 72, 0.16);
}

body[data-cd-theme="fresh"] {
    --cd-primary: #66b51f;
    --cd-secondary: #a3e635;
    --cd-cta: #1f6b18;
    --cd-primary-soft: #84cc16;
    --cd-primary-deep: #1f6b18;
    --cd-text-on-accent: #ffffff;
    --cd-accent-gradient: linear-gradient(135deg, #a3e635 0%, #66b51f 45%, #1f6b18 100%);
    --cd-theme-solid: #66b51f;
    --cd-theme-wash: #ecfccb;
    --cd-theme-ink-on-solid: #ffffff;
    --cd-theme-ink-on-wash: #3f7f17;
    --cd-accent-readable: #1f6b18;
    --cd-nav-icon-bg: #071c0a;
    --cd-hero-glow: rgba(102, 181, 31, 0.14);
    --cd-soft-glow: 0 10px 30px rgba(102, 181, 31, 0.14);
}

body[data-mode],
body.movie-l3-body[data-mode],
body.event-l3-body[data-mode],
body.listing-l3-body[data-mode] {
    --primary-color: var(--cd-primary);
    --mobile-primary: var(--cd-primary);
    --mobile-active-tab: var(--cd-accent-gradient);
    --mobile-explore-btn: var(--cd-accent-gradient);
    --text-white: var(--cd-text-main);
    --text-muted: var(--cd-text-muted);
    --input-text: var(--cd-text-main);
    --brand-gradient: var(--cd-accent-gradient);
    --glass-card: var(--cd-card-bg);
    --glass-border: var(--cd-border);

    --event-bg: var(--cd-app-bg);
    --event-text: var(--cd-text-main);
    --event-muted: var(--cd-text-muted);
    --event-accent: var(--cd-primary);
    --event-gradient-text: var(--cd-text-on-accent);
    --event-control-bg: color-mix(in srgb, var(--cd-primary) 8%, transparent);
    --event-control-border: color-mix(in srgb, var(--cd-primary) 22%, transparent);

    --movie-l3-bg: var(--cd-app-bg);
    --movie-l3-text: var(--cd-text-main);
    --movie-l3-muted: var(--cd-text-muted);
    --movie-l3-accent: var(--cd-primary);
    --movie-l3-control-bg: color-mix(in srgb, var(--cd-primary) 8%, transparent);
    --movie-l3-control-border: color-mix(in srgb, var(--cd-primary) 22%, transparent);

    --listing-l3-bg: var(--cd-app-bg);
    --listing-l3-text: var(--cd-text-main);
    --listing-l3-muted: var(--cd-text-muted);
    --listing-l3-card: var(--cd-card-bg);
    --listing-l3-border: var(--cd-border);
    --listing-l3-accent: var(--cd-primary);
    --listing-premium-secondary: var(--cd-secondary);
}

body[data-mode="light"]:is(.movie-l3-body, .event-l3-body, .listing-l3-body),
body.light-mode:is(.movie-l3-body, .event-l3-body, .listing-l3-body) {
    --event-text: var(--cd-text-main) !important;
    --event-muted: var(--cd-text-muted) !important;
    --event-gradient-text: var(--cd-text-on-accent) !important;
    --movie-l3-text: var(--cd-text-main) !important;
    --movie-l3-muted: var(--cd-text-muted) !important;
    --movie-l3-gradient-text: var(--cd-text-on-accent) !important;
    --listing-l3-text: var(--cd-text-main) !important;
    --listing-l3-muted: var(--cd-text-muted) !important;
    --mobile-l3-text: var(--cd-text-main) !important;
    --mobile-l3-muted: var(--cd-text-muted) !important;
    color: var(--cd-text-main) !important;
}

body:is(.light-mode, [data-mode="light"]):is(.movie-l3-body, .event-l3-body, .listing-l3-body) :is(
    .mobile-l3-title,
    .mobile-l3-fact strong,
    .mobile-l3-card h2,
    .mobile-l3-chip-row span,
    .mobile-l3-date-tabs .nav-pill:not(.active),
    .mobile-l3-action:not(.primary),
    .mobile-l3-theatre-card h3,
    .mobile-l3-ticket-row strong
) {
    color: var(--cd-text-main) !important;
    -webkit-text-fill-color: var(--cd-text-main) !important;
}

body:is(.light-mode, [data-mode="light"]):is(.movie-l3-body, .event-l3-body, .listing-l3-body) :is(
    .mobile-l3-subtitle,
    .mobile-l3-card p,
    .mobile-l3-rich-text,
    .mobile-l3-theatre-card p,
    .mobile-l3-ticket-row span
) {
    color: var(--cd-text-muted) !important;
    -webkit-text-fill-color: var(--cd-text-muted) !important;
}

body.light-mode .logo-chicago,
body:is(.light-mode, [data-mode="light"]):is(.movie-l3-body, .event-l3-body, .listing-l3-body) .logo-chicago {
    color: var(--cd-chicago-blue) !important;
    -webkit-text-fill-color: var(--cd-chicago-blue) !important;
}

body.movie-l3-body,
body.event-l3-body,
body.listing-l3-body {
    padding-bottom: 0 !important;
}

@media (max-width: 768px) {
    body.movie-l3-body,
    body.event-l3-body,
    body.listing-l3-body {
        padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
    }
}

@media (min-width: 769px) {
    body.movie-l3-body .l3-mobile-bottom-nav,
    body.event-l3-body .l3-mobile-bottom-nav,
    body.listing-l3-body .l3-mobile-bottom-nav,
    body.movie-l3-body #mobileThemeMenu,
    body.event-l3-body #mobileThemeMenu,
    body.listing-l3-body #mobileThemeMenu {
        display: none !important;
    }
}

.mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(74px + env(safe-area-inset-bottom));
    padding: 8px 18px calc(8px + env(safe-area-inset-bottom));
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    z-index: 6000;
    background: var(--cd-nav-bg);
    border: 1px solid var(--cd-border);
    border-width: 1px 0 0;
    box-shadow: 0 -16px 38px var(--cd-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(28px) saturate(150%);
    -webkit-backdrop-filter: blur(28px) saturate(150%);
}

.mobile-bottom-nav .nav-item-wrapper {
    flex: 1 1 20%;
    min-width: 0;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.mobile-bottom-nav .nav-icon-container {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-image: linear-gradient(
        135deg,
        color-mix(in srgb, var(--cd-primary) 22%, #101012) 0%,
        color-mix(in srgb, var(--cd-primary-deep) 14%, #050506) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 10px 24px rgba(0, 0, 0, 0.28);
}

.mobile-bottom-nav .nav-icon-container i {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
}

.mobile-bottom-nav .nav-item-wrapper.active .nav-icon-container {
    background: var(--cd-accent-gradient);
    border-color: color-mix(in srgb, var(--cd-primary) 46%, transparent);
    box-shadow: var(--cd-soft-glow);
}

.mobile-theme-menu[hidden] {
    display: none !important;
}

.mobile-theme-menu {
    position: fixed;
    left: 14px;
    right: 14px;
    bottom: calc(84px + env(safe-area-inset-bottom));
    z-index: 6050;
    pointer-events: auto;
}

.mobile-theme-panel {
    width: 100%;
    box-sizing: border-box;
    padding: 14px;
    border-radius: 22px;
    background: var(--cd-nav-bg);
    border: 1px solid var(--cd-border);
    box-shadow: 0 -10px 34px var(--cd-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(28px) saturate(150%);
    -webkit-backdrop-filter: blur(28px) saturate(150%);
}

.theme-menu-section + .theme-menu-section {
    margin-top: 12px;
}

.theme-menu-kicker {
    display: block;
    margin: 0 0 8px;
    color: var(--cd-text-muted);
    font-size: 0.68rem;
    font-weight: 850;
    line-height: 1;
    text-transform: uppercase;
}

.theme-menu-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.theme-menu-choice,
.theme-swatch-choice {
    min-width: 0;
    border: 1px solid var(--cd-border);
    background: var(--cd-control-bg);
    color: var(--cd-text-main);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.theme-menu-choice {
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.86rem;
}

.theme-menu-choice i {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.theme-swatch-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
}

.theme-swatch-choice {
    min-height: 58px;
    padding: 7px 4px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: clamp(0.58rem, 2.8vw, 0.68rem);
    line-height: 1;
}

.theme-swatch-dot {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.theme-swatch-choice[data-theme-choice="sunset"] .theme-swatch-dot {
    background: linear-gradient(135deg, #ffd700 0%, #ffb000 42%, #ff5e00 100%);
}

.theme-swatch-choice[data-theme-choice="aqua"] .theme-swatch-dot {
    background: linear-gradient(135deg, #38bdf8 0%, #3a46d8 52%, #24318f 100%);
}

.theme-swatch-choice[data-theme-choice="rose"] .theme-swatch-dot {
    background: linear-gradient(135deg, #ff8bd6 0%, #f32ba3 45%, #a91667 100%);
}

.theme-swatch-choice[data-theme-choice="bollywood"] .theme-swatch-dot {
    background: linear-gradient(135deg, #f59e0b 0%, #fb7185 45%, #e11d48 100%);
}

.theme-swatch-choice[data-theme-choice="fresh"] .theme-swatch-dot {
    background: linear-gradient(135deg, #a3e635 0%, #66b51f 45%, #1f6b18 100%);
}

[data-cinema-language] {
    --cinema-accent: var(--cinema-language-1, var(--cd-lang-default-1));
    --cinema-language-1: var(--cd-lang-default-1);
    --cinema-language-2: var(--cd-lang-default-2);
    --cinema-language-glow: color-mix(in srgb, var(--cinema-language-1) 34%, transparent);
}

[data-cinema-language="hindi"] {
    --cinema-language-1: var(--cd-lang-hindi-1);
    --cinema-language-2: var(--cd-lang-hindi-2);
}

[data-cinema-language="punjabi"] {
    --cinema-language-1: var(--cd-lang-punjabi-1);
    --cinema-language-2: var(--cd-lang-punjabi-2);
}

[data-cinema-language="telugu"] {
    --cinema-language-1: var(--cd-lang-telugu-1);
    --cinema-language-2: var(--cd-lang-telugu-2);
}

[data-cinema-language="tamil"] {
    --cinema-language-1: var(--cd-lang-tamil-1);
    --cinema-language-2: var(--cd-lang-tamil-2);
}

[data-cinema-language="malayalam"] {
    --cinema-language-1: var(--cd-lang-malayalam-1);
    --cinema-language-2: var(--cd-lang-malayalam-2);
}

[data-cinema-language="gujarati"],
[data-cinema-language="gujarathi"] {
    --cinema-language-1: var(--cd-lang-gujarati-1);
    --cinema-language-2: var(--cd-lang-gujarati-2);
}

[data-cinema-language="haryanvi"] {
    --cinema-language-1: var(--cd-lang-haryanvi-1);
    --cinema-language-2: var(--cd-lang-haryanvi-2);
}

[data-cinema-language="nepali"] {
    --cinema-language-1: var(--cd-lang-nepali-1);
    --cinema-language-2: var(--cd-lang-nepali-2);
}

[data-cinema-language="bengali"] {
    --cinema-language-1: var(--cd-lang-bengali-1);
    --cinema-language-2: var(--cd-lang-bengali-2);
}

[data-cinema-language="kannada"] {
    --cinema-language-1: var(--cd-lang-kannada-1);
    --cinema-language-2: var(--cd-lang-kannada-2);
}

[data-cinema-language="marathi"] {
    --cinema-language-1: var(--cd-lang-marathi-1);
    --cinema-language-2: var(--cd-lang-marathi-2);
}

[data-cinema-language="urdu"] {
    --cinema-language-1: var(--cd-lang-urdu-1);
    --cinema-language-2: var(--cd-lang-urdu-2);
}

.theme-menu-choice.active,
.theme-swatch-choice.active {
    border-color: color-mix(in srgb, var(--cd-primary) 48%, transparent);
    background: color-mix(in srgb, var(--cd-primary) 16%, var(--cd-control-bg));
    box-shadow: var(--cd-soft-glow);
}

body[data-cd-theme] .logo-desi,
body[data-cd-theme] .brand-group h1 .logo-desi,
body[data-cd-theme] .logo-text .logo-desi {
    background: var(--cd-accent-gradient) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

body[data-cd-theme] .card-glass-title,
body[data-cd-theme] .feed-card-footer .footer-action-btn {
    background-color: var(--cd-primary) !important;
    background-image: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 45%, transparent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body[data-cd-theme] .card-type-badge,
body[data-cd-theme] .details-cat-tag,
body[data-cd-theme] .playing-today-badge,
body[data-cd-theme] .event-badge {
    background-color: var(--cd-primary) !important;
    background-image: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 45%, transparent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body[data-cd-theme] .mobile-results .results-list .listing-card .card-type-badge,
body[data-cd-theme] .active-search-results .search-result-thumb .card-type-badge,
body[data-cd-theme] .results-list.event-mode .card-type-badge {
    background-color: var(--cd-primary) !important;
    background-image: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 45%, transparent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body[data-cd-theme] #mobileSubGrid.mobile-l2-grid:not(.cinema-l2-grid),
body[data-cd-theme] #mobileSubGrid.owners-actions-grid {
    --category-accent-1: var(--cd-primary) !important;
    --category-accent-2: var(--cd-secondary) !important;
    --category-accent-3: var(--cd-cta) !important;
}

body[data-cd-theme] .mobile-sub-grid.mobile-l2-grid:not(.cinema-l2-grid) .sub-cat-btn.active .card-sub-text,
body[data-cd-theme] .mobile-sub-grid.owners-actions-grid .sub-cat-btn.active .card-sub-text {
    background-color: var(--cd-primary) !important;
    background-image: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 44%, transparent) !important;
}

body[data-cd-theme] .mobile-sub-grid.mobile-l2-grid:not(.cinema-l2-grid) .card-sub-text,
body[data-cd-theme] .mobile-sub-grid.owners-actions-grid .card-sub-text {
    background-color: var(--cd-primary) !important;
    background-image: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 44%, transparent) !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body[data-cd-theme] .mobile-sub-grid.mobile-l2-grid:not(.cinema-l2-grid) .card-sub-title,
body[data-cd-theme] .mobile-sub-grid.owners-actions-grid .card-sub-title {
    color: var(--cd-theme-ink-on-solid) !important;
    -webkit-text-fill-color: var(--cd-theme-ink-on-solid) !important;
}

body[data-cd-theme] .contact-link i,
body[data-cd-theme] .mobile-results .results-list .contact-link i {
    background: color-mix(in srgb, var(--cd-primary) 14%, transparent) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 28%, transparent) !important;
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
    box-shadow: 0 0 18px color-mix(in srgb, var(--cd-primary) 14%, transparent) !important;
}

body[data-cd-theme] .active-search-results .search-grid-item i {
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body[data-cd-theme] .schedule-action-btn {
    margin-left: auto;
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: scale(1.1);
    background: color-mix(in srgb, var(--cd-primary) 14%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--cd-primary) 28%, transparent) !important;
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body[data-cd-theme] .contact-link .schedule-action-btn i {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    background: none !important;
    border: 0 !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    box-shadow: none !important;
}

body[data-cd-theme] #scheduleModalSubtitle,
body[data-cd-theme] #scheduleLoadingSpinner i,
body[data-cd-theme] #movieScheduleLoader,
body.movie-l3-body[data-cd-theme] #moviePageLoader i,
body.listing-l3-body[data-cd-theme] #listingPageLoader i,
body.event-l3-body[data-cd-theme] #eventPageLoader i {
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body.movie-l3-body[data-cd-theme] #moviePageLoader,
body.listing-l3-body[data-cd-theme] #listingPageLoader,
body.event-l3-body[data-cd-theme] #eventPageLoader {
    background: var(--cd-app-bg) !important;
}

body[data-cd-theme] .contact-link.event-highlight i,
body[data-cd-theme] .mobile-results .results-list .contact-link.event-highlight i {
    background: color-mix(in srgb, var(--cd-primary) 14%, transparent) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 28%, transparent) !important;
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
    box-shadow: 0 0 18px color-mix(in srgb, var(--cd-primary) 14%, transparent) !important;
}

body[data-cd-theme] .contact-link.event-highlight label,
body[data-cd-theme] .mobile-results .results-list .contact-link.event-highlight label {
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body[data-cd-theme] .contact-link.event-highlight span,
body[data-cd-theme] .mobile-results .results-list .contact-link.event-highlight span {
    text-shadow: 0 0 10px color-mix(in srgb, var(--cd-primary) 22%, transparent) !important;
}

body[data-cd-theme] .mobile-bottom-nav .nav-icon-container,
body[data-cd-theme] .mobile-bottom-nav #navTheme .nav-icon-container {
    background-color: var(--cd-nav-icon-bg) !important;
    background-image: linear-gradient(
        135deg,
        color-mix(in srgb, var(--cd-primary) 22%, #101012) 0%,
        color-mix(in srgb, var(--cd-primary-deep) 14%, #050506) 100%
    ) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

body[data-cd-theme] .mobile-bottom-nav .nav-item-wrapper.active .nav-icon-container,
body[data-cd-theme] .mobile-bottom-nav #navTheme.active .nav-icon-container {
    background: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 46%, transparent) !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body[data-cd-theme] #backToHomeBtn.mobile-page-back-btn {
    background: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 46%, transparent) !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body[data-cd-theme] .mobile-l3-page-back {
    background: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 46%, transparent) !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body[data-cd-theme] .mobile-bottom-nav .nav-icon-container,
body[data-cd-theme] .mobile-bottom-nav .nav-icon-container i,
body[data-cd-theme] .map-empty-card i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body[data-cd-theme] .mobile-bottom-nav .nav-item-wrapper.active .nav-icon-container,
body[data-cd-theme] .mobile-bottom-nav .nav-item-wrapper.active .nav-icon-container i,
body[data-cd-theme] .mobile-bottom-nav #navTheme.active .nav-icon-container,
body[data-cd-theme] .mobile-bottom-nav #navTheme.active .nav-icon-container i,
body[data-cd-theme] #backToHomeBtn.mobile-page-back-btn,
body[data-cd-theme] #backToHomeBtn.mobile-page-back-btn i,
body[data-cd-theme] .mobile-l3-page-back,
body[data-cd-theme] .mobile-l3-page-back::before {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body[data-cd-theme] .map-empty-card i {
    background: var(--cd-accent-gradient) !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body.movie-l3-body[data-cd-theme] .showtime-chip {
    background: color-mix(in srgb, var(--cd-primary) 10%, transparent) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 42%, transparent) !important;
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body.movie-l3-body[data-mode="light"][data-cd-theme] .showtime-chip {
    background: color-mix(in srgb, var(--cd-primary) 12%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 46%, transparent) !important;
    color: var(--cd-accent-readable) !important;
    -webkit-text-fill-color: var(--cd-accent-readable) !important;
}

body.movie-l3-body[data-mode="light"][data-cd-theme="sunset"] .showtime-chip {
    background: color-mix(in srgb, var(--cd-primary) 10%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 52%, transparent) !important;
    color: var(--cd-accent-readable) !important;
    -webkit-text-fill-color: var(--cd-accent-readable) !important;
}

@media (max-width: 768px) {
    body.movie-l3-body[data-mode="light"][data-cd-theme] .movie-mobile-l3-shell .showtime-chip {
        color: var(--cd-primary) !important;
        -webkit-text-fill-color: var(--cd-primary) !important;
    }
}

body.movie-l3-body[data-cd-theme] .movie-l3-date-tabs .nav-pill.active {
    background: var(--cd-accent-gradient) !important;
    color: var(--cd-text-on-accent) !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body.movie-l3-body[data-cd-theme] .movie-l3-date-tabs .nav-pill.active * {
    color: var(--cd-text-on-accent) !important;
    -webkit-text-fill-color: var(--cd-text-on-accent) !important;
}

body[data-cd-theme] .l3-neighbor-button {
    background: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 46%, transparent) !important;
    color: var(--cd-text-on-accent) !important;
    -webkit-text-fill-color: var(--cd-text-on-accent) !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body[data-cd-theme] .l3-neighbor-button:hover,
body[data-cd-theme] .l3-neighbor-button:focus-visible {
    background: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 56%, transparent) !important;
    color: var(--cd-text-on-accent) !important;
    -webkit-text-fill-color: var(--cd-text-on-accent) !important;
    box-shadow: 0 16px 38px color-mix(in srgb, var(--cd-primary) 28%, transparent) !important;
}

body.listing-l3-body[data-cd-theme] {
    --listing-l3-accent: var(--cd-primary) !important;
    --listing-premium-secondary: var(--cd-secondary) !important;
}

body.listing-l3-body[data-cd-theme] .listing-l3-category {
    background: color-mix(in srgb, var(--cd-primary) 22%, rgba(255, 255, 255, 0.08)) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 55%, transparent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body.listing-l3-body[data-cd-theme] :is(.listing-l3-vital div, .listing-l3-action-icon, .listing-l3-copy-link, .listing-l3-share-button, .listing-premium-section-card i) {
    background: color-mix(in srgb, var(--cd-primary) 14%, transparent) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 30%, transparent) !important;
    box-shadow: 0 0 18px color-mix(in srgb, var(--cd-primary) 12%, transparent) !important;
}

body.listing-l3-body[data-cd-theme] :is(.listing-l3-vital div, .listing-l3-action-icon, .listing-l3-map-overlay i, .listing-l3-line-action i, .listing-l3-copy-link, .listing-l3-share-button, .listing-premium-section-card i, .listing-l3-empty-state i) {
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body.listing-l3-body[data-cd-theme] :is(.listing-l3-vital span, .listing-l3-hours-row.today span, .listing-l3-hours-row.today strong, .listing-l3-section-head a, .listing-premium-story > span, .listing-premium-offer > span) {
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body.listing-l3-body[data-cd-theme] .listing-l3-chip-row span {
    background: color-mix(in srgb, var(--cd-primary) 12%, transparent) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 28%, transparent) !important;
}

body.listing-l3-body[data-cd-theme] .listing-l3-map::before {
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        radial-gradient(circle at center, color-mix(in srgb, var(--cd-primary) 18%, transparent), transparent 42%) !important;
}

body.listing-l3-body[data-cd-theme] :is(.listing-l3-primary-action, .listing-l3-action-stack .cta-btn-pro, .listing-l3-copy-link:hover, .listing-l3-copy-link:focus-visible, .listing-l3-share-button:hover, .listing-l3-share-button:focus-visible, .listing-l3-empty-state a, .listing-premium-badge, .listing-premium-offer a) {
    background: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 46%, transparent) !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body) .listing-mobile-l3-secondary-actions .listing-l3-share-panel {
    background: color-mix(in srgb, var(--mobile-l3-card) 88%, var(--cd-primary, var(--mobile-l3-accent)) 6%) !important;
    border-color: color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 28%, transparent) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body) .listing-mobile-l3-secondary-actions :is(.listing-l3-copy-link, .listing-l3-share-button) {
    background: color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 14%, transparent) !important;
    border-color: color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 34%, transparent) !important;
    color: var(--cd-primary, var(--mobile-l3-accent)) !important;
    -webkit-text-fill-color: var(--cd-primary, var(--mobile-l3-accent)) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body) .listing-mobile-l3-secondary-actions > .mobile-l3-action {
    background: color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 10%, var(--mobile-l3-card)) !important;
    border-color: color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 30%, transparent) !important;
    color: var(--mobile-l3-text) !important;
    -webkit-text-fill-color: var(--mobile-l3-text) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body) .listing-mobile-l3-secondary-actions > .mobile-l3-action i {
    color: var(--cd-primary, var(--mobile-l3-accent)) !important;
    -webkit-text-fill-color: var(--cd-primary, var(--mobile-l3-accent)) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-actions-card {
    background: color-mix(in srgb, var(--mobile-l3-card) 88%, #ffffff 12%) !important;
    border-color: color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 18%, rgba(0, 0, 0, 0.08)) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-actions-card .listing-l3-share-panel {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-share-actions .listing-l3-share-button,
body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-manage-actions > .mobile-l3-action {
    background: var(--listing-mobile-l3-tile-bg, rgba(255, 255, 255, 0.96)) !important;
    border-color: rgba(38, 26, 22, 0.10) !important;
    color: var(--listing-mobile-l3-tile-text, #261a16) !important;
    -webkit-text-fill-color: var(--listing-mobile-l3-tile-text, #261a16) !important;
    box-shadow: 0 9px 22px rgba(18, 15, 12, 0.08) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-share-actions .listing-l3-share-button i,
body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-manage-actions > .mobile-l3-action i {
    color: var(--cd-primary, var(--mobile-l3-accent)) !important;
    -webkit-text-fill-color: var(--cd-primary, var(--mobile-l3-accent)) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-share-actions .listing-l3-share-label {
    color: rgba(38, 26, 22, 0.68) !important;
    -webkit-text-fill-color: rgba(38, 26, 22, 0.68) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-manage-actions > .listing-mobile-l3-important-action {
    border-color: color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 28%, rgba(38, 26, 22, 0.10)) !important;
    box-shadow: 0 11px 26px color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 14%, rgba(18, 15, 12, 0.08)) !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-manage-actions > .listing-mobile-l3-report-action {
    border-color: rgba(187, 48, 48, 0.22) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: #7f2b2b !important;
    -webkit-text-fill-color: #7f2b2b !important;
    box-shadow: none !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-manage-actions > .listing-mobile-l3-report-action i {
    color: #b43a3a !important;
    -webkit-text-fill-color: #b43a3a !important;
}

body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-share-actions .listing-l3-share-button:active,
body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-share-actions .listing-l3-share-button[data-l3-processing="true"],
body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-manage-actions > .mobile-l3-action:active,
body.mobile-l3-render:is(.listing-l3-body, .movie-l3-body, .event-l3-body)[data-cd-theme] .listing-mobile-l3-manage-actions > .mobile-l3-action[data-l3-processing="true"] {
    transform: scale(0.96);
    border-color: color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 34%, rgba(38, 26, 22, 0.10)) !important;
    background: color-mix(in srgb, var(--cd-primary, var(--mobile-l3-accent)) 8%, #ffffff) !important;
    box-shadow: 0 4px 12px rgba(18, 15, 12, 0.09) !important;
}

body[data-cd-theme] .listing-profile-link {
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body[data-cd-theme] .listing-profile-link i {
    background: color-mix(in srgb, var(--cd-primary) 16%, transparent) !important;
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body[data-cd-theme] .listing-profile-link:hover,
body[data-cd-theme] .listing-profile-link:focus-visible {
    color: var(--cd-primary-soft) !important;
    -webkit-text-fill-color: var(--cd-primary-soft) !important;
}

body[data-cd-theme] .listing-card-details-button {
    background: var(--cd-accent-gradient) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 46%, transparent) !important;
    box-shadow: var(--cd-soft-glow) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body[data-cd-theme] .listing-card-details-button i {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body[data-cd-theme] .mobile-loading-state i,
body[data-cd-theme] .mobile-loading-state span {
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body.event-l3-body[data-cd-theme] .event-hero-container .hero-image-label {
    position: absolute;
    top: clamp(22px, 5vw, 58px);
    left: clamp(22px, 7vw, 64px);
    z-index: 12;
    margin: 0 !important;
    background: var(--cd-accent-gradient) !important;
    background-image: var(--cd-accent-gradient) !important;
    border: 1px solid color-mix(in srgb, var(--cd-primary) 45%, transparent) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: var(--cd-soft-glow) !important;
}

body.event-l3-body[data-cd-theme] .v-icon,
body.event-l3-body[data-cd-theme] .vital-icon-box,
body.event-l3-body[data-cd-theme] .gd-icon-circle {
    background: color-mix(in srgb, var(--cd-primary) 14%, transparent) !important;
    border-color: color-mix(in srgb, var(--cd-primary) 30%, transparent) !important;
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
    box-shadow: 0 0 18px color-mix(in srgb, var(--cd-primary) 12%, transparent) !important;
}

body.event-l3-body[data-cd-theme] .v-label,
body.event-l3-body[data-cd-theme] .gd-label,
body.event-l3-body[data-cd-theme] .label-text,
body.event-l3-body[data-cd-theme] .ticket-row-premium [style*="var(--event-accent)"] {
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body.event-l3-body[data-cd-theme] .add-btn,
body.event-l3-body[data-cd-theme] .event-gallery-thumb.active {
    border-color: color-mix(in srgb, var(--cd-primary) 46%, transparent) !important;
    color: var(--cd-primary) !important;
    -webkit-text-fill-color: var(--cd-primary) !important;
}

body.event-l3-body[data-cd-theme] .add-btn:hover,
body.event-l3-body[data-cd-theme] .cta-btn-pro {
    background: var(--cd-accent-gradient) !important;
    color: var(--cd-text-on-accent) !important;
    -webkit-text-fill-color: var(--cd-text-on-accent) !important;
    box-shadow: var(--cd-soft-glow) !important;
}

/* Approved mobile tab bar treatment shared by home, category, and L3 screens. */
.mobile-bottom-nav {
    left: var(--home-edge, 5px) !important;
    right: var(--home-edge, 5px) !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 60px !important;
    padding: 7px 0 !important;
    border: 1px solid rgba(236, 238, 242, 0.92) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 -2px 6px rgba(28, 30, 33, 0.035), 0 14px 34px rgba(18, 58, 111, 0.13) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    column-gap: var(--home-rail-gap, 6px) !important;
    row-gap: 0 !important;
    justify-content: stretch !important;
}

.mobile-bottom-nav .nav-item-wrapper {
    min-height: 44px !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body[data-cd-theme] .mobile-bottom-nav .nav-icon-container,
body[data-cd-theme] .mobile-bottom-nav #navTheme .nav-icon-container {
    width: 38px !important;
    height: 38px !important;
    border-color: transparent !important;
    border-radius: 14px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #858b96 !important;
    -webkit-text-fill-color: #858b96 !important;
    transition: transform 170ms ease, background-color 170ms ease, color 170ms ease, box-shadow 170ms ease;
}

body[data-cd-theme] .mobile-bottom-nav .nav-icon-container i {
    color: #858b96 !important;
    -webkit-text-fill-color: #858b96 !important;
    font-size: 19px !important;
}

body[data-cd-theme] .mobile-bottom-nav .nav-item-wrapper.active .nav-icon-container,
body[data-cd-theme] .mobile-bottom-nav #navTheme.active .nav-icon-container {
    background: linear-gradient(135deg, #FF7A32 0%, #F65373 100%) !important;
    border-color: rgba(255, 255, 255, 0.62) !important;
    box-shadow: 0 9px 20px rgba(246, 83, 115, 0.22) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body[data-cd-theme] .mobile-bottom-nav .nav-item-wrapper.active .nav-icon-container i,
body[data-cd-theme] .mobile-bottom-nav #navTheme.active .nav-icon-container i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body[data-cd-theme] .mobile-bottom-nav .nav-item-wrapper:active .nav-icon-container {
    transform: scale(0.96);
}

body.dark-mode .mobile-bottom-nav {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(18, 20, 25, 0.82) !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12), 0 18px 44px rgba(0, 0, 0, 0.34) !important;
}

body.dark-mode .home-feed-section .mobile-home-news-card h3,
body.dark-mode .home-feed-section .mobile-home-classified-card h3,
body[data-mode="dark"] .home-feed-section .mobile-home-news-card h3,
body[data-mode="dark"] .home-feed-section .mobile-home-classified-card h3 {
    color: var(--home-text, rgba(255, 255, 255, 0.94));
    -webkit-text-fill-color: var(--home-text, rgba(255, 255, 255, 0.94));
}

body.dark-mode .home-feed-section .mobile-home-news-kicker,
body.dark-mode .home-feed-section .mobile-home-news-card p,
body.dark-mode .home-feed-section .mobile-home-classified-meta,
body[data-mode="dark"] .home-feed-section .mobile-home-news-kicker,
body[data-mode="dark"] .home-feed-section .mobile-home-news-card p,
body[data-mode="dark"] .home-feed-section .mobile-home-classified-meta {
    color: var(--home-muted, rgba(255, 255, 255, 0.66));
    -webkit-text-fill-color: var(--home-muted, rgba(255, 255, 255, 0.66));
}

body.dark-mode .home-feed-section .mobile-home-classified-price,
body[data-mode="dark"] .home-feed-section .mobile-home-classified-price {
    color: color-mix(in srgb, var(--home-navy, #123A6F) 24%, #ffffff);
    -webkit-text-fill-color: color-mix(in srgb, var(--home-navy, #123A6F) 24%, #ffffff);
}