/*
Theme Name: Divi Child
Template: Divi
Version: 1.0
*/

/* ===== Damalion Custom Form Layout ===== */

.dam-form-row{
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}

.dam-form-col{
  flex: 1;
  min-width: 0;
}

.dam-form-group{
  display: flex;
  flex-direction: column;
}

.dam-form-group label{
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #101828;
}

.dam-form-group input[type="text"],
.dam-form-group input[type="email"],
.dam-form-group input[type="tel"],
.dam-form-group select,
.dam-form-group textarea{
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  font-size: 14px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background-color: #ffffff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dam-form-group textarea{
  min-height: 120px;
  resize: vertical;
}

.dam-form-group input:focus,
.dam-form-group select:focus,
.dam-form-group textarea:focus{
  border-color: #98a2b3;
  box-shadow: 0 0 0 2px rgba(152,162,179,0.15);
  outline: none;
}

.dam-help{
  margin-top: 6px;
  font-size: 11px;
  color: #667085;
}

/* ===== Mobile (stack fields) ===== */
@media (max-width: 640px){
  .dam-form-row{
    flex-direction: column;
    gap: 16px;
  }
}

/* ===== Left Block (Icons + Micro-labels) ===== */

.damalion-icon-list{
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}

.damalion-icon-list li{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
}

.damalion-matching-block h3{
  font-weight: 700;
  margin: 14px 0 8px; /* adds spacing between sections */
}

.damalion-conclusion{
  font-size: 14px;
  margin-top: 10px;
}