/* 
Card de webform SEM stepper: sombra contornando o card inteiro para dar
   contraste na borda de cima (a sombra padrão é deslocada pra baixo). 
*/

.ac-agend-form {
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, .08) !important;
}

/* Tela de sucesso: o form já dá 32px de padding-top (nela o stepper não é
   renderizado), então o padding de cima da mensagem somava 64px. */
.ac-agend-form .webform-confirmation {
  padding-top: 0 !important;
}

/* 
Campo de upload (managed_file) e campos condicionais (#states): o webform
 os envolve num wrapper, então eles não são filhos diretos do <form> e ficam
 sem o gutter de 32px. Em wizard esses wrappers moram dentro do
 div[data-webform-key], que já tem padding — por isso o ">" basta.
*/

.ac-agend-form > div > .js-form-type-managed-file,
.ac-agend-form > [data-drupal-states] > .js-form-item {
  padding-inline: 32px;
}

@media (max-width: 768px) {
  .ac-agend-form > div > .js-form-type-managed-file,
  .ac-agend-form > [data-drupal-states] > .js-form-item {
    padding-inline: 20px;
  }
}