/* assets/style.css */

#cbf-form-wrapper {
  max-width: 900px;
  margin: 40px auto;
  padding: 40px;
  background: #022033;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  font-family: 'Cormorant Garamond', serif;
}

.cbf-step {
  display: none;
}

.cbf-step.active {
  display: block;
}

#cbf-form input[type="text"],
#cbf-form input[type="email"],
#cbf-form textarea {
  width: 100%;
  padding: 10px;
  margin: 8px 0 16px;
  background-color:transparent;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  color:white;
}

#cbf-form label h3 {
  display: block;
  margin-bottom: 1px;
  font-weight: 700;
  font-size: 18px;
  color:white;
  font-family: 'Cormorant Garamond', serif !important;
  line-height:25px;
}

#cbf-form-wrapper h3 {
  color: #fff;
}
#cbf-form input[type="radio"] {
  margin:7px;
}

.cbf-buttons {
  margin-top: 20px;
}

.cbf-buttons button,
.cbf-btn {
  background-color: #fada57;
  color: black !important;
  padding: 10px 20px;
  border: none;
  border-radius: 95px;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  margin-right: 10px;
}

.cbf-buttons button:hover,
.cbf-btn:hover {
  background-color: #022033 !important;
  border:#fada57;
  border-radius:50px;
  color: white !important;
}

/*#cbf-message {*/
/*  padding: 30px;*/
/*  background: #f5f5f5;*/
/*  border-radius: 8px;*/
/*  text-align: center;*/
/*  font-size: 18px;*/
/*  line-height: 1.6;*/
/*}*/



/*#cbf-message a {*/
/*  color: #0073aa;*/
/*  text-decoration: underline;*/
/*}*/


#cbf-message {
  display: block;
  background-color: #ffffff;
  color: #333333;
  padding: 30px;
  margin: 30px auto;
  max-width: 720px;
  font-size: 16px;
  line-height: 1.7;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}



@media (max-width: 600px) {
  #cbf-form-wrapper {
    padding: 20px;
  }
  .cbf-buttons button {
    width: 100%;
    margin-bottom: 10px;
  }
}



#cbf-form-wrapper.dark-mode {
  background-color: #fff !important;
  color: #eaeaea;
}

#cbf-form-wrapper.dark-mode input,
#cbf-form-wrapper.dark-mode textarea {
  background-color: #fff;
  color: #000000;
  border: 1px solid #444;
}

#cbf-form-wrapper.dark-mode label,
#cbf-form-wrapper.dark-mode h3 {
  color: #000000;
}

#cbf-form-wrapper.dark-mode button {
  background: #333;
  color: #fff;
  border: 1px solid #555;
}

#cbf-form-wrapper.dark-mode #cbf-message {
  background-color: #fff;
  color: #000000;
  border-color: #555;
}


#cbf-form-wrapper.dark-mode button,
.cbf-btn {
  background-color: #fada57;
  color: black;
  padding: 10px 20px;
  border: none;
  border-radius: 95px;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  margin-right: 10px;
}