/*
Theme Name: Febiam Understrap Child
Template: understrap
Author: Erreciweb
Version: 1.0.0
Text Domain: understrap-child
*/
:root {
  --bs-body-font-family: 'Montserrat', sans-serif;
}

body {
  font-family: var(--bs-body-font-family);
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900 !important;
}

p, li, a, span {
  font-family: 'Open Sans', sans-serif;
}


:root {
  --brand-yellow: #fcea10;
  --brand-blue: #222d59;
  --brand-black: #000000;
  --brand-white: #ffffff;
}

body {
  color: var(--brand-black);
}
/*Contact form personalizzazione*/
/* Input e textarea */
.wpcf7 .form-field {
  width: 100%;
  padding: 12px 16px !important;
  background-color: #ffffff;
  border: 2px solid #fcea10 !important;
  border-radius: 30px !important;
  color: #000000;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}

/* Focus: bordo giallo più visibile */
.wpcf7 .form-field:focus {
  border-color: #fcd800 !important;
  outline: none;
}

/* Placeholder */
.wpcf7 .form-field::placeholder {
  color: #888888;
}

/* Pulsante invio */

.wpcf7 .form-submit {
  width: 100%;
  padding: 34px 20px !important;
  background-color: #222d59 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 30px !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  cursor: pointer;
  transition: background 0.3s ease;
  line-height: 0 !important;
}

.wpcf7 .form-submit:hover {
  background-color: #1a234b;
}
/*fine cf7*/

.whatsapp-wrapper {
  width: 80%;
  margin: 0 auto; /* centrato */
}
.whatsapp-input {
  max-width: 400px;
  flex: 1;
  padding: 12px 16px;
  border-radius: 25px;
  font-size: 1rem;

  /* effetto vetro */
  background: rgba(255, 255, 255, 0.2); /* bianco trasparente */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* per Safari */
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff; /* testo chiaro */
}

.whatsapp-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}