/* SVB Contact – v1.9.0 */
.svb-contact{
  --svb-border:#e5e7eb; --svb-fg:#111827; --svb-muted:#6b7280; --svb-bg:#f6f7fb; --svb-accent:#ef4444;
  border:1px solid var(--svb-border); border-radius:14px; padding:clamp(14px,2.5vw,22px);
  background:var(--svb-bg); margin:18px auto; max-width:min(96vw,1140px);
  font: 500 16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  display: flow-root; clear: both; /* Kayma fix */
}
.svb-header-image{ margin: -4px -4px 12px -4px; }
.svb-header-image img{ width:100%; height:auto; display:block; border-radius:10px; box-shadow:0 6px 16px rgba(0,0,0,.08); }

.svb-heading{ margin:0 0 12px 0; }
.svb-heading-title{ margin:0 0 6px 0; font-weight:800; color:var(--svb-fg); }
.svb-heading-desc{ color:var(--svb-muted); line-height:1.55; }

.svb-contact .svb-row{ display:block; clear: both; }
.svb-contact label{ display:block !important; float:none !important; width:auto !important; margin:0 0 6px; font-weight:700; color:var(--svb-fg); }
.svb-contact input, .svb-contact textarea{
  float:none !important; width:100% !important; display:block !important;
  border: 1px solid transparent; border-bottom: 2px solid var(--svb-border);
  border-radius: 10px 10px 12px 12px; background:#fff; color:var(--svb-fg);
  padding:12px 14px; transition: border-color .15s ease, box-shadow .15s ease;
}
.svb-contact input:focus, .svb-contact textarea:focus{
  border-color: transparent; border-bottom-color: var(--svb-accent);
  box-shadow: 0 6px 10px -8px color-mix(in srgb, var(--svb-accent) 35%, transparent);
  outline: none;
}
.svb-contact input::placeholder, .svb-contact textarea::placeholder{ color:#9ca3af; }

.svb-actions{ display:flex !important; gap:12px; align-items:center; flex-wrap:wrap; }
.svb-contact .svb-btn{ background:#ef4444 !important; border-color:#ef4444 !important; color:#fff !important; font-weight:800;
  padding:14px 28px; min-height:48px; border-radius:12px; line-height:1; font-size:16px; }
.svb-contact .svb-btn:hover{ filter: brightness(0.94); }
@media (max-width:640px){ .svb-contact .svb-btn{ width:100%; justify-content:center; min-height:48px; font-size:17px; } }

.svb-status{ font-weight:700; color:var(--svb-muted); margin-bottom:8px; }
.svb-status.ok{ color:#16a34a } .svb-status.err{ color:#e11d48 }

/* Dark mode */
@media (prefers-color-scheme: dark){
  .svb-contact{ --svb-border:#2d333b; --svb-fg:#e5e7eb; --svb-muted:#9aa4b2; --svb-bg:#0d1117; --svb-accent:#ef4444; background:var(--svb-bg); border-color:#1f242d; }
  .svb-contact input, .svb-contact textarea{ background:#0b0f14; color:var(--svb-fg); border-bottom-color:#2a313a; }
  .svb-contact input:focus, .svb-contact textarea:focus{ border-bottom-color: var(--svb-accent); box-shadow: 0 6px 10px -8px color-mix(in srgb, var(--svb-accent) 45%, transparent); }
}

/* Desktop underline thickness */
@media (min-width: 1024px){ .svb-contact input, .svb-contact textarea{ border-bottom-width:2px; } }
