/* Hoowell — Global override (hoowell.css'i tamamlar) */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', system-ui, sans-serif;
  color: var(--text);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

/* Reveal animasyonu — site genelinde */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible, body.ready .reveal { opacity: 1; transform: none; }
.reveal-delay-1, .reveal-d1 { transition-delay: 0.1s; }
.reveal-delay-2, .reveal-d2 { transition-delay: 0.2s; }
.reveal-delay-3, .reveal-d3 { transition-delay: 0.3s; }

/* Container utility */
.hw-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* Page padding for fixed nav */
.hw-page { padding-top: 76px; }

/* Breadcrumb */
.breadcrumb-bar {
  padding: 16px 60px; background: white; border-bottom: 1px solid var(--border);
}
.breadcrumb {
  font-size: 12px; color: var(--text-light);
  letter-spacing: 0.04em;
  display: flex; align-items: center; gap: 8px;
}
.breadcrumb a { color: var(--text-mid); transition: color 0.2s; }
.breadcrumb a:hover { color: var(--green); }
.breadcrumb span { color: var(--text-light); }

/* Page hero */
.page-hero {
  padding: 60px 60px 50px; background: var(--off-white);
  border-bottom: 1px solid var(--border);
}
.page-hero .section-label { justify-content: flex-start; margin-bottom: 14px; }
.page-hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(36px, 4vw, 56px); font-weight: 400;
  color: var(--green); line-height: 1.1; margin-bottom: 14px;
}
.page-hero h1 em { color: var(--gold); font-style: italic; }
.page-hero p {
  font-size: 15px; color: var(--text-mid); font-weight: 300;
  max-width: 620px; line-height: 1.8;
}

/* Section label (yardımcı) */
.section-label {
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--gold); font-weight: 600;
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 18px;
}
.section-label::before {
  content: ''; width: 24px; height: 1px; background: var(--gold);
}

/* Buton override (eski class kullanan eski sayfalar için) */
.btn { display: inline-block; padding: 12px 28px; border-radius: var(--radius); font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.07em; cursor: pointer; border: none; transition: all 0.25s; font-family: 'DM Sans', sans-serif; }

/* Form ortak görünüm */
.hw-form-group { margin-bottom: 22px; }
.hw-form-label {
  display: block; font-size: 11px; letter-spacing: 0.08em;
  text-transform: uppercase; font-weight: 600;
  color: var(--text-mid); margin-bottom: 8px;
}
.hw-form-input,
.hw-form-textarea,
.hw-form-select {
  width: 100%; padding: 14px 16px;
  font-family: 'DM Sans', sans-serif; font-size: 14px;
  background: var(--off-white); color: var(--text);
  border: 1px solid var(--border); border-radius: var(--radius);
  transition: border-color 0.2s, background 0.2s; outline: none;
}
.hw-form-input:focus, .hw-form-textarea:focus, .hw-form-select:focus {
  border-color: var(--green); background: white;
}
.hw-form-textarea { resize: vertical; min-height: 120px; }

/* Alert / mesaj kutuları */
.hw-alert {
  padding: 14px 18px; border-radius: var(--radius);
  font-size: 14px; line-height: 1.5; margin-bottom: 20px;
  border: 1px solid var(--border);
}
.hw-alert-success { background: rgba(13,47,45,0.06); border-color: var(--green); color: var(--green); }
.hw-alert-error { background: rgba(220,38,38,0.08); border-color: #dc2626; color: #b91c1c; }
.hw-alert-info { background: var(--gold-pale); border-color: var(--gold); color: var(--green); }

/* Responsive */
@media (max-width: 900px) {
  .breadcrumb-bar { padding: 14px 20px; }
  .page-hero { padding: 44px 20px 36px; }
}