/* =========================================================
   TWA INVESTIMENTOS
   AGENDAMENTO + STICKY SIDEBAR
   CORREÇÃO BASEADA NO DOM REAL DO WP RESIDENCE
========================================================= */

:root {
    /*
     * POSIÇÃO DO SIDEBAR QUANDO ENTRA EM STICKY
     *
     * Original do tema: 120px
     * Novo valor:        70px
     *
     * Quanto MENOR, mais para cima.
     */
    --twa-sticky-top: 70px;
}


/* =========================================================
   01. STICKY SIDEBAR REAL
   ---------------------------------------------------------
   DOM identificado:
   #primary.wpestate_sidebar_sticky
========================================================= */

@media only screen and (min-width: 992px) {

    html body
    #primary.wpestate_sidebar_sticky {
        top: var(--twa-sticky-top) !important;
    }

}


/* =========================================================
   02. IMPORTANTE
   NÃO MOVE O FORMULÁRIO MANUALMENTE
========================================================= */

@media only screen and (min-width: 992px) {

    html body
    #primary
    .wpestate_schedule_tour_wrapper.wpestate_contact_form_parent {
        margin-top: 0 !important;
        transform: none !important;
    }

}


/* =========================================================
   03. TÍTULO
========================================================= */

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
> h4 {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}


/* =========================================================
   04. CAMPO DE MENSAGEM
========================================================= */

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
textarea#agent_comment,

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
textarea[name="comment"] {
    box-sizing: border-box !important;

    width: 100% !important;

    height: 82px !important;
    min-height: 82px !important;
    max-height: 110px !important;

    padding: 10px 14px !important;

    line-height: 1.4 !important;

    resize: none !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    transition:
        height .18s ease,
        border-color .20s ease,
        box-shadow .20s ease !important;
}


/* =========================================================
   05. SCROLLBAR
========================================================= */

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
textarea#agent_comment::-webkit-scrollbar,

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
textarea[name="comment"]::-webkit-scrollbar {
    width: 4px !important;
}


html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
textarea#agent_comment::-webkit-scrollbar-thumb,

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
textarea[name="comment"]::-webkit-scrollbar-thumb {
    background: rgba(171, 132, 58, .24) !important;
    border-radius: 20px !important;
}


/* =========================================================
   06. MOBILE / TABLET
   NÃO MEXE NO STICKY
========================================================= */

@media only screen and (max-width: 991px) {

    html body
    #primary.wpestate_sidebar_sticky {
        top: auto !important;
    }

}


/* =========================================================
   07. REMOVE BOTÕES ANTIGOS
========================================================= */

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
.twa-corretor-premium-v6,

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
.twa-corretor-premium-v5,

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
.twa-whatsapp-corretor-v4,

html body
.wpestate_schedule_tour_wrapper.wpestate_contact_form_parent
.twa-talk-realtor-now {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    pointer-events: none !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    overflow: hidden !important;
}