/* /css/message.css  */

/* ==== Page container ==== */
.view.message-view {
  --form-font-size: 18px;
  --form-bg: #bbc5d263; 
  padding: 0;
  overflow-x: hidden;
  width: min(var(--site-max-width, 1000px), 100%);
  margin: 0 auto;
}

/* ==== Form layout ==== */
.inquiry-form {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

/* consistent text size + weight for everything inside */
.inquiry-form,
.inquiry-form * {
  font-size: var(--form-font-size);
  font-weight: normal;
}

.form-row { display: grid; gap: 6px; }
.form-row > * { min-width: 0; }

.inquiry-form input,
.inquiry-form textarea,
.inquiry-form select {
  padding: 10px 12px;
  border: 1px solid #cfd6e4;
  border-radius: 8px;
  background: var(--form-bg);
  outline: none;
  transition: border-color .15s, box-shadow .15s, background-color .15s;
  width: 100%;
  box-sizing: border-box;      /* keep inside cell */
}

.inquiry-form input:focus,
.inquiry-form textarea:focus,
.inquiry-form select:focus {
  border-color: #4a6edb;
  box-shadow: 0 0 0 3px rgba(74,110,219,.15);
  background: #fff;            /* brighten on focus */
}

.inquiry-form textarea {
  min-height: 140px;
  resize: vertical;
}

/* ==== Actions ==== */
.actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 6px;             /* breathing room above button row */
}

#sendBtn {
  background: var(--color-nonact, #153b8e);
  color: #fff;
  border: 0;
  padding: 11px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: transform .06s ease, opacity .15s ease, background-color .15s ease;
}
#sendBtn:hover {
  background: var(--color-act, #0f2e6d);
  font-weight: bold;           /* hover = bold to match app */
  opacity: 1;
}
#sendBtn:active { transform: translateY(1px); }
#sendBtn:disabled { opacity: .55; cursor: not-allowed; }

/* unified note + status */
#formNote { font-size: var(--form-font-size); color: #555; white-space: nowrap; }
#formNote.ok  { color: #0a7d32; }
#formNote.err { color: #b00020; }

/* honeypot */
.hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ==== Responsive ==== */
@media (min-width: 840px){
  .inquiry-form--two-col {
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;            /* row gap / column gap */
  }
  .inquiry-form--two-col .span-2 { grid-column: 1 / -1; }
}

/* Remove browser autofill background */
.inquiry-form input:-webkit-autofill,
.inquiry-form textarea:-webkit-autofill,
.inquiry-form select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--form-bg) inset !important;
  box-shadow: 0 0 0 1000px var(--form-bg) inset !important;
  -webkit-text-fill-color: #000;
}

/* ==== Extras ==== */
.message-view .panel-header { margin-bottom: 6px; }
.message-view .lead {
  font-size: var(--form-font-size);
  font-weight: normal;
  margin: 8px 0 12px;
  color: #333;
}