/* İLETİŞİM — Açık Mavi */
body { background: var(--c-surface) !important; }

.contact-card {
  background: var(--c-card) !important; border: 1px solid var(--c-border) !important;
  border-radius: var(--radius); height: 100%; transition: var(--transition);
}
.contact-card:hover { border-color: rgba(200,150,12,.3) !important; box-shadow: 0 20px 50px rgba(200,150,12,.1); transform: translateY(-4px); }
.cc-icon {
  width: 58px; height: 58px;
  background: linear-gradient(135deg,rgba(200,150,12,0.08),rgba(200,150,12,0.12)); color: var(--c-blue1) !important;
  border-radius: 16px; display: flex; align-items: center; justify-content: center;
  font-size: 22px; margin-bottom: 18px; transition: var(--transition);
}
.contact-card:hover .cc-icon { background: var(--grad-primary); color: white !important; box-shadow: 0 8px 20px rgba(200,150,12,.3); transform: rotate(-6deg); }
.contact-card h4 { color: var(--c-text) !important; }
.contact-card p  { color: var(--c-muted) !important; }

.cc-detail {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 0; border-bottom: 1px solid var(--c-border);
}
.cc-detail:last-child { border-bottom: none; }
.cc-detail > i {
  width: 38px; height: 38px; min-width: 38px;
  background: rgba(200,150,12,0.08); border: 1px solid var(--c-border); border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  color: var(--c-blue1) !important; font-size: 14px;
}

.form-card {
  background: var(--c-card) !important; border: 1px solid var(--c-border) !important;
  border-radius: var(--radius); box-shadow: var(--shadow);
}

.form-control, .form-select {
  background: var(--c-surface) !important; border: 1.5px solid var(--c-border) !important;
  color: var(--c-text) !important; border-radius: 12px !important;
  padding: 12px 16px !important; font-size: 14px; transition: var(--transition); font-family: inherit;
}
.form-control::placeholder { color: var(--c-muted-2) !important; }
.form-control:focus, .form-select:focus {
  background: var(--c-card) !important; border-color: var(--c-blue1) !important;
  box-shadow: 0 0 0 3px rgba(200,150,12,.1) !important; color: var(--c-text) !important;
}
.form-label {
  color: var(--c-muted) !important; font-size: 11.5px; font-weight: 700;
  letter-spacing: 1px; text-transform: uppercase; margin-bottom: 8px;
}
.input-group-text {
  background: rgba(200,150,12,0.08) !important; border: 1.5px solid var(--c-border) !important;
  border-right: none !important; color: var(--c-blue1) !important;
  border-radius: 12px 0 0 12px !important; font-weight: 700;
}
.phone-group .form-control { border-radius: 0 12px 12px 0 !important; }

.btn-submit {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  background: var(--grad-primary); color: white; font-size: 14.5px; font-weight: 700;
  padding: 14px 32px; border-radius: 12px; border: none; cursor: pointer;
  transition: var(--transition); box-shadow: 0 6px 24px rgba(200,150,12,.35);
  width: 100%; font-family: inherit;
}
.btn-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 36px rgba(200,150,12,.45); }

.map-card { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--c-border); box-shadow: var(--shadow); }

.toast-notif {
  position: fixed; bottom: 100px; right: 30px;
  background: var(--c-card); border: 1px solid var(--c-border); border-radius: 16px;
  padding: 16px 20px; display: flex; align-items: center; gap: 14px;
  color: var(--c-text); font-size: 14px; box-shadow: 0 12px 40px rgba(200,150,12,.15);
  z-index: 9998; max-width: 320px; transform: translateX(120%);
  transition: transform .4s cubic-bezier(0.4,0,0.2,1);
}
.toast-notif.show { transform: translateX(0); }
.toast-notif > i { color: var(--c-green); font-size: 22px; }