/* ============================================================
   WELDONE EVENTS — Contact page styles
   ============================================================ */

.contact-grid{
  display:grid; grid-template-columns:1.35fr 1fr; gap:clamp(44px, 6vw, 100px);
  align-items:start;
}

/* form */
.c-form{ margin-top:40px; display:flex; flex-direction:column; gap:30px; }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.c-form select{
  cursor:pointer; padding-right:34px;
}
.c-form select option{ background:var(--bg-3); color:var(--ink); }
.field .sel-chev{
  position:absolute; right:6px; bottom:18px; width:13px; height:13px;
  color:var(--gold); pointer-events:none;
}
.c-submit{ align-self:flex-start; margin-top:8px; }
.c-note{ font-size:.8rem; color:var(--ink-3); letter-spacing:.04em; }
.c-note a{ color:var(--gold); }
.c-note a:hover{ text-decoration:underline; }

/* info cards */
.c-info{ display:flex; flex-direction:column; gap:18px; position:sticky; top:110px; }
.c-card{
  display:flex; gap:20px; align-items:flex-start;
  padding:26px 28px; border:1px solid var(--line); border-radius:var(--radius);
  background:linear-gradient(160deg, var(--bg-3), transparent 80%);
  transition:transform .45s var(--ease), border-color .4s, box-shadow .5s;
}
.c-card:hover{ transform:translateX(8px); border-color:var(--gold); box-shadow:var(--shadow); }
.c-ic{
  flex-shrink:0; width:52px; height:52px; border-radius:50%;
  border:1px solid var(--line); color:var(--gold);
  display:grid; place-items:center; transition:all .4s;
}
.c-card:hover .c-ic{ background:var(--grad-gold); color:#1d0f16; border-color:transparent; }
.c-ic svg{ width:21px; height:21px; }
.c-card b{
  display:block; font-family:var(--font-display); font-weight:600; font-size:1.15rem; margin-bottom:6px;
}
.c-card a{ display:block; color:var(--ink-2); transition:color .3s; line-height:1.55; }
.c-card a:hover{ color:var(--gold); }
.c-card span{ display:block; margin-top:5px; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-3); }

/* whatsapp */
.c-wa{
  display:flex; align-items:center; gap:18px;
  padding:22px 26px; border-radius:var(--radius);
  background:var(--grad-gold); color:#1d0f16;
  transition:transform .45s var(--ease), box-shadow .5s;
}
.c-wa:hover{ transform:translateY(-4px); box-shadow:0 22px 46px -16px rgba(217,143,156,.55); }
.c-wa > svg{ width:30px; height:30px; flex-shrink:0; }
.c-wa b{ display:block; font-weight:600; letter-spacing:.04em; }
.c-wa small{ font-size:.76rem; opacity:.75; }
.c-wa .wa-arr{ margin-left:auto; width:18px; height:18px; transition:transform .4s var(--ease); }
.c-wa:hover .wa-arr{ transform:translateX(6px); }

.c-quote{
  text-align:center; padding:10px 20px 0;
}
.c-quote .script{ font-size:1.6rem; line-height:1.4; display:block; }
.c-quote small{
  display:block; margin-top:10px;
  font-size:.68rem; letter-spacing:.3em; text-transform:uppercase; color:var(--ink-3);
}

/* map */
.map-sec{ padding:0 0 var(--sec-pad); }
.map-frame{
  position:relative; height:clamp(340px, 46vw, 480px);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  overflow:hidden;
}
.map-frame iframe{
  width:100%; height:100%; border:0; display:block;
  filter:grayscale(1) contrast(1.05);
  transition:filter .6s ease;
}
.map-frame:hover iframe{ filter:grayscale(.2); }
.map-badge{
  position:absolute; left:clamp(18px, 4vw, 60px); top:50%; transform:translateY(-50%);
  display:flex; align-items:center; gap:16px;
  padding:20px 28px; border-radius:var(--radius);
  background:var(--bg-glass); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--line); box-shadow:var(--shadow);
  pointer-events:none;
}
.map-badge b{ display:block; font-family:var(--font-display); font-weight:600; font-size:1.2rem; color:var(--ink); }
.map-badge span{ font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); }

@media (max-width:980px){
  .contact-grid{ grid-template-columns:1fr; }
  .c-info{ position:static; }
}
@media (max-width:640px){
  .form-row{ grid-template-columns:1fr; }
}