/**
 * İletişim (Contact) page styles.
 *
 * @package Nefes_Her_Yerde
 */

/* ==========================================================================
   Contact page layout
   ========================================================================== */

.contact-section {
  padding: var(--sp-10) 0 var(--sp-12);
}

/* ==========================================================================
   Text / email input fields
   ========================================================================== */

.field-control {
  width: 100%;
  padding: 0.85rem 1.3rem;
  font-family: var(--sans);
  font-size: 0.9rem;
  font-weight: 300;
  color: var(--bark);
  background: var(--cream);
  border: 1.5px solid var(--sand);
  border-radius: var(--r-pill);
  outline: none;
  transition: border-color var(--ease), box-shadow var(--ease);
  -webkit-appearance: none;
  appearance: none;
}

.field-control:focus {
  border-color: var(--sage);
  box-shadow: 0 0 0 3px rgba(107, 158, 114, 0.14);
}

.field-control::placeholder {
  color: var(--bark-light);
  opacity: 0.7;
}

.form-grid-2 > div { margin-bottom: var(--sp-3); }

/* ==========================================================================
   Form feedback message
   ========================================================================== */

.form-feedback {
  padding: var(--sp-3) var(--sp-4);
  border-radius: var(--r-lg);
  font-size: 0.9rem;
  margin-bottom: var(--sp-4);
}

.form-feedback--success {
  background: rgba(107, 158, 114, 0.12);
  color: #2d6b35;
  border: 1px solid rgba(107, 158, 114, 0.35);
}

.form-feedback--error {
  background: rgba(180, 70, 70, 0.08);
  color: #8b2020;
  border: 1px solid rgba(180, 70, 70, 0.25);
}

/* ==========================================================================
   Select control (subject dropdown)
   ========================================================================== */

.select-control { width: 100%; padding: 0.85rem 1.3rem; font-family: var(--sans); font-size: 0.9rem; font-weight: 300; color: var(--bark); background: var(--cream); border: 1.5px solid var(--sand); border-radius: var(--r-pill); outline: none; transition: border-color var(--ease), box-shadow var(--ease); -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238C7B68' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1.2rem center; padding-right: 3rem; }
.select-control:focus { border-color: var(--sage); box-shadow: 0 0 0 3px rgba(107, 158, 114, 0.14); }

/* ==========================================================================
   FAQ Accordion
   ========================================================================== */

.faq-item { border-bottom: 1px solid var(--sand-light); }
.faq-item:first-child { border-top: 1px solid var(--sand-light); }
.faq-question { width: 100%; text-align: left; padding: var(--sp-4) 0; font-family: var(--serif); font-size: 1.45rem; font-weight: 600; color: var(--bark); display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); cursor: pointer; background: none; border: none; transition: color var(--ease); }
.faq-question:hover { color: var(--sage); }
.faq-icon { width: 20px; height: 20px; flex-shrink: 0; transition: transform var(--ease); }
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-answer { font-size: 0.95rem; color: var(--bark-mid); line-height: 1.8; max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; }
.faq-item.open .faq-answer { max-height: 400px; padding-bottom: var(--sp-4); }