/* ==========================================================================
   Barbearia Deluca — estilo dos campos adicionados ao popup (custom.js)
   Combina com o popup claro do GreatPages (fundo branco, borda cinza,
   destaque laranja/cobre).
   ========================================================================== */

/* Teto de segurança do popup (a altura exata é medida/ajustada pelo custom.js
   para caber os campos adicionados, removendo a barra de rolagem). */
.gpc_modal[gpc_id_elemento] { max-height: 94vh !important; }

/* O overlay nativo do Great Pages não cobre a tela toda (deixava uma faixa).
   Deixamos ele transparente e usamos um backdrop próprio de tela cheia, para
   ficar só o popup sobre o escurecido — sem faixa nenhuma. */
.gpc_modal-fundo,
.gm_fundo { background: transparent !important; }

#deluca-backdrop {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(10, 10, 10, 0.78);
  z-index: 1000;      /* abaixo do modal (1001), acima da página */
  display: none;
}

/* Mantém apenas UM "X" para fechar (o do próprio modal); remove o do canto da tela. */
.gpc_modal_popup-fundo-fechar { display: none !important; }

/* Select de Interesse — mesma pegada dos inputs do GreatPages */
.deluca-select {
  width: 100%;
  padding: 12px 40px 12px 14px;
  font: inherit;
  color: #2b2b2b;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  cursor: pointer;
}
.deluca-select:focus {
  outline: none;
  border-color: #d98a3d;
  box-shadow: 0 0 0 2px rgba(217, 138, 61, .18);
}
.deluca-select option[disabled] { color: #999; }

/* Espaçamento dos campos novos igual aos demais */
.deluca-campo { margin-bottom: 12px; }

/* Realce de erro após tentativa de envio inválida */
form.deluca-invalid .deluca-select:invalid { border-color: #e0564e; }
form.deluca-invalid .gpc_campos-radio .gpc_campos-campo:not(:has(input:checked)) label { color: #e0564e; }