/* Mobile position only. Header height is measured by the site's header observer. */
@media (max-width: 767.98px) {
    #bingc-phone-button#bingc-phone-button {
        position: fixed !important;
        top: calc(var(--aster-mobile-header-height, 53px) + 14px) !important;
        right: 12px !important;
        bottom: auto !important;
        left: auto !important;
        transform-origin: top right;
    }
    /* The vendor bottom-left tooltip would extend into the header/off-screen. */
    #bingc-phone-button#bingc-phone-button .bingc-phone-button-tooltip {
        top: 123px; bottom: auto; right: 5px; left: auto;
    }
    #bingc-phone-button#bingc-phone-button .bingc-phone-button-arrow {
        top: -14px; bottom: auto; right: 36px; left: auto;
        transform: rotate(180deg);
    }
}
/* Light-only surface and embedded PNG logo contrast; no layout changes. */
html.light-theme :is(#bingc-passive, #bingc-active) {
    --aster-bgc-bg: #f5f7fa;
}
html.light-theme #bingc-passive#bingc-passive .bingc-passive-overlay,
html.light-theme #bingc-active#bingc-active {
    /* A 1px inset outline avoids changing vendor width or content geometry. */
    outline: 1px solid #e5e7eb;
    outline-offset: -1px;
    box-shadow: 0 6px 22px rgba(11, 31, 42, .10) !important;
}
html.light-theme #bingc-passive#bingc-passive .bingc-powered-by,
html.light-theme #bingc-active#bingc-active .bingc-powered-by {
    /* Vendor logo is a white transparent background PNG, not an SVG. */
    filter: brightness(0);
    opacity: .65;
}
/* ASTER GetCall palette. Duplicate IDs intentionally outrank vendor !important rules. */
html :is(#bingc-passive, #bingc-active, #bingc-phone-button) {
    --aster-bgc-bg: #fff;
    --aster-bgc-text: #0b1f2a;
    --aster-bgc-muted: #666;
    --aster-bgc-input: #fff;
    --aster-bgc-border: #ddd;
}
html.dark-theme :is(#bingc-passive, #bingc-active, #bingc-phone-button) {
    --aster-bgc-bg: #181818;
    --aster-bgc-text: #fff;
    --aster-bgc-muted: #a0a0a0;
    --aster-bgc-input: #242424;
    --aster-bgc-border: #383838;
}
#bingc-passive#bingc-passive .bingc-passive-overlay,
#bingc-active#bingc-active {
    background-color: var(--aster-bgc-bg) !important;
    color: var(--aster-bgc-text) !important;
}
#bingc-passive#bingc-passive *, #bingc-active#bingc-active * {
    color: var(--aster-bgc-text) !important;
}
#bingc-passive#bingc-passive :is(.bingc-phone-sample, .bingc-phone-sample span, .bingc-statistics, .bingc-statistics *, .bingc-powered-by-text, .small-text, .bingc-sample-countdown-timer span),
#bingc-active#bingc-active :is(.bingc-phone-sample, .bingc-phone-sample span, .bingc-statistics, .bingc-statistics *, .bingc-powered-by-text, .small-text, .bingc-sample-countdown-timer span) {
    color: var(--aster-bgc-muted) !important;
    opacity: 1;
}
#bingc-passive#bingc-passive input, #bingc-active#bingc-active input {
    background-color: var(--aster-bgc-input) !important;
    color: var(--aster-bgc-text) !important;
    box-shadow: inset 0 0 0 1px var(--aster-bgc-border) !important;
}
#bingc-passive#bingc-passive input::placeholder, #bingc-active#bingc-active input::placeholder {
    color: var(--aster-bgc-muted) !important;
}
#bingc-passive#bingc-passive input:focus, #bingc-active#bingc-active input:focus,
#bingc-passive#bingc-passive input.warning, #bingc-active#bingc-active input.warning {
    box-shadow: inset 0 0 0 1px #e60012 !important;
}
#bingc-passive#bingc-passive input.warning, #bingc-active#bingc-active input.warning {
    border-color: #e60012 !important;
}
#bingc-passive#bingc-passive .bingc-something-went-wrong,
#bingc-active#bingc-active .bingc-something-went-wrong { color: #e60012 !important; }
#bingc-passive#bingc-passive .bingc-passive-get-phone-form-input-border::before,
#bingc-passive#bingc-passive .bingc-passive-get-phone-form-input-border::after,
#bingc-active#bingc-active .bingc-active-get-phone-form-input-border::before,
#bingc-active#bingc-active .bingc-active-get-phone-form-input-border::after {
    background-color: var(--aster-bgc-border) !important;
}
#bingc-passive#bingc-passive :is(.bingc-passive-phone-form-button, .bingc-passive-date-selection-select-hour, .bingc-passive-date-selection-select-minutes),
#bingc-active#bingc-active :is(.bingc-active-phone-form-button, .bingc-active-date-selection-select-hour, .bingc-active-date-selection-select-minutes) {
    background-color: #e60012 !important;
    color: #fff !important;
}
#bingc-passive#bingc-passive :is(.bingc-passive-date-selection-select-hour, .bingc-passive-date-selection-select-minutes) *,
#bingc-active#bingc-active :is(.bingc-active-date-selection-select-hour, .bingc-active-date-selection-select-minutes) * { color: #fff !important; }
#bingc-passive#bingc-passive [class*="list-of-"] { background-color: var(--aster-bgc-input) !important; }
#bingc-active#bingc-active [class*="list-of-"] { background-color: var(--aster-bgc-input) !important; }
#bingc-passive#bingc-passive [class*="list-of-"] li,
#bingc-active#bingc-active [class*="list-of-"] li { color: #e60012 !important; }
#bingc-passive#bingc-passive :is(.bingc-passive-phone-form-button, .bingc-passive-date-selection-select-day, .bingc-passive-date-selection-select-hour, .bingc-passive-date-selection-select-minutes):hover,
#bingc-active#bingc-active :is(.bingc-active-phone-form-button, .bingc-active-date-selection-select-day, .bingc-active-date-selection-select-hour, .bingc-active-date-selection-select-minutes):hover,
#bingc-passive#bingc-passive [class*="list-of-"] li:hover,
#bingc-active#bingc-active [class*="list-of-"] li:hover {
    background-color: #c90010 !important;
    color: #fff !important;
}
#bingc-passive#bingc-passive .bingc-passive-date-selection-select-day:hover span,
#bingc-active#bingc-active .bingc-active-date-selection-select-day:hover span { color: #fff !important; }
#bingc-passive#bingc-passive .bingc-passive-phone-form-button:active,
#bingc-active#bingc-active .bingc-active-phone-form-button:active { background-color: #b0000d !important; }
#bingc-passive#bingc-passive .bingc-passive-close-button svg polygon,
#bingc-active#bingc-active .bingc-active-close-button svg polygon,
#bingc-passive#bingc-passive .bingc-passive-date-selection-select-day svg path,
#bingc-active#bingc-active .bingc-active-date-selection-select-day svg path { fill: var(--aster-bgc-text) !important; }
#bingc-passive#bingc-passive .bingc-passive-date-selection-select-day:hover svg path,
#bingc-active#bingc-active .bingc-active-date-selection-select-day:hover svg path { fill: #fff !important; }
#bingc-phone-button#bingc-phone-button .bingc-phone-button-circle-inside { fill: #e60012 !important; }
#bingc-phone-button#bingc-phone-button:hover .bingc-phone-button-circle-inside { fill: #c90010 !important; }
#bingc-phone-button#bingc-phone-button:active .bingc-phone-button-circle-inside { fill: #b0000d !important; }
#bingc-phone-button#bingc-phone-button .bingc-phone-button-circle-outside { fill: #e60012 !important; }
#bingc-phone-button#bingc-phone-button .bingc-phone-button-icon-icon path { fill: #fff !important; }
#bingc-phone-button#bingc-phone-button .bingc-phone-button-tooltip {
    background-color: rgba(230, 0, 18, .95) !important;
    color: #fff !important;
}
#bingc-phone-button#bingc-phone-button .bingc-phone-button-arrow polyline { fill: rgba(230, 0, 18, .95) !important; }