/* page-iletisim.php */

@import url("./_page-hero.css");

/* ── Ana Grid ───────────────────────────────────────────────────────────────── */
.iletisim-main{background:var(--paper);color:var(--ink)}

.iletisim-grid{
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:80px;
  align-items:start;
}

/* ── Bilgi Kartları ─────────────────────────────────────────────────────────── */
.iletisim-info{
  display:flex;flex-direction:column;gap:0;
  position:sticky;top:120px;
}

.iletisim-card{
  padding:28px 0;
  border-bottom:1px solid var(--line-d);
}
.iletisim-card:first-child{padding-top:0}
.iletisim-card:last-child{border-bottom:none}

.iletisim-card-label{
  display:flex;align-items:center;gap:8px;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  color:var(--ink-3);margin-bottom:10px;
}
.iletisim-card-label .fa-solid{font-size:10px;color:var(--olive-d)}

.iletisim-phone{
  display:block;
  font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:-.02em;
  color:var(--ink);line-height:1.1;margin-bottom:8px;
  transition:color .2s;
}
.iletisim-phone:hover{color:var(--olive-d)}

.iletisim-card address{
  font-style:normal;
  font-size:15px;line-height:1.7;color:var(--ink-2);
}

.iletisim-email{
  font-size:15px;font-weight:500;color:var(--ink);
  word-break:break-all;transition:color .2s;
}
.iletisim-email:hover{color:var(--olive-d)}

.iletisim-card p{
  font-size:13.5px;color:var(--ink-3);margin:0;line-height:1.55;
}
.iletisim-card--wa{border-bottom:none;padding-bottom:0}
.iletisim-wa-btn{
  display:inline-flex;align-items:center;gap:10px;
  width:100%;justify-content:center;
  padding:13px 20px;border-radius:10px;
  background:#25d366;color:#fff;
  font-weight:600;font-size:15px;letter-spacing:-.005em;
  text-decoration:none;
  transition:background .2s ease,transform .2s ease;
}
.iletisim-wa-btn .fa-whatsapp{font-size:20px}
.iletisim-wa-btn:hover{background:#1ebe5d;transform:translateY(-2px)}

/* ── Form Sütunu ────────────────────────────────────────────────────────────── */
.iletisim-form-title{
  font-size:clamp(22px,2.6vw,28px);font-weight:600;
  letter-spacing:-.015em;color:var(--ink);
  margin:0 0 28px;
}

/* ── Form Bileşeni ──────────────────────────────────────────────────────────── */
.ozd-form-wrap{display:flex;flex-direction:column;gap:0}

.ozd-form-notice{
  display:flex;align-items:center;gap:10px;
  padding:14px 18px;border-radius:10px;
  font-size:14px;font-weight:500;line-height:1.5;
  margin-bottom:24px;
}
.ozd-form-notice .fa-solid{font-size:16px;flex:0 0 auto}
.ozd-form-notice--ok  {background:#f0faf0;color:#1a6e2e;border:1px solid #b7e4be}
.ozd-form-notice--warn{background:#fffbeb;color:#7a5c00;border:1px solid #f5e08a}
.ozd-form-notice--err {background:#fff2f2;color:#9b1c1c;border:1px solid #fcc}

.ozd-form{display:flex;flex-direction:column;gap:20px}

.ozd-form-row{display:flex;gap:16px}
.ozd-form-row--2 > .ozd-form-field{flex:1;min-width:0}

.ozd-form-field{display:flex;flex-direction:column;gap:7px}

.ozd-form-field label{
  font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.01em;
}
.ozd-optional{font-weight:400;color:var(--ink-3);font-size:12px}
.ozd-form-field label span[aria-hidden]{color:var(--olive-d)}

.ozd-form-field input,
.ozd-form-field select,
.ozd-form-field textarea{
  width:100%;
  background:var(--paper);
  border:1px solid var(--line-d-2);
  border-radius:8px;
  padding:11px 14px;
  font:inherit;font-size:15px;color:var(--ink);
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
  -webkit-appearance:none;appearance:none;
}
.ozd-form-field input::placeholder,
.ozd-form-field textarea::placeholder{color:var(--ink-3)}

.ozd-form-field input:focus,
.ozd-form-field select:focus,
.ozd-form-field textarea:focus{
  border-color:var(--olive-d);
  box-shadow:0 0 0 3px rgba(122,147,71,.12);
}

.ozd-form-field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2380868b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px;
  cursor:pointer;
}

.ozd-form-field textarea{resize:vertical;min-height:130px}

.ozd-form-footer{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding-top:4px;
}
.ozd-form-note{
  font-size:12px;color:var(--ink-3);margin:0;
}
.ozd-form-footer .btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 28px;border-radius:99px;
  background:var(--olive-d);color:#fff;
  font-weight:600;font-size:14.5px;letter-spacing:-.005em;
  border:none;cursor:pointer;
  transition:background .2s ease;
  text-decoration:none;
}
.ozd-form-footer .btn:hover{background:#5e7330}

/* ── Haritalar ──────────────────────────────────────────────────────────────── */
.iletisim-maps{
  background:var(--paper-2);
  padding:80px 0;
}

.maps-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
/* Satış adresi gizliyken tek harita kalır → tam genişlik */
.maps-grid--single{grid-template-columns:1fr}

.map-card{
  border-radius:14px;overflow:hidden;
  border:1px solid var(--line-d);
  height:300px;
}
.map-card iframe{
  width:100%;height:100%;
  border:0;display:block;
}

/* ── Köy / Bahçe Görseli ────────────────────────────────────────────────────── */
.iletisim-grove{overflow:hidden}

.iletisim-grove-img{
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  min-height:460px;
  display:flex;align-items:center;
}

.iletisim-grove-overlay{
  width:100%;min-height:460px;
  display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(11,12,14,.78) 0%,rgba(11,12,14,.5) 50%,rgba(11,12,14,.22) 100%);
  padding:80px 0;
}

.iletisim-grove-inner{
  max-width:560px;
  text-align:center;
  margin:0 auto;
}

.iletisim-grove-eyebrow{
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;
  color:var(--olive-l);margin:0 0 14px;
}

.iletisim-grove h2{
  font-size:clamp(32px,4.5vw,52px);font-weight:500;
  letter-spacing:-.025em;line-height:1.1;
  color:#fff;margin:0 0 32px;
}
.iletisim-grove h2 i{font-style:normal;color:var(--olive-l)}

.iletisim-grove-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 28px;border-radius:99px;
  background:#fff;color:var(--ink);
  font-weight:600;font-size:15px;letter-spacing:-.005em;
  border:none;text-decoration:none;
  transition:background .2s ease,transform .2s ease;
}
.iletisim-grove-btn:hover{background:var(--olive-l);transform:translateY(-2px)}

/* ── Responsive ─────────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .iletisim-grid{grid-template-columns:1fr;gap:48px}
  .iletisim-info{position:static}
  .maps-grid{grid-template-columns:1fr}
  .iletisim-grove-img{background-attachment:scroll}
}

@media (max-width:560px){
  .ozd-form-row--2{flex-direction:column;gap:20px}
  .ozd-form-footer{flex-direction:column;align-items:flex-start}
  .ozd-form-footer .btn{width:100%;justify-content:center}
}