/* ─────────────────────────────────────────
   CONTACT PAGE (contact.css)
   ───────────────────────────────────────── */

/* Navbar opak (bu sayfada şeffaf değil) */
.nav-solid{
  background: #0047B3;
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* Sayfa düzeni */
.contact{
  background:#fff;
  padding:110px 0 80px;
  padding-top: 140px; /* sadece üstten boşluk */
}
.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

.contact-grid{
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap:40px;
  align-items:start;
}

/* Sol bilgi kartı */
.info-card{
  background:#f5f6f8;
  border-radius:24px;
  padding:28px;
  box-shadow:0 18px 32px rgba(0,0,0,.06);
}

/* ── KOBALT: CONTACT US etiketi (eyebrow) */
.info-card .eyebrow{
  font-weight:800;
  letter-spacing:.6px;
  font-size:.9rem;
  color:#0047B3;                 /* Kobalt mavisi */
}

.info-card h1{
  margin:8px 0 14px;
  font-size: clamp(1.6rem, 3.6vw, 2.2rem);
  font-weight:900;
  color:#111;
}
.info-card p{
  color:#5b6675;
  line-height:1.7;
  margin-bottom:20px;
}
.field{ margin:16px 0; }
.label{ font-weight:800; color:#333; margin-bottom:6px; }
.value{ color:#6a7684; }

/* Sağ taraf: Harita */
.map-wrap{
  width:100%;
  height:260px;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 14px 28px rgba(0,0,0,.08);
  margin-bottom:16px;
}

/* Form */
.contact-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.input, .textarea{
  width:100%;
  border:none;
  outline:none;
  background:#f5f6f8;
  color:#111;
  padding:18px 18px;
  border-radius:28px;
  font-family:'Montserrat', sans-serif;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
}
.input::placeholder, .textarea::placeholder{
  color:#9aa5b1;
}
.textarea{
  border-radius:22px;
  resize:vertical;
  min-height:160px;
}

/* ── KOBALT: SEND MESSAGE NOW butonu */
.send-btn{
  align-self:flex-start;
  background:#0047B3;            /* Kobalt mavisi */
  color:#fff;
  border:none;
  cursor:pointer;
  padding:16px 28px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.3px;
  box-shadow:0 12px 26px rgba(0,71,179,.30);
  transition:transform .12s ease, filter .12s ease, background-color .12s ease;
}
.send-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  background:#003b91;            /* Hover: koyu kobalt */
}

/* Responsive */
@media (max-width: 980px){
  .contact-grid{ grid-template-columns: 1fr; }
  .send-btn{ align-self:stretch; text-align:center; }
}

.mail-link {
  color: #0047B3;                /* kobalt mavisi */
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.mail-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.contact-link {
  color: #0047B3;
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.2s ease, text-decoration 0.2s ease;
  word-break: break-word; /* mobilde düzgün taşsın */
}
.contact-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}