/* Shared restyle for embedded legacy contact form partials (contactform.php / contactform-mob.php)
   so they visually match the new-site design system wherever they're included.
   Reference design shows icon-in-field inputs with no separate label above them —
   the placeholder text already carries the field name, so labels are hidden and a
   left-aligned icon is added per field instead (purely cosmetic — same name/id/backend). */

/* Card container itself — matches the card styling the original sidebar quote form used
   (rounded-2xl bg-white border border-border/60 shadow-xl shadow-navy-dark/10 p-5 md:p-6)
   before it was replaced with this wrapper + the contactform.php include. */
.bca-contact-form-card {
  border-radius: 1rem;
  background: #ffffff;
  border: 1px solid var(--border, rgba(0, 0, 0, .1));
  box-shadow: 0 20px 25px -5px rgba(36, 59, 112, .1), 0 8px 10px -6px rgba(36, 59, 112, .1);
  padding: 1.25rem;
}
@media (min-width: 768px) {
  .bca-contact-form-card {
    padding: 1.5rem;
  }
}

.bca-contact-form-card .contact-box,
.bca-contact-form-card .contact-box * {
  box-sizing: border-box !important;
}

.bca-contact-form-card .contact-box {
  padding: 0;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1.25rem 0 0 !important;
  float: none !important;
}

.bca-contact-form-card .contact-box .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px;
  align-items: flex-start;
  margin: 0 0 14px;
}

.bca-contact-form-card .contact-box [class*="col-"] {
  width: auto;
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
}

.bca-contact-form-card .contact-box .row>* {
  padding: 0 !important;
  margin: 0 !important;
}

.bca-contact-form-card .contact-box .row .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 3px !important;
}

.bca-contact-form-card .contact-box .row .col-12 label {
  margin: 0;
}

.bca-contact-form-card .contact-box .row .col-2 {
  flex: 0 0 100px !important;
  max-width: 100px !important;
  width: 100px !important;
}

.bca-contact-form-card .contact-box .row .col-10 {
  flex: 1 1 auto !important;
  min-width: 0;
  width: auto !important;
}

.bca-contact-form-card .contact-box .row .form-select {
  width: 100%;
  height: 46px !important;
}

.bca-contact-form-card .contact-box .row .form-num {
  width: 100%;
}

.bca-contact-form-card .contact-box .heading-text {
  display: none;
}

.bca-contact-form-card .contact-box form {
  display: block;
  padding: 0;
}

.bca-contact-form-card .contact-box .form-group {
  margin: 0 0 14px;
}

.bca-contact-form-card .contact-box label {
  display: none;
}

.bca-contact-form-card .contact-box .form-control,
.bca-contact-form-card .contact-box .form-select,
.bca-contact-form-card .contact-box .form-num,
.bca-contact-form-card .contact-box .message-box {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.6rem;
  border: 1px solid var(--border, rgba(0, 0, 0, .12));
  border-radius: 0.75rem;
  font: inherit;
  font-size: 14px;
  color: #1a1a2e;
  background: var(--background, #fff) no-repeat 0.9rem center;
  background-size: 16px 16px;
  box-sizing: border-box;
  height: auto;
  line-height: 1.4;
}

.bca-contact-form-card .contact-box #Name {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23808a99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.bca-contact-form-card .contact-box #Mail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23808a99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/svg%3E");
}
.bca-contact-form-card .contact-box .form-num {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23808a99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");
}
.bca-contact-form-card .contact-box .message-box {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23808a99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719'/%3E%3C/svg%3E");
  background-position: 0.9rem 1rem;
}

.bca-contact-form-card .contact-box .message-box,
.bca-contact-form-card .contact-box textarea.form-control {
  resize: vertical;
  min-height: 100px;
}

.bca-contact-form-card .contact-box .form-control:focus,
.bca-contact-form-card .contact-box .form-select:focus,
.bca-contact-form-card .contact-box .form-num:focus,
.bca-contact-form-card .contact-box .message-box:focus {
  outline: none;
  border-color: var(--navy);
  box-shadow: 0 0 0 3px rgba(42, 65, 118, 0.12);
}

.bca-contact-form-card .contact-box .btn.contact-btn,
.bca-contact-form-card .contact-box .btn.qk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  background: var(--navy);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding: 0.85rem 1.5rem;
  border-radius: 0.75rem;
  border: 0;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(36, 59, 112, 0.2);
  transition: background .2s, box-shadow .2s;
}

.bca-contact-form-card .contact-box .btn.contact-btn:hover,
.bca-contact-form-card .contact-box .btn.qk-btn:hover {
  background: var(--navy-dark, #243B70);
  box-shadow: 0 10px 24px rgba(36, 59, 112, 0.28);
}

.bca-contact-form-card .contact-box #error {
  font-size: 12.5px;
  margin: 6px 0 0;
}