/*  bubfy.de — Kontakt und Formulare
 *  Datei: assets/css/pages/contact.css
 */
.bf-contact__box{position:relative;overflow:hidden}
.bf-contact__box::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:var(--signal);
}

/* Fremde Formular-Plugins an das Design angleichen */
.bf-contact__box input[type=text],
.bf-contact__box input[type=email],
.bf-contact__box input[type=tel],
.bf-contact__box select,
.bf-contact__box textarea,
.bf-contact__box .wpforms-field-medium{
  width:100%;font:inherit;font-size:.98rem;color:var(--ink);
  background:var(--surface-2);border:1.5px solid var(--rule)!important;
  border-radius:var(--r-sm)!important;padding:.9rem 1.05rem!important;
  transition:border-color var(--t),box-shadow var(--t);
}
.bf-contact__box input:focus,
.bf-contact__box select:focus,
.bf-contact__box textarea:focus{
  border-color:var(--signal)!important;
  box-shadow:0 0 0 4px var(--signal-bg)!important;outline:none;
}
.bf-contact__box button[type=submit],
.bf-contact__box input[type=submit],
.bf-contact__box .wpforms-submit{
  font-family:var(--f-body)!important;font-size:.95rem!important;
  letter-spacing:0;text-transform:none;font-weight:700!important;
  background:var(--signal)!important;color:var(--signal-ink)!important;
  border:1.5px solid var(--ink)!important;border-radius:var(--r-sm)!important;
  padding:1rem 1.6rem!important;cursor:pointer;
  box-shadow:var(--sh-2);transition:transform var(--t),background var(--t);
}
.bf-contact__box button[type=submit]:hover,
.bf-contact__box .wpforms-submit:hover{background:var(--signal-2)!important;transform:translate(-2px,-2px)}