/* Formatações Global do Gravity Forms */
 
.gform_heading,
span.gfield_required.gfield_required_text,
.gform_validation_errors,
.gform-loader{
    display:none !important;
}
 
input:focus,
textarea:focus,
select:focus {
    outline: none !important;
}
 
.gform_confirmation_message {
    color: #000 !important;
    font-family: "Helvetica Neue" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

/* Fim Formatações Global do Gravity Forms */

/* Reunião forms */

body .gform_wrapper.reuniao-form_wrapper .gform-field-label{
    color: #000;
    font-family: "Helvetica Neue";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.3px;
}

body .gform_wrapper.reuniao-form_wrapper .gform_fields{
    gap: 20px !important;
}

body .gform_wrapper.reuniao-form_wrapper .gform_body input[type="email"],
body .gform_wrapper.reuniao-form_wrapper .gform_body input[type="text"],
body .gform_wrapper.reuniao-form_wrapper .gform_body input[type="tel"]{
    border-radius: 0px !important;
    background: rgba(161, 161, 161, 0.05);
    height: 50px;
    padding: 12px;
    border:none;
    border-bottom: 1px solid #000;
    width: 100%;
    color: rgba(161, 161, 161, 0.70);
    font-family: "Helvetica Neue";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 1;
}

body .gform_wrapper.reuniao-form_wrapper textarea{
    border-radius: 0px !important;
    background: rgba(161, 161, 161, 0.05);
    color: rgba(161, 161, 161, 0.70);
    opacity: 1;
    font-style: normal;
    font-size: 18px;
    font-family: "Helvetica Neue";
    font-weight: 500;
    line-height: normal;
    padding: 12px;
    border-radius: 0px !important;
    min-height: 165px!important;
    max-width: 100%;
    resize: none;
    overflow-x: hidden;
    overflow-wrap: break-word!important;
    border:none;
    border-bottom: 1px solid #000;
}

body .gform_wrapper.reuniao-form_wrapper input[type="submit"] {
    padding: 25px 20px !important;
    font-family: "Helvetica Neue" !important;
    font-size: 20px !important;
    background-color: transparent !important;
    font-weight: 500 !important;
    color: #000 !important;
    cursor: pointer!important;
    border:none !important;
    border-radius: 50px !important;
    border: 2px solid #000 !important;
}

body .gform_wrapper.reuniao-form_wrapper input[type="submit"]:hover {
    background-color: #000 !important;
    border: 2px solid #000 !important;
    color: #fff !important;
}

body .gform_wrapper.reuniao-form_wrapper .data-reuniao input {
    background-image: url(/wp-content/uploads/2025/08/chevron-down.svg) !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
}



a.ui-state-default.ui-state-active {
    background: #000 !important;
}

.gform-theme--framework.ui-datepicker table td:not(.ui-state-disabled):not(.ui-datepicker-current-day) a:focus {
    --gf-local-border: #000 !important;
}

select.ui-datepicker-year,select.ui-datepicker-month {
    box-shadow: none !important;
}

select.ui-datepicker-month:focus,
select.ui-datepicker-year:focus{
    border: 1px solid #000 !important;
}

body .gform_wrapper.reuniao-form_wrapper #field_submit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

body .gform_wrapper.reuniao-form_wrapper .gform_fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* Remove o span padrão do Gravity Forms */
body .gform_wrapper.reuniao-form_wrapper .gfield--width-full {
  grid-column: auto !important;
}

/* Garante largura total dos inputs */
body .gform_wrapper.reuniao-form_wrapper .ginput_container {
  width: 100%;
}

/* Coluna esquerda (1) */
body .gform_wrapper.reuniao-form_wrapper .input-nome { grid-column: 1; grid-row: 1; } /* Nome */
body .gform_wrapper.reuniao-form_wrapper .input-empresa { grid-column: 1; grid-row: 2; } /* Empresa */
body .gform_wrapper.reuniao-form_wrapper .input-email { grid-column: 1; grid-row: 3; } /* Email */
body .gform_wrapper.reuniao-form_wrapper .input-telemovel { grid-column: 1; grid-row: 4; } /* Telemóvel */

/* Coluna direita (2) */
body .gform_wrapper.reuniao-form_wrapper .data-reuniao { grid-column: 2; grid-row: 1; } /* Data */
body .gform_wrapper.reuniao-form_wrapper .input-mensagem { 
  grid-column: 2; 
  grid-row: 2 / span 2; /* Mensagem ocupa linhas 2 e 3 */
  min-height: 150px; /* Altura mínima para o textarea */
}
body .gform_wrapper.reuniao-form_wrapper #field_submit { 
  grid-column: 2; 
  grid-row: 4; /* Botão na linha 4 (abaixo da mensagem) */
  text-align: right;
  margin-top: 10px;
}

@media (max-width: 767px) {
  body .gform_wrapper.reuniao-form_wrapper .gform_fields {
    grid-template-columns: 1fr;
  }
  body .gform_wrapper.reuniao-form_wrapper .gfield {
    grid-column: auto !important;
    grid-row: auto !important;
  }
body .gform_wrapper.reuniao-form_wrapper #field_submit {
    display: flex;
    align-items: center;
    justify-content: center;
}
}
























/* Ajustes específicos do Form 2 (Agendar reunião - Lazer e Corporate) */
/* Não afeta o Form 1 pois usa a classe extra .reuniao-form-corporate-lazer_wrapper */

.chosen-container {
    width: 100% !important;
}

ul.chosen-results {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Posicionamento do grid do Form 2 só no desktop; no mobile usa o reset de 1 coluna que já existe acima */
@media (min-width: 768px) {
  /* Assunto entra na coluna 2, linha 2 (abaixo da Data) */
  body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao {
    grid-column: 2;
    grid-row: 2;
  }

  /* Mensagem desce para as linhas 3-4, pois o Assunto ocupou a linha 2 */
  body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .input-mensagem {
    grid-row: 3 / span 2;
  }

  /* Consentimento fica na coluna 2, abaixo da mensagem */
  body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .consentimento-reuniao {
    grid-column: 2 !important;
    grid-row: 5;
  }

  /* Botão de envio desce para a linha 6, na coluna 2 */
  body .gform_wrapper.reuniao-form-corporate-lazer_wrapper #field_submit {
    grid-column: 2 !important;
    grid-row: 6;
  }
}

/* Estilo do Assunto (select com Enhanced UI/Chosen), igual ao campo Data da reunião */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-single {
  height: 50px;
  padding: 12px;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background: rgba(161, 161, 161, 0.05) url(/wp-content/uploads/2025/08/chevron-down.svg) !important;
  background-position: 95% 50% !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
  box-shadow: none !important;
  color: rgba(161, 161, 161, 0.70);
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

/* No mobile o Chosen desliga e volta o <select> nativo (.gfield_select) — mesmo visual do campo Data */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao select.gfield_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 50px;
  padding: 12px;
  padding-right: 40px;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0px !important;
  background: rgba(161, 161, 161, 0.05) url(/wp-content/uploads/2025/08/chevron-down.svg) !important;
  background-position: 95% 50% !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
  color: rgba(161, 161, 161, 0.70);
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* Esconde a setinha padrão do Chosen (usamos o mesmo chevron do campo Data) */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-single div b {
  background: none !important;
}

/* Remove o contorno/glow azul de foco (do <a> do Chosen e do select nativo escondido) */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-single:focus,
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-container:focus,
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao select:focus,
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-container-active .chosen-single,
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-container-active.chosen-with-drop .chosen-single {
  outline: none !important;
  box-shadow: none !important;
}

/* Esconde a busca (não precisa pesquisar numa lista de 2 opções) */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-search {
  display: none !important;
}

/* Esconde a opção de placeholder ("Escolha uma opção") da lista, ela já aparece na caixa fechada */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-results li:first-child {
  display: none !important;
}

/* Texto dos resultados do Chosen */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-results li {
  color: var(--Black, #000);
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* Caixa do dropdown de opções */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-drop {
  border: 1px solid #000;
  border-radius: 0;
  box-shadow: none;
}

/* Opção em destaque (hover/teclado) preta ao invés de azul */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-results li.highlighted {
  background: #000 !important;
  color: #fff;
}

/* Opção já selecionada: o tema do GF marca com box-shadow azul lateral por padrão; troca pra fundo preto sem a borda */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .assunto-reuniao .chosen-results li.result-selected {
  background: #000 !important;
  box-shadow: none !important;
  color: #fff;
}

/* Texto e links do Consentimento */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .consentimento-reuniao .gfield_consent_label {
  color: var(--Black, #000);
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .consentimento-reuniao .gfield_consent_label a {
  color: var(--Black, #000);
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
}

/* Checkbox do Consentimento */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .consentimento-reuniao input[type="checkbox"] {
  width: 22px;
  height: 22px;
  border: 1px solid #000;
  background: rgba(161, 161, 161, 0.05);
  accent-color: #000;
}

/* Cor do "tick" (ícone desenhado via ::before pelo tema do Gravity Forms) */
body .gform_wrapper.reuniao-form-corporate-lazer_wrapper .consentimento-reuniao input[type="checkbox"]::before {
  color: #000 !important;
}

/* Fim Reunião forms */