/**
 * BOSPRO Registration Form - Stylesheet
 * File: assets/css/bospro-form.css
 */

.bospro-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

@media (max-width: 782px) {
  .bospro-form-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.bospro-form-col-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.bospro-field {
  margin-bottom: 16px;
}

.bospro-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 480px) {
  .bospro-field-row {
    grid-template-columns: 1fr;
  }
}

.bospro-form-wrap input[type="text"],
.bospro-form-wrap input[type="tel"],
.bospro-form-wrap input[type="email"],
.bospro-form-wrap select,
.bospro-form-wrap textarea {
  width: 100%;
  min-height: 54px;
  background: #00000033;
  border: 1px solid #ffffff33;
  border-radius: 4px;
  padding: 14px 16px;
  color: #e5e7eb;
  font-size: 18px;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  transition: border-color 0.2s ease;
}

.bospro-form-wrap textarea {
  height: 124px;
  resize: none;
  display: block;
}

.bospro-form-wrap input::placeholder,
.bospro-form-wrap textarea::placeholder {
  color: #6b7280;
}

.bospro-form-wrap select {
  color: #6b7280;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
}

.bospro-form-wrap input:focus,
.bospro-form-wrap select:focus,
.bospro-form-wrap textarea:focus {
  outline: none;
  border-color: #e11d1d;
}

.bospro-form-wrap input.bospro-input-invalid,
.bospro-form-wrap textarea.bospro-input-invalid {
  border-color: #dc2626;
}

.bospro-field-error {
  display: none;
  color: #f87171;
  font-size: 12px;
  margin-top: 6px;
}

.bospro-field-error.is-visible {
  display: block;
}

.bospro-submit-wrap {
  text-align: center;
  margin-top: 32px;
}

.bospro-submit-btn {
  background: #e11d1d;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 16px 40px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    background 0.2s ease,
    opacity 0.2s ease;
}

.bospro-submit-btn:hover {
  background: #c81717;
  color: #fff;
}

.bospro-submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bospro-hotline-note {
  text-align: center;
  color: #9ca3af;
  font-size: 13px;
  font-style: italic;
  margin-top: 16px;
}

.bospro-alert {
  max-width: 1000px;
  margin: 0 auto 20px auto;
  padding: 14px 18px;
  border-radius: 8px;
  font-size: 14px;
}

.bospro-alert-success {
  background: #052e16;
  border: 1px solid #16a34a;
  color: #86efac;
}

.bospro-alert-error {
  background: #2e0505;
  border: 1px solid #dc2626;
  color: #fca5a5;
}

.bospro-form-response {
  text-align: center;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 600;
  display: none;
}

.bospro-form-response.is-success {
  display: block;
  color: #4ade80;
}

.bospro-form-response.is-error {
  display: block;
  color: #f87171;
}