/*
  CSS Styles for Inquiries entry and submission operations on home page
  In the web site BayITOutsourcing.com 
*/

/*
  Copyright (c) 2025 Bay IT Outsourcing
  All rights reserved.
  Created: 2025-09
*/

.inquiries-section{
  margin-top:22px;
  text-align:left;                 /* left align section content */
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:100%;
}

.inquiries-title{
  font-weight:700;
  color:#0b2540;
}

/* Multiline input that visually displays as a single line:
   use a textarea but constrain its height and allow vertical scroll only if user expands (keeps visually one line). */
.inquiries-input{
  width:100%;
  min-height:40px;        /* visually like a single-line control */
  max-height:40px;        /* keep it single-line height */
  resize:vertical;        /* allow user to expand if needed */
  overflow:auto;          /* show scrollbar if content exceeds */
  padding:8px 10px;
  border-radius:8px;
  border:1px solid rgba(11,116,222,0.12);
  font-family:var(--font-sans);
  font-size:14px;
  line-height:1.2;
  box-shadow:0 2px 8px rgba(11,116,222,0.04) inset;
  white-space:pre-wrap;   /* preserve line breaks in value */
}

.inquiries-email{
  margin-top:4px;
}