/* SMC Contact Form - Responsive, Noto Sans */

.smc-cf-wrap{
  --smc-cf-width: 720px;
  font-family: 'Noto Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  width: 100%;
  max-width: var(--smc-cf-width);
  margin: 0 auto;
}

.smc-cf-notice{
  border-radius: 12px;
  padding: 12px 14px;
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.4;
}
.smc-cf-success{ background: #ECFDF5; border: 1px solid #A7F3D0; color: #065F46; }
.smc-cf-error{ background: #FEF2F2; border: 1px solid #FCA5A5; color: #7F1D1D; }

.smc-cf-form{
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  background: #fff;
}

.smc-cf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.smc-cf-field-full{ grid-column: 1 / -1; }

.smc-cf-field label{
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  color: #0f172a;
}

.smc-cf-required{ color: #dc2626; }

.smc-cf-field input,
.smc-cf-field select,
.smc-cf-field textarea{
  width: 100%;
  padding: 11px 12px;
  border: 1px solid rgba(15, 23, 42, 0.18);
  border-radius: 12px;
  font-size: 14px;
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
  background: #fff;
}

.smc-cf-field textarea{ resize: vertical; min-height: 140px; }

.smc-cf-field input:focus,
.smc-cf-field select:focus,
.smc-cf-field textarea:focus{
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}

.smc-cf-actions{
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
}

.smc-cf-btn{
  appearance: none;
  border: 0;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: transform .05s ease, box-shadow .15s ease;
  color: #fff;
  background: #0f172a;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
}

.smc-cf-btn:hover{ box-shadow: 0 14px 26px rgba(15, 23, 42, 0.22); }
.smc-cf-btn:active{ transform: translateY(1px); }

@media (max-width: 720px){
  .smc-cf-form{ padding: 14px; border-radius: 16px; }
  .smc-cf-grid{ grid-template-columns: 1fr; }
}