/*
 * Infinity Telegram Chat — componente isolado pós-tema
 * Escopo: somente formulário offline + intl-tel-input.
 * Motivo: o site imprime CSS global de dark mode e botões após os assets do plugin.
 */

.itc-chat .itc-chat__offline-field--whatsapp,
.itc-chat .itc-chat__offline-field--whatsapp *,
.itc-chat .itc-chat__offline-field--whatsapp *::before,
.itc-chat .itc-chat__offline-field--whatsapp *::after {
    box-sizing: border-box !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti,
.itc-chat .itc-chat__offline-field--whatsapp .itc-chat__intl-container {
    --iti-path-flags-1x: url('/wp-content/plugins/infinity-telegram-chat/assets/vendor/intl-tel-input/img/flags.webp');
    --iti-path-flags-2x: url('/wp-content/plugins/infinity-telegram-chat/assets/vendor/intl-tel-input/img/flags@2x.webp');
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    overflow: visible !important;
    background: transparent !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__country-container {
    position: static !important;
    flex: 0 0 116px !important;
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__selected-country {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    gap: 8px !important;
    border: 1px solid color-mix(in srgb, var(--itc-border) 84%, var(--itc-brand)) !important;
    border-right: 0 !important;
    border-radius: 13px 0 0 13px !important;
    background: linear-gradient(135deg, var(--itc-brand), color-mix(in srgb, var(--itc-brand) 82%, #ffffff)) !important;
    color: #ffffff !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__selected-country-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 32px !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 8px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__selected-dial-code {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font: inherit !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__flag {
    flex: 0 0 auto !important;
    display: block !important;
    background-image: image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__selected-country-primary .iti__flag {
    margin: 0 !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__arrow {
    display: block !important;
    flex: 0 0 auto !important;
    width: 7px !important;
    height: 7px !important;
    margin: 0 0 2px 0 !important;
    border: 0 !important;
    border-right: 2px solid rgba(255, 255, 255, .88) !important;
    border-bottom: 2px solid rgba(255, 255, 255, .88) !important;
    background: transparent !important;
    overflow: visible !important;
    transform: rotate(45deg) !important;
    transform-origin: 50% 50% !important;
    transition: transform .16s ease, margin .16s ease !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__arrow--up,
.itc-chat .itc-chat__offline-field--whatsapp .iti__selected-country[aria-expanded="true"] .iti__arrow {
    margin: 3px 0 0 0 !important;
    transform: rotate(-135deg) !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__tel-input,
.itc-chat .itc-chat__offline-field--whatsapp input.iti__tel-input[type="tel"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    border: 1px solid color-mix(in srgb, var(--itc-border) 84%, var(--itc-brand)) !important;
    border-left: 0 !important;
    border-radius: 0 13px 13px 0 !important;
    background: var(--itc-input-bg) !important;
    color: var(--itc-input-text) !important;
    font: inherit !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    outline: none !important;
    box-shadow: inset 8px 0 10px -12px rgba(15, 23, 42, .45) !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti:focus-within {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--itc-brand) 18%, transparent) !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti:focus-within .iti__selected-country,
.itc-chat .itc-chat__offline-field--whatsapp .iti:focus-within .iti__tel-input {
    border-color: color-mix(in srgb, var(--itc-brand) 72%, var(--itc-border)) !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__dropdown-content {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    z-index: 999999 !important;
    width: min(280px, calc(100vw - 32px)) !important;
    min-width: 220px !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    max-height: min(320px, 54vh) !important;
    padding: 0 !important;
    border: 1px solid rgba(226, 232, 240, .92) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: #334155 !important;
    box-shadow: 0 22px 56px rgba(15, 23, 42, .24) !important;
    overflow: hidden !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-input-wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226, 232, 240, .92) !important;
    background: #ffffff !important;
    color: #0f172a !important;
    overflow: hidden !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #64748b !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-icon-svg,
.itc-chat .itc-chat__offline-field--whatsapp .iti__search-icon svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-input,
.itc-chat .itc-chat__offline-field--whatsapp input.iti__search-input[type="search"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 10px 44px 10px 42px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font: inherit !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    outline: none !important;
    box-shadow: none !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-input::placeholder {
    color: #64748b !important;
    opacity: .84 !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: absolute !important;
    right: 9px !important;
    top: 50% !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(100, 116, 139, .14) !important;
    color: #64748b !important;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-svg,
.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-bg {
    fill: transparent !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x {
    stroke: currentColor !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__country-list {
    display: block !important;
    max-height: min(260px, 46vh) !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #334155 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-color: #94a3b8 #f8fafc !important;
    scrollbar-width: thin !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__country {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 38px !important;
    margin: 2px 6px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #475569 !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    box-shadow: none !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__country .iti__flag {
    margin: 0 !important;
    background-color: transparent !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__country-name,
.itc-chat .itc-chat__offline-field--whatsapp .iti__country-name span {
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__dial-code {
    color: #64748b !important;
    font-weight: 700 !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__country.iti__highlight,
.itc-chat .itc-chat__offline-field--whatsapp .iti__country:hover,
.itc-chat .itc-chat__offline-field--whatsapp .iti__country:focus {
    background: #eef2ff !important;
    color: #315efb !important;
    outline: none !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__no-results,
.itc-chat .itc-chat__offline-field--whatsapp .iti__a11y-text {
    color: #64748b !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__dropdown-content,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__dropdown-content,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__dropdown-content,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__dropdown-content,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input-wrapper,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input-wrapper,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input-wrapper,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input-wrapper,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country-list,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country-list,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country-list,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country-list {
    background: #101827 !important;
    color: #e5e7eb !important;
    border-color: rgba(148, 163, 184, .22) !important;
    scrollbar-color: #64748b #111827 !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-icon,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-icon,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-icon,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-icon,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input::placeholder,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input::placeholder,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input::placeholder,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input::placeholder,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__no-results,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__no-results,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__no-results,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__no-results {
    color: #94a3b8 !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-bg,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-bg,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-bg,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-bg {
    fill: rgba(148, 163, 184, .22) !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x {
    stroke: currentColor !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country {
    background: transparent !important;
    color: #cbd5e1 !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country.iti__highlight,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country:hover,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country:focus,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country.iti__highlight,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country:hover,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country:focus,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country.iti__highlight,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country:hover,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country:focus,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country.iti__highlight,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country:hover,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__country:focus {
    background: rgba(99, 102, 241, .18) !important;
    color: #dbeafe !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__dial-code,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__dial-code,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__dial-code,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__dial-code {
    color: #94a3b8 !important;
}

@media (prefers-color-scheme: dark) {
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__dropdown-content,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input-wrapper,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__country-list {
        background: #101827 !important;
        color: #e5e7eb !important;
        border-color: rgba(148, 163, 184, .22) !important;
        scrollbar-color: #64748b #111827 !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-icon,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input::placeholder,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__no-results {
        color: #94a3b8 !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-bg {
        fill: rgba(148, 163, 184, .22) !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x {
        stroke: currentColor !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__country {
        background: transparent !important;
        color: #cbd5e1 !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__country.iti__highlight,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__country:hover,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__country:focus {
        background: rgba(99, 102, 241, .18) !important;
        color: #dbeafe !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__dial-code {
        color: #94a3b8 !important;
    }
}

@media (max-width: 420px) {
    .itc-chat .itc-chat__offline-field--whatsapp .iti__country-container,
    .itc-chat .itc-chat__offline-field--whatsapp .iti__selected-country {
        flex-basis: 116px !important;
        width: 116px !important;
        min-width: 116px !important;
        max-width: 116px !important;
    }

    .itc-chat .itc-chat__offline-field--whatsapp .iti__dropdown-content {
        width: min(300px, calc(100vw - 32px)) !important;
        min-width: min(240px, calc(100vw - 32px)) !important;
    }
}


/* v2.4.77 — ajustes localizados após validação real */
.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover,
.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible {
    background: rgba(100, 116, 139, .22) !important;
    outline: none !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear {
    background: rgba(148, 163, 184, .16) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(148, 163, 184, .10) !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible {
    background: rgba(148, 163, 184, .24) !important;
}

@media (prefers-color-scheme: dark) {
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear {
        background: rgba(148, 163, 184, .16) !important;
        color: #cbd5e1 !important;
        border: 1px solid rgba(148, 163, 184, .10) !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible {
        background: rgba(148, 163, 184, .24) !important;
    }
}

html.force-light .itc-chat {
    --itc-bg: #ffffff !important;
    --itc-panel: #ffffff !important;
    --itc-bg-strong: #f6f8ff !important;
    --itc-text: #0f172a !important;
    --itc-muted: #64748b !important;
    --itc-border: rgba(59, 91, 255, .18) !important;
    --itc-input-bg: #ffffff !important;
    --itc-input-text: #0f172a !important;
    --itc-input-border: rgba(59, 91, 255, .22) !important;
}

html.force-light .itc-chat.itc-chat--attendance-closed .itc-chat__offline {
    background: linear-gradient(180deg, #eef3ff 0%, #f8fbff 100%) !important;
    color: #0f172a !important;
    border-color: rgba(59, 91, 255, .22) !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .12) !important;
}

html.force-light .itc-chat .itc-chat__offline-message,
html.force-light .itc-chat .itc-chat__offline-field,
html.force-light .itc-chat .itc-chat__offline-field > label,
html.force-light .itc-chat .itc-chat__offline-field > span {
    color: #475569 !important;
}

html.force-light .itc-chat .itc-chat__offline-input,
html.force-light .itc-chat .itc-chat__offline-textarea,
html.force-light .itc-chat .itc-chat__offline-time-display,
html.force-light .itc-chat .itc-chat__offline-field--whatsapp .iti__tel-input,
html.force-light .itc-chat .itc-chat__offline-field--whatsapp input.iti__tel-input[type="tel"] {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(59, 91, 255, .24) !important;
}

html.force-light .itc-chat .itc-chat__offline-field--whatsapp .iti__dropdown-content,
html.force-light .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input-wrapper,
html.force-light .itc-chat .itc-chat__offline-field--whatsapp .iti__search-input,
html.force-light .itc-chat .itc-chat__offline-field--whatsapp .iti__country-list {
    background: #ffffff !important;
    color: #334155 !important;
    border-color: rgba(226, 232, 240, .96) !important;
}

html.force-light .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear {
    background: rgba(100, 116, 139, .16) !important;
    color: #64748b !important;
}

/* v2.4.78 — isolamento final do botão limpar do intl-tel-input
   Escopo limitado ao formulário offline para vencer o seletor global do dark mode:
   html.force-dark button:not(#infinity-back-to-top). */
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #64748b !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    opacity: 1 !important;
}

.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-bg {
    fill: rgba(100, 116, 139, .14) !important;
    opacity: 1 !important;
}

.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-x {
    stroke: #64748b !important;
    opacity: 1 !important;
}

.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):hover .iti__search-clear-bg,
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):focus-visible .iti__search-clear-bg {
    fill: rgba(100, 116, 139, .22) !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top),
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top),
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top),
body.dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #cbd5e1 !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-bg,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-bg,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-bg,
body.dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-bg {
    fill: rgba(148, 163, 184, .16) !important;
    opacity: 1 !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-x,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-x,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-x,
body.dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-x {
    stroke: #cbd5e1 !important;
    opacity: 1 !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):hover .iti__search-clear-bg,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):focus-visible .iti__search-clear-bg,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):hover .iti__search-clear-bg,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):focus-visible .iti__search-clear-bg,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):hover .iti__search-clear-bg,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):focus-visible .iti__search-clear-bg,
body.dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):hover .iti__search-clear-bg,
body.dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top):focus-visible .iti__search-clear-bg {
    fill: rgba(148, 163, 184, .24) !important;
}

@media (prefers-color-scheme: dark) {
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #cbd5e1 !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-bg {
        fill: rgba(148, 163, 184, .16) !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-x {
        stroke: #cbd5e1 !important;
    }
}

html.force-light .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #64748b !important;
}

html.force-light .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-bg {
    fill: rgba(100, 116, 139, .14) !important;
}

html.force-light .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) .iti__search-clear-x {
    stroke: #64748b !important;
}

/* v2.4.79 — clear button final reset
   Remove o círculo interno da lib e mantém somente o X discreto, sem interferir nos demais estados. */
.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear,
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear,
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:not(#infinity-back-to-top) {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    opacity: 1 !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear svg,
.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    pointer-events: none !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-bg,
.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear svg circle,
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear .iti__search-clear-bg,
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:hover .iti__search-clear-bg,
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:focus-visible .iti__search-clear-bg {
    fill: transparent !important;
    stroke: transparent !important;
    opacity: 0 !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x,
.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear svg path,
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear .iti__search-clear-x {
    stroke: #64748b !important;
    fill: none !important;
    opacity: .9 !important;
}

.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover .iti__search-clear-x,
.itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible .iti__search-clear-x,
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:hover .iti__search-clear-x,
.itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear:focus-visible .iti__search-clear-x {
    stroke: #475569 !important;
    opacity: 1 !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear,
body.dark .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear svg path,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear svg path,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear svg path,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear svg path {
    stroke: #94a3b8 !important;
    opacity: .86 !important;
}

html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover .iti__search-clear-x,
html.force-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible .iti__search-clear-x,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover .iti__search-clear-x,
html.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible .iti__search-clear-x,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover .iti__search-clear-x,
body.infinity-dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible .iti__search-clear-x,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:hover .iti__search-clear-x,
body.dark .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear:focus-visible .iti__search-clear-x {
    stroke: #cbd5e1 !important;
    opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp button.iti__search-clear {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear-x,
    html:not(.force-light):not(.force-dark) .itc-chat .itc-chat__offline-field--whatsapp .iti__search-clear svg path {
        stroke: #94a3b8 !important;
        opacity: .86 !important;
    }
}

/* v2.4.81 — static-only clear button correction.
   No runtime JS. Targets the real intl-tel-input dropdown even when the dropdown is rendered outside the field wrapper. */
.itc-chat .iti__search-input-wrapper .iti__search-clear,
.itc-chat button.iti__search-clear,
.iti__dropdown-content .iti__search-input-wrapper .iti__search-clear,
.iti__dropdown-content button.iti__search-clear {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border-radius: 999px !important;
    opacity: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: transparent !important;
}

.itc-chat .iti__search-clear .iti__search-clear-svg,
.itc-chat .iti__search-clear svg,
.iti__dropdown-content .iti__search-clear .iti__search-clear-svg,
.iti__dropdown-content .iti__search-clear svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    pointer-events: none !important;
    overflow: visible !important;
}

.itc-chat .iti__search-clear .iti__search-clear-bg,
.itc-chat .iti__search-clear svg circle,
.iti__dropdown-content .iti__search-clear .iti__search-clear-bg,
.iti__dropdown-content .iti__search-clear svg circle {
    fill: transparent !important;
    stroke: transparent !important;
    opacity: 0 !important;
}

.itc-chat .iti__search-clear .iti__search-clear-x,
.itc-chat .iti__search-clear svg path,
.iti__dropdown-content .iti__search-clear .iti__search-clear-x,
.iti__dropdown-content .iti__search-clear svg path {
    fill: none !important;
    stroke: #64748b !important;
    stroke-width: 2.2 !important;
    opacity: .9 !important;
}

html.force-dark .itc-chat .iti__search-clear .iti__search-clear-x,
html.force-dark .itc-chat .iti__search-clear svg path,
html.force-dark .iti__dropdown-content .iti__search-clear .iti__search-clear-x,
html.force-dark .iti__dropdown-content .iti__search-clear svg path,
body.dark .itc-chat .iti__search-clear .iti__search-clear-x,
body.dark .itc-chat .iti__search-clear svg path,
body.dark .iti__dropdown-content .iti__search-clear .iti__search-clear-x,
body.dark .iti__dropdown-content .iti__search-clear svg path,
body.infinity-dark .itc-chat .iti__search-clear .iti__search-clear-x,
body.infinity-dark .itc-chat .iti__search-clear svg path,
body.infinity-dark .iti__dropdown-content .iti__search-clear .iti__search-clear-x,
body.infinity-dark .iti__dropdown-content .iti__search-clear svg path {
    stroke: #94a3b8 !important;
    opacity: .9 !important;
}


/* ITC 2.4.169: offline validation error color lock.
   Kept in isolation CSS because this file loads after Elementor/front-end theme styles. */
.itc-chat .itc-chat__offline-error,
.itc-chat .itc-chat__offline-feedback[data-itc-feedback-type="error"] {
    color: #d9534f !important;
}

html.force-dark .itc-chat .itc-chat__offline-error,
html.infinity-dark .itc-chat .itc-chat__offline-error,
body.infinity-dark .itc-chat .itc-chat__offline-error,
body.dark .itc-chat .itc-chat__offline-error,
.itc-chat--theme-dark .itc-chat__offline-error,
.itc-chat[data-itc-theme="dark"] .itc-chat__offline-error,
html.force-dark .itc-chat .itc-chat__offline-feedback[data-itc-feedback-type="error"],
html.infinity-dark .itc-chat .itc-chat__offline-feedback[data-itc-feedback-type="error"],
body.infinity-dark .itc-chat .itc-chat__offline-feedback[data-itc-feedback-type="error"],
body.dark .itc-chat .itc-chat__offline-feedback[data-itc-feedback-type="error"],
.itc-chat--theme-dark .itc-chat__offline-feedback[data-itc-feedback-type="error"],
.itc-chat[data-itc-theme="dark"] .itc-chat__offline-feedback[data-itc-feedback-type="error"] {
    color: #ff8a8a !important;
}


/* ITC 2.4.170: hard lock validation error colors against ID-specific/theme overrides.
   This is intentionally scoped to the offline validation messages only. */
.itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error,
.itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error[data-itc-whatsapp-error="1"],
.itc-chat .itc-chat__offline-feedback[data-itc-offline-feedback="1"][data-itc-feedback-type="error"] {
    color: #d9534f !important;
    -webkit-text-fill-color: #d9534f !important;
}

html.force-dark .itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error,
html.force-dark .itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error[data-itc-whatsapp-error="1"],
html.force-dark .itc-chat .itc-chat__offline-feedback[data-itc-offline-feedback="1"][data-itc-feedback-type="error"],
html.infinity-dark .itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error,
html.infinity-dark .itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error[data-itc-whatsapp-error="1"],
html.infinity-dark .itc-chat .itc-chat__offline-feedback[data-itc-offline-feedback="1"][data-itc-feedback-type="error"],
body.infinity-dark .itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error,
body.infinity-dark .itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error[data-itc-whatsapp-error="1"],
body.infinity-dark .itc-chat .itc-chat__offline-feedback[data-itc-offline-feedback="1"][data-itc-feedback-type="error"],
body.dark .itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error,
body.dark .itc-chat #itc-offline-whatsapp-error.itc-chat__offline-error[data-itc-whatsapp-error="1"],
body.dark .itc-chat .itc-chat__offline-feedback[data-itc-offline-feedback="1"][data-itc-feedback-type="error"],
.itc-chat.itc-chat--theme-dark #itc-offline-whatsapp-error.itc-chat__offline-error,
.itc-chat.itc-chat--theme-dark #itc-offline-whatsapp-error.itc-chat__offline-error[data-itc-whatsapp-error="1"],
.itc-chat.itc-chat--theme-dark .itc-chat__offline-feedback[data-itc-offline-feedback="1"][data-itc-feedback-type="error"],
.itc-chat[data-itc-theme="dark"] #itc-offline-whatsapp-error.itc-chat__offline-error,
.itc-chat[data-itc-theme="dark"] #itc-offline-whatsapp-error.itc-chat__offline-error[data-itc-whatsapp-error="1"],
.itc-chat[data-itc-theme="dark"] .itc-chat__offline-feedback[data-itc-offline-feedback="1"][data-itc-feedback-type="error"] {
    color: #ff8a8a !important;
    -webkit-text-fill-color: #ff8a8a !important;
}