/* ===================================================
   İLETİŞİM (contact.css)
   Harita + bilgi kartları + form
   Tema: lacivert #1a2a6b, Cormorant + Inter
   =================================================== */

.breadcrumb{ border-bottom: 1px solid #f0f0f3; }
.breadcrumb .container{ max-width: 1200px; margin: 0 auto; padding: 16px 32px; font-size: 13px; color: #999; }
.breadcrumb a{ color: var(--beymen-navy, #1a2a6b); text-decoration: none; }
.breadcrumb a:hover{ text-decoration: underline; }
.breadcrumb .sep{ margin: 0 8px; color: #ccc; }

.container{ max-width: 1200px; margin: 0 auto; padding: 0 32px; }

/* Hero */
.ct-hero{ padding: 44px 0 10px; }
.ct-hero .container{ max-width: 1200px; }
.ct-hero .eyebrow{
  font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--beymen-copper, #2e4ca0); font-weight: 600; display: block; margin-bottom: 10px;
}
.ct-hero h1{
  font-family: var(--font-serif, 'Cormorant Garamond', serif);
  font-size: 44px; font-weight: 500; color: var(--ink, #111); margin: 0 0 12px; line-height: 1.1;
}
.ct-hero p{ font-size: 15px; color: #888; max-width: 560px; line-height: 1.6; margin: 0; }

/* Düzen */
.ct-grid{
  display: grid; grid-template-columns: 360px 1fr; gap: 40px;
  align-items: start; padding: 36px 0 60px;
}

/* Bilgi kartları */
.ct-info{ display: flex; flex-direction: column; gap: 14px; }
.ct-info-card{
  display: flex; gap: 16px; align-items: flex-start;
  background: #fff; border: 1px solid #ececf0; border-radius: 16px; padding: 20px;
}
.ct-info-icon{
  width: 46px; height: 46px; flex-shrink: 0; border-radius: 12px;
  background: #f4f6fb; color: var(--beymen-navy, #1a2a6b);
  display: flex; align-items: center; justify-content: center;
}
.ct-info-icon svg{ width: 22px; height: 22px; }
.ct-info-body h3{ font-size: 14px; font-weight: 600; color: var(--ink, #111); margin: 0 0 5px; }
.ct-info-body p{ font-size: 14px; color: #666; margin: 0; line-height: 1.55; }
.ct-info-body a{ color: var(--beymen-navy, #1a2a6b); text-decoration: none; }
.ct-info-body a:hover{ text-decoration: underline; }

/* Sosyal */
.ct-social{
  background: linear-gradient(150deg, var(--beymen-navy, #1a2a6b), #14225a);
  border-radius: 16px; padding: 22px; color: #fff;
}
.ct-social h3{ font-size: 14px; font-weight: 600; margin: 0 0 14px; color: var(--accent-on-dark, #d9b779); }
.ct-social-links{ display: flex; gap: 12px; }
.ct-social-links a{
  width: 42px; height: 42px; border-radius: 11px;
  background: rgba(255,255,255,.1); color: #fff;
  display: flex; align-items: center; justify-content: center;
  transition: background .18s ease;
}
.ct-social-links a:hover{ background: rgba(255,255,255,.22); }
.ct-social-links svg{ width: 20px; height: 20px; }

/* Form */
.ct-form-wrap{
  background: #fff; border: 1px solid #ececf0; border-radius: 20px;
  padding: 36px; box-shadow: 0 1px 3px rgba(20,22,40,.04);
}
.ct-form-wrap h2{
  font-family: var(--font-serif, 'Cormorant Garamond', serif);
  font-size: 28px; font-weight: 500; color: var(--ink, #111); margin: 0 0 6px;
}
.ct-form-sub{ font-size: 14.5px; color: #888; margin: 0 0 26px; }

.ct-form{ display: flex; flex-direction: column; gap: 18px; }
.ct-form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ct-field{ display: flex; flex-direction: column; gap: 8px; }
.ct-field label{ font-size: 13px; color: #555; font-weight: 500; }
.ct-field input, .ct-field textarea{
  padding: 14px 16px; border: 1.5px solid #e8e8ee; border-radius: 12px;
  font-size: 14.5px; font-family: inherit; color: var(--ink, #111);
  background: #fafafb; outline: none; width: 100%; box-sizing: border-box;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.ct-field input:focus, .ct-field textarea:focus{
  border-color: var(--beymen-navy, #1a2a6b); background: #fff;
  box-shadow: 0 0 0 4px rgba(26,42,107,.07);
}
.ct-field input::placeholder, .ct-field textarea::placeholder{ color: #b4b4bf; }
.ct-field textarea{ resize: vertical; min-height: 130px; }

.ct-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 16px 28px; border: none; cursor: pointer;
  background: var(--beymen-navy, #1a2a6b); color: #fff; border-radius: 12px;
  font-size: 14px; font-weight: 600; letter-spacing: .5px;
  transition: background .2s ease, transform .1s ease; text-decoration: none;
}
.ct-btn svg{ width: 18px; height: 18px; }
.ct-btn:hover{ background: #12204f; }
.ct-btn:active{ transform: scale(.99); }
.ct-btn-outline{ background: #fff; border: 1.5px solid var(--beymen-navy, #1a2a6b); color: var(--beymen-navy, #1a2a6b); }
.ct-btn-outline:hover{ background: var(--beymen-navy, #1a2a6b); color: #fff; }

/* Alert */
.ct-alert{
  background: #fbe9e7; color: #c0392b; padding: 13px 17px;
  border-radius: 11px; font-size: 14px; margin-bottom: 4px;
}

/* Başarı */
.ct-success{ text-align: center; padding: 30px 10px; }
.ct-success-icon{
  width: 76px; height: 76px; margin: 0 auto 22px; border-radius: 50%;
  background: #eef4ee; color: #2e7d52;
  display: flex; align-items: center; justify-content: center;
}
.ct-success-icon svg{ width: 38px; height: 38px; }
.ct-success h2{
  font-family: var(--font-serif, 'Cormorant Garamond', serif);
  font-size: 28px; font-weight: 500; color: var(--ink, #111); margin: 0 0 10px;
}
.ct-success p{ font-size: 15px; color: #777; line-height: 1.6; margin: 0 0 24px; max-width: 380px; margin-left: auto; margin-right: auto; }

/* Harita */
.ct-map{ margin-top: 20px; line-height: 0; }
.ct-map iframe{ display: block; width: 100%; filter: grayscale(.2); }

/* Responsive */
@media (max-width: 900px){
  .ct-grid{ grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 560px){
  .container, .ct-hero .container, .breadcrumb .container{ padding-left: 18px; padding-right: 18px; }
  .ct-hero h1{ font-size: 34px; }
  .ct-form-wrap{ padding: 26px 20px; }
  .ct-form-row{ grid-template-columns: 1fr; }
}