/*
 * Isolate Hotjar Feedback/Survey from site form CSS.
 * Form container reset + field sizes (auto width/height collapses Hotjar fields).
 * Do NOT size radio/checkbox inputs — emoji rating uses them and width:100%
 * forces horizontal scroll in the survey panel.
 */
[id^="hotjar-survey"] form {
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin-left: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
    max-width: 100%;
}

[id^="hotjar-survey"] input[type="text"],
[id^="hotjar-survey"] input[type="email"],
[id^="hotjar-survey"] input[type="tel"],
[id^="hotjar-survey"] input[type="number"],
[id^="hotjar-survey"] input[type="url"],
[id^="hotjar-survey"] input[type="search"],
[id^="hotjar-survey"] input:not([type]),
[id^="hotjar-survey"] select {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
}

[id^="hotjar-survey"] input[type="radio"],
[id^="hotjar-survey"] input[type="checkbox"] {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
}

[id^="hotjar-survey"] textarea {
    width: 100% !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}

[id^="hotjar-survey"] form button {
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/* Clip Feedback tab chrome — inner icon wrapper uses overflow:auto and shows a scrollbar */
#hj-survey-toggle-1,
#hj-survey-toggle-1 *,
button[id^="hj-survey-toggle"],
button[id^="hj-survey-toggle"] * {
    overflow: hidden !important;
}