/* MolComp Contact — minimal + consistent */

.mc-contact{
  --mc-text:#0f172a;
  --mc-muted:#475569;
  --mc-border:#e5e7eb;
  --mc-chip:#f1f5f9;
  --mc-primary:#06b6d4;
  --mc-primary-600:#0891b2;

  /* Swap this later with a real image:
     --mc-contact-hero: url("/wp-content/uploads/your-image.jpg"); */
  --mc-contact-hero: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3CradialGradient id='g1' cx='50%25' cy='35%25' r='70%25'%3E%3Cstop offset='0%25' stop-color='%2322d3ee' stop-opacity='0.28'/%3E%3Cstop offset='65%25' stop-color='%23a78bfa' stop-opacity='0.14'/%3E%3Cstop offset='100%25' stop-color='%230b1220' stop-opacity='1'/%3E%3C/radialGradient%3E%3ClinearGradient id='g2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%230b1220' stop-opacity='0.85'/%3E%3Cstop offset='100%25' stop-color='%23070f1c' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='900' fill='url(%23g2)'/%3E%3Crect width='1600' height='900' fill='url(%23g1)'/%3E%3Ccircle cx='520' cy='300' r='180' fill='%2322d3ee' opacity='0.10'/%3E%3Ccircle cx='1040' cy='360' r='220' fill='%23a78bfa' opacity='0.10'/%3E%3Cpath d='M0 720 C 280 640, 520 820, 820 740 S 1320 720, 1600 780 L 1600 900 L 0 900 Z' fill='%23ffffff' opacity='0.06'/%3E%3C/svg%3E");
}

.mc-contact *{ box-sizing:border-box; }

.mc-contact-wrap{
  max-width:1100px;
  margin:28px auto 60px;
  padding:0 16px;
  color:var(--mc-text);
}

/* Hero */
.mc-contact-hero{
  border:1px solid var(--mc-border);
  border-radius:16px;
  background: linear-gradient(180deg, #ecfeff 0%, #ffffff 60%);
  padding:18px;
  box-shadow: 0 10px 26px rgba(2,6,23,.08);
}

.mc-contact-hero-inner{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
  align-items:stretch;
}

@media (max-width: 980px){
  .mc-contact-hero-inner{ grid-template-columns:1fr; }
}

.mc-contact-hero-text{
  padding: 6px 4px;
}

.mc-contact-hero h1{
  margin:0 0 10px;
  font-size:40px;
  line-height:1.1;
  letter-spacing:-.02em;
}

.mc-contact-lead{
  margin:0 0 10px;
  color:var(--mc-muted);
  font-size:16px;
  line-height:1.65;
}

.mc-contact-email{
  margin:0 0 6px;
  color:var(--mc-muted);
  font-size:15px;
}
.mc-contact-email a{
  color:var(--mc-primary-600);
  text-decoration:underline;
  text-underline-offset:2px;
}
.mc-contact-email a:hover{ color:var(--mc-primary); }

.mc-contact-note{
  margin:0;
  color:var(--mc-muted);
  font-size:13px;
  line-height:1.6;
}

/* Placeholder hero image */
.mc-contact-hero-img{
  border-radius:14px;
  border:1px solid rgba(148,163,184,.25);
  background-image: var(--mc-contact-hero);
  background-size: cover;
  background-position: center;
  min-height: 220px;
  box-shadow: 0 8px 20px rgba(2,6,23,.10);
}

/* Card */
.mc-contact-card{
  margin-top:12px;
  border:1px solid var(--mc-border);
  border-radius:16px;
  background:#fff;
  padding:16px;
  box-shadow: 0 6px 16px rgba(2,6,23,.06);
}
.mc-contact-card h2{ margin:0 0 10px; font-size:22px; letter-spacing:-.01em; }

/* Form */
.mc-contact-form label{ display:block; font-weight:800; margin:0 0 6px; }
.mc-row{ display:grid; gap:10px; margin-bottom:12px; }
.mc-2{ grid-template-columns:1fr 1fr; }
@media (max-width:760px){ .mc-2{ grid-template-columns:1fr; } }

.mc-contact input[type="text"],
.mc-contact input[type="email"],
.mc-contact textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--mc-border);
  border-radius:12px;
  background:#fff;
  color:var(--mc-text);
  box-shadow: inset 0 0 0 1px #e2e8f0;
}
.mc-contact input:focus,
.mc-contact textarea:focus{
  outline:2px solid var(--mc-primary);
  outline-offset:2px;
  border-color:var(--mc-primary);
  box-shadow:0 0 0 3px rgba(6,182,212,.20);
}

/* Button */
.mc-c-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:12px;
  border:1px solid var(--mc-border);
  background:var(--mc-chip);
  color:var(--mc-text);
  text-decoration:none;
  font-weight:800;
  cursor:pointer;
}
.mc-c-btn:hover{ border-color:var(--mc-primary); background:#e6f7fb; color:var(--mc-primary-600); }
.mc-c-btn.primary{ background:var(--mc-primary); border-color:var(--mc-primary); color:#fff; }
.mc-c-btn.primary:hover{ background:var(--mc-primary-600); border-color:var(--mc-primary-600); color:#fff; }

.mc-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-start; margin-top:6px; }
@media (max-width:600px){
  .mc-actions{ flex-direction:column; align-items:stretch; }
  .mc-actions button{ width:100%; }
}

.mc-small{ margin:10px 0 0; color:var(--mc-muted); font-size:12px; line-height:1.55; }

/* Alerts */
.mc-alert{
  border-radius:12px;
  padding:10px 12px;
  margin: 10px 0 12px;
  border:1px solid var(--mc-border);
}
.mc-alert.ok{ background:#ecfeff; border-color:#bae6fd; }
.mc-alert.err{ background:#fff1f2; border-color:#fecdd3; }

/* Honeypot hidden */
.mc-hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}