/* FARALYA - kok sitesi, tek dosya bagimliliksiz stil. */

:root {
  --renk-yazi: #1f2933;
  --renk-arka: #ffffff;
  --renk-ikincil: #52606d;
  --renk-vurgu: #2c5d63;
  --renk-kenar: #e4e7eb;
  --renk-uyari: #8a4a00;
  --renk-uyari-arka: #fff4e5;
  --genislik: 64rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --renk-yazi: #f5f7fa;
    --renk-arka: #1a1d20;
    --renk-ikincil: #cbd2d9;
    --renk-vurgu: #6fb6bd;
    --renk-kenar: #3a4046;
    --renk-uyari: #f3b878;
    --renk-uyari-arka: #2a1f10;
  }
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  color: var(--renk-yazi);
  background: var(--renk-arka);
  line-height: 1.6;
  font-size: 16px;
}

header.ust, footer.alt {
  max-width: var(--genislik);
  margin: 0 auto;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

header.ust { border-bottom: 1px solid var(--renk-kenar); }
footer.alt {
  border-top: 1px solid var(--renk-kenar);
  margin-top: 3rem;
  color: var(--renk-ikincil);
  font-size: 0.9rem;
  display: block;
}

a.marka {
  font-weight: 700;
  font-size: 1.25rem;
  text-decoration: none;
  color: var(--renk-yazi);
}

nav ul {
  list-style: none;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
nav a { color: var(--renk-ikincil); text-decoration: none; }
nav a:hover, nav a:focus { color: var(--renk-vurgu); }

a.giris-partner {
  margin-left: auto;
  padding: 0.4rem 0.85rem;
  border: 1px solid var(--renk-vurgu);
  border-radius: 999px;
  color: var(--renk-vurgu);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
}
a.giris-partner:hover, a.giris-partner:focus {
  background: var(--renk-vurgu);
  color: var(--renk-arka);
}

main {
  max-width: var(--genislik);
  margin: 0 auto;
  padding: 2rem 1.25rem;
}

h1 { font-size: 1.85rem; margin: 0 0 1rem; }
p.slogan {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--vurgu, #0E6B72);
  margin: -0.5rem 0 1.25rem;
}
h2 { font-size: 1.25rem; margin: 1.75rem 0 0.6rem; }
h3 { font-size: 1.05rem; margin: 1.25rem 0 0.4rem; }
p { margin: 0.5rem 0 1rem; }

.dugme {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  background: var(--renk-vurgu);
  color: var(--renk-arka);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  border: 0;
  cursor: pointer;
  font-size: 1rem;
}
.dugme:hover, .dugme:focus { opacity: 0.92; }
.dugme:disabled { opacity: 0.5; cursor: not-allowed; }

.dis-dugme {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  background: var(--renk-vurgu);
  color: var(--renk-arka);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}

.ic-baglanti {
  color: var(--renk-vurgu);
  text-decoration: underline;
}

.otel-kart {
  border: 1px solid var(--renk-kenar);
  border-radius: 8px;
  padding: 1.25rem;
  margin: 0 0 1rem;
  display: grid;
  gap: 0.75rem;
}

.otel-galeri {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}
.otel-galeri img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
}

.oda-listesi, .olanak-listesi {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 1.5rem;
}
.oda-listesi li, .olanak-listesi li {
  border-top: 1px solid var(--renk-kenar);
  padding: 0.6rem 0;
}
.oda-listesi li:first-child, .olanak-listesi li:first-child {
  border-top: 0;
}

.paket-kutu {
  border: 1px solid var(--renk-kenar);
  border-radius: 8px;
  padding: 1.25rem;
  margin: 0 0 1rem;
}
.paket-kutu h2 { margin-top: 0; }

.sihirbaz fieldset {
  border: 1px solid var(--renk-kenar);
  border-radius: 6px;
  padding: 1rem;
  margin: 0 0 1rem;
}
.sihirbaz legend { padding: 0 0.5rem; font-weight: 600; }
.sihirbaz-soru label { display: block; margin: 0.4rem 0; }
.sihirbaz-kontrol { display: flex; gap: 0.75rem; margin: 1rem 0; }
#sihirbaz-hata { color: #b91c1c; min-height: 1.25rem; }
.recete-kutu {
  border: 2px solid var(--renk-vurgu);
  border-radius: 8px;
  padding: 1.25rem;
}
.recete-kutu .paket {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--renk-vurgu);
}

form#basvuru-formu label {
  display: block;
  margin: 0.75rem 0 0.25rem;
  font-weight: 600;
}
form#basvuru-formu input,
form#basvuru-formu select,
form#basvuru-formu textarea {
  width: 100%;
  max-width: 30rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--renk-kenar);
  border-radius: 4px;
  background: var(--renk-arka);
  color: var(--renk-yazi);
  font-size: 1rem;
}
form#basvuru-formu textarea { min-height: 5rem; }
form#basvuru-formu .kvkk-satir {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 1rem 0;
}
form#basvuru-formu .kvkk-satir label { font-weight: 400; }
#basvuru-mesaj { min-height: 1.25rem; font-weight: 600; }

@media (max-width: 720px) {
  header.ust { flex-direction: column; align-items: flex-start; }
  a.giris-partner { margin-left: 0; }
  nav ul { gap: 0.75rem; }
  main { padding: 1.25rem 1rem; }
  h1 { font-size: 1.5rem; }
}

/* Kisisel veri korumasi (Okan karari 7 Eyl 2026): parcalanmis data-oznitelikleri.
   JS KAPALIYKEN de CSS birlestirir, yani ekranda okunur; ama pseudo-element
   metni secilip kopyalanamaz. JS aciksa betik gercek metni basar ve
   `pv-tamam` ile bu kural devre disi kalir (cift basim olmaz). */
.pv::after { content: attr(data-a) attr(data-b) attr(data-c) attr(data-d) attr(data-e) attr(data-f) attr(data-g) attr(data-h) attr(data-i) attr(data-j) attr(data-k) attr(data-l); }
.pv.pv-tamam::after { content: none; }
.pv-blok { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
[data-pv-link] { cursor: pointer; color: var(--renk-vurgu); }
ul.kunye { list-style: none; padding-left: 0; line-height: 1.7; }