/* ============================================================
   KONAK — Misafir Paneli bileşenleri
   konak.css'teki değişkenleri kullanır; ayrı dosya çünkü
   misafir yüzü personel arayüzünden bağımsız evrilir.
   ============================================================ */

.misafir-bas-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.misafir-alt-menu { overflow-x: auto; scrollbar-width: none; }
.misafir-alt-menu::-webkit-scrollbar { display: none; }
.misafir-alt-menu button { min-width: 62px; flex: 0 0 auto; }

.senaryo-serit { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; margin-top: 12px; }
.senaryo-cip {
  background: var(--yuzey-2); border: 1px solid var(--cizgi); border-radius: 999px;
  padding: 2px 9px; font-size: 11px; cursor: pointer; color: var(--metin-2);
}
.senaryo-cip.aktif { background: var(--pirinc-zem); border-color: var(--pirinc); color: var(--metin); font-weight: 600; }

.an-serit { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }

.demo-ipucu {
  margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--cizgi);
  font-size: 11.5px; color: var(--metin-3); display: flex; gap: 6px; flex-wrap: wrap; align-items: center;
}
.demo-kod {
  font-family: var(--f-veri); font-size: 11px; background: var(--yuzey-2);
  border: 1px solid var(--cizgi); border-radius: 3px; padding: 3px 7px; cursor: pointer; color: var(--metin-2);
}
.demo-kod:hover { border-color: var(--pirinc); color: var(--metin); }

.mekan-satir {
  display: flex; gap: 12px; justify-content: space-between; align-items: baseline;
  padding: 7px 0; border-bottom: 1px solid var(--cizgi-soft); font-size: 13px;
}
.mekan-satir:last-child { border-bottom: 0; }
.mekan-satir .veri { font-size: 12px; color: var(--metin-3); white-space: nowrap; }
.wellness-satir { align-items: center; }

.vurgu-kutu { border-left: 3px solid var(--pirinc); }
.ipucu-kutu { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 13px; }
.ipucu-kutu span { color: var(--metin-2); flex: 1; min-width: 160px; }

/* ---------------- etkinlik ---------------- */

.etkinlik-kart {
  display: grid; grid-template-columns: 54px 1fr; gap: 12px;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-left: 3px solid var(--pirinc);
  border-radius: var(--r); padding: 12px 14px;
}
.etkinlik-saat { font-size: 15px; font-weight: 600; }
.etkinlik-meta { font-size: 11.5px; color: var(--metin-3); margin-top: 2px; }
.etkinlik-aciklama { font-size: 12.5px; color: var(--metin-2); line-height: 1.5; margin: 7px 0 9px; }

/* ---------------- yapay zekâ ---------------- */

.yz-kutu { border-left: 3px solid var(--pirinc); }
.yz-oneri { display: grid; grid-template-columns: 48px 1fr; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--cizgi-soft); }
.yz-oneri:last-of-type { border-bottom: 0; }
.yz-saat { font-size: 13px; font-weight: 600; color: var(--pirinc); }
.yz-gerekce { font-size: 11.5px; color: var(--metin-3); margin-top: 2px; }
.yz-durum { font-size: 12px; color: var(--metin-3); }

/* ---------------- program ---------------- */

.plan-simdi {
  font-size: 12.5px; color: var(--metin-2); background: var(--pirinc-zem);
  padding: 6px 9px; border-radius: 3px; margin-bottom: 8px;
}
.plan-satir {
  display: flex; gap: 10px; align-items: baseline; padding: 7px 0;
  border-bottom: 1px solid var(--cizgi-soft); font-size: 13px;
}
.plan-satir:last-child { border-bottom: 0; }
.plan-saat { width: 88px; flex: none; font-size: 12px; color: var(--metin-2); }
.plan-ad { flex: 1; }
.plan-satir.gecti { opacity: .45; }
.plan-satir.aktif .plan-ad { font-weight: 600; }

/* ---------------- talep takibi ---------------- */

.talep-kart { margin-bottom: 8px; }
.adim-serit { display: flex; gap: 3px; margin: 9px 0 6px; }
.adim {
  flex: 1; text-align: center; font-size: 10.5px; padding: 3px 2px; border-radius: 2px;
  background: var(--yuzey-3); color: var(--metin-3); border-bottom: 2px solid transparent;
}
.adim.bitti { background: var(--ok-zem); color: var(--ok); }
.adim.aktif { border-bottom-color: var(--pirinc); font-weight: 600; }
.oldu-mu { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 13px; margin-top: 4px; }

/* ---------------- deneyim kartı ---------------- */

.deneyim-kart {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r);
  padding: 13px 15px; margin-bottom: 10px;
}
.deneyim-bas { display: flex; gap: 10px; align-items: flex-start; justify-content: space-between; }
.deneyim-meta { font-size: 11.5px; color: var(--metin-3); margin-top: 3px; font-family: var(--f-veri); }
.deneyim-ozet { font-size: 13px; color: var(--metin-2); line-height: 1.5; margin: 8px 0 0; }
.deneyim-detay {
  font-size: 12.5px; color: var(--metin-2); line-height: 1.55; margin: 8px 0 0;
  padding: 10px 12px; background: var(--yuzey-2); border-radius: 3px;
}
.kisi-secim { display: flex; gap: 8px; align-items: center; margin: 11px 0 9px; flex-wrap: wrap; }
.kisi-sayi { font-size: 15px; font-weight: 600; min-width: 20px; text-align: center; }
.kisi-tutar { margin-left: auto; font-size: 13px; font-weight: 600; }
.seans-serit { display: flex; gap: 6px; flex-wrap: wrap; }
.seans-btn {
  display: grid; gap: 1px; justify-items: center; min-width: 78px;
  background: var(--yuzey-2); border: 1px solid var(--cizgi); border-radius: var(--r);
  padding: 7px 9px; cursor: pointer;
}
.seans-btn .veri { font-size: 13px; font-weight: 600; }
.seans-btn span:last-child { font-size: 10.5px; color: var(--metin-3); }
.seans-btn:hover:not(:disabled) { border-color: var(--pirinc); }
.seans-btn.gecti, .seans-btn.dolu { opacity: .42; cursor: not-allowed; }
.seans-btn.benim { background: var(--ok-zem); border-color: var(--ok); }
.deneyim-not { font-size: 11.5px; color: var(--metin-3); margin-top: 8px; }

/* ---------------- gün tasarlayıcı ---------------- */

.tasarla-bas { display: flex; gap: 10px; align-items: center; justify-content: space-between; }
.tasarla-ic { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--cizgi-soft); }
.secim-serit { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 5px; }
.secim-cip {
  display: grid; gap: 1px; text-align: left;
  background: var(--yuzey-2); border: 1px solid var(--cizgi); border-radius: var(--r);
  padding: 6px 10px; cursor: pointer; font-size: 12.5px; color: var(--metin-2);
}
.secim-cip b { font-weight: 600; color: var(--metin); }
.secim-cip span { font-size: 10.5px; color: var(--metin-3); }
.secim-cip.aktif { background: var(--pirinc-zem); border-color: var(--pirinc); color: var(--metin); }

/* ---------------- odam ---------------- */

.iki-kart { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.buyuk-kart {
  display: grid; gap: 4px; text-align: left; cursor: pointer;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 14px;
}
.buyuk-kart b { font-size: 14px; }
.buyuk-kart span { font-size: 11.5px; color: var(--metin-3); line-height: 1.4; }
.buyuk-kart:hover { border-color: var(--metin-3); }
.buyuk-kart.secili { background: var(--pirinc-zem); border-color: var(--pirinc); }

.istek-izgara { display: flex; gap: 6px; flex-wrap: wrap; }
.istek-cip {
  background: var(--yuzey-2); border: 1px solid var(--cizgi); border-radius: 999px;
  padding: 6px 12px; font-size: 12.5px; cursor: pointer; color: var(--metin-2);
}
.istek-cip:hover { border-color: var(--pirinc); color: var(--metin); }
.istek-cip.ariza:hover { border-color: var(--kritik); color: var(--kritik); }

/* ---------------- sorum var ---------------- */

.soru-kart { margin-bottom: 8px; }
.soru-metin { font-size: 13.5px; font-weight: 600; line-height: 1.45; }
.cevap-metin {
  font-size: 13px; color: var(--metin-2); line-height: 1.55; margin-top: 7px;
  padding: 9px 11px; background: var(--yuzey-2); border-radius: 3px; border-left: 2px solid var(--cizgi);
  white-space: pre-wrap;
}
.cevap-metin.resepsiyon { border-left-color: var(--pirinc); }
.soru-alt { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 8px; font-size: 11.5px; color: var(--metin-3); }

/* ---------------- harita ---------------- */

.harita-kap {
  margin-top: 16px; border: 1px solid var(--cizgi); border-radius: var(--r);
  overflow: hidden; background: var(--yuzey);
}
.harita { display: block; width: 100%; height: auto; }
.harita-etiket { font-size: 2.6px; fill: var(--yuzey); font-family: var(--f-ui); letter-spacing: .1px; }
.harita-nokta { cursor: pointer; }
.harita-nokta circle:first-child { fill: var(--yuzey); stroke: var(--metin-3); stroke-width: .5; }
.harita-nokta circle.ic { fill: var(--metin-3); }
.harita-nokta:hover circle:first-child { stroke: var(--pirinc); }
.harita-nokta:hover circle.ic { fill: var(--pirinc); }
.harita-nokta.secili circle:first-child { fill: var(--pirinc); stroke: var(--pirinc); }
.harita-nokta.secili circle.ic { fill: var(--yuzey); }
.harita-serit {
  display: flex; gap: 12px; align-items: center; justify-content: space-between;
  padding: 11px 14px; border-top: 1px solid var(--cizgi); background: var(--yuzey-2); font-size: 13px;
}
.bos-serit { color: var(--metin-3); font-size: 12.5px; justify-content: center; }

/* ---------------- rehber ---------------- */

.rehber-kart b { font-size: 13.5px; }
.rehber-kart.uyari-kart { border-left: 3px solid var(--kritik); }
.rehber-kart.uyari-kart b { color: var(--kritik); }

/* ---------------- menü ve sepet ---------------- */

.menu-grup { margin-bottom: 14px; }
.menu-grup:last-child { margin-bottom: 0; }
.sepet-ozet { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--cizgi); font-size: 13px; }

/* ---------------- saat seçici ---------------- */

.saat-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 6px; }
.saat-btn {
  display: grid; gap: 1px; justify-items: center;
  background: var(--yuzey-2); border: 1px solid var(--cizgi); border-radius: var(--r);
  padding: 8px 6px; cursor: pointer;
}
.saat-btn:hover:not(:disabled) { border-color: var(--pirinc); }
.saat-btn.cakisan { opacity: .4; cursor: not-allowed; }
.saat-btn .cakisma { font-size: 9.5px; color: var(--metin-3); text-align: center; line-height: 1.2; }

/* ---------------- anket ---------------- */

.anket-madde { padding: 10px 0; border-bottom: 1px solid var(--cizgi-soft); }
.anket-madde:last-child { border-bottom: 0; }
.anket-metin { font-size: 13px; line-height: 1.45; }
.puan-serit { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 7px; align-items: center; }
.puan-btn {
  background: var(--yuzey-2); border: 1px solid var(--cizgi); border-radius: var(--r);
  padding: 4px 10px; font-size: 12px; cursor: pointer; color: var(--metin-2);
}
.puan-btn:hover { border-color: var(--metin-3); }
.puan-btn.secili { background: var(--ok-zem); border-color: var(--ok); color: var(--ok); font-weight: 600; }
.puan-btn.secili.alarm { background: var(--kritik-zem); border-color: var(--kritik); color: var(--kritik); }
.puan-btn.atla { margin-left: auto; font-size: 11px; color: var(--metin-3); }
.anket-yorum { font-size: 12.5px; color: var(--metin-2); line-height: 1.5; margin-top: 7px; }
.anket-yorum .etiket { display: block; margin-bottom: 2px; }

@media (max-width: 420px) {
  .iki-kart { grid-template-columns: 1fr; }
  .misafir-alt-menu button span { font-size: 10px; }
}



/* ============================================================
   KONAK DEFTERİ — misafir katmanı
   Misafir yüzü, resepsiyonun elinden çıkmış bir not gibi okunur:
   serif başlıklar, ince çizgili program, kutusuz kartlar.
   ============================================================ */

.senaryo-cip { border-radius: 0; background: none; }
.senaryo-cip.aktif { background: none; border-color: var(--metin); color: var(--metin); }
.demo-kod { border-radius: 0; background: none; }

.mekan-satir { padding: 11px 0; font-size: 14px; }
.vurgu-kutu, .yz-kutu { border-left: 0; border-top: 2px solid var(--pirinc); }

.etkinlik-kart {
  border: 0; border-top: 1px solid var(--cizgi); border-left: 0; border-radius: 0;
  background: transparent; padding: 16px 0; grid-template-columns: 62px 1fr;
}
.etkinlik-saat { font-family: var(--f-marka); font-size: 22px; font-weight: 500; letter-spacing: -.01em; }
.etkinlik-meta { font-family: var(--f-veri); font-size: 10.5px; letter-spacing: .06em; }
.etkinlik-aciklama { font-size: 13.5px; line-height: 1.55; }

.yz-saat { color: var(--pirinc); font-family: var(--f-veri); }

.plan-simdi { background: none; border-top: 2px solid var(--pirinc); border-radius: 0; padding: 10px 0 4px; }
.plan-satir { padding: 12px 0; font-size: 14px; }
.plan-saat { font-family: var(--f-veri); }

.adim { border-radius: 0; background: none; border-top: 3px solid var(--cizgi); border-bottom: 0; padding: 6px 2px 0; text-align: left; }
.adim.bitti { background: none; border-top-color: var(--ok); }
.adim.aktif { border-top-color: var(--pirinc); color: var(--pirinc); }

.deneyim-kart {
  background: transparent; border: 0; border-top: 1px solid var(--cizgi);
  border-radius: 0; padding: 18px 0; margin-bottom: 0;
}
.deneyim-bas b, .deneyim-bas strong { font-family: var(--f-marka); font-size: 20px; font-weight: 500; }
.deneyim-detay { background: none; border-left: 2px solid var(--pirinc); border-radius: 0; padding: 4px 0 4px 14px; }
.seans-btn { border-radius: 0; background: transparent; }
.seans-btn.benim { background: var(--metin); border-color: var(--metin); color: var(--zemin); }
.seans-btn.benim span:last-child { color: var(--zemin); }

.secim-cip { border-radius: 0; background: transparent; }
.secim-cip.aktif { background: none; border-color: var(--metin); }

.buyuk-kart { border-radius: 0; background: transparent; border-color: var(--metin-3); padding: 18px; }
.buyuk-kart b { font-family: var(--f-marka); font-size: 19px; font-weight: 500; }
.buyuk-kart.secili { background: var(--metin); border-color: var(--metin); color: var(--zemin); }
.buyuk-kart.secili span { color: var(--yuzey-3); }

.istek-cip { border-radius: 0; background: transparent; border-color: var(--metin-3); color: var(--metin); padding: 9px 14px; }
.istek-cip:hover { border-color: var(--metin); color: var(--metin); }

.soru-metin { font-family: var(--f-marka); font-size: 18px; font-weight: 500; line-height: 1.3; }
.cevap-metin { background: none; border-radius: 0; padding: 4px 0 4px 14px; font-family: var(--f-marka); font-size: 16px; color: var(--metin); }
.cevap-metin.resepsiyon { border-left-color: var(--pirinc); }

.harita-kap { border-radius: 0; }
.harita-serit { background: none; }

.rehber-kart.uyari-kart { border-left: 0; border-top: 2px solid var(--kritik); }

.saat-btn { border-radius: 0; background: transparent; }
.puan-btn { border-radius: 0; background: transparent; }
.puan-btn.secili { background: var(--metin); border-color: var(--metin); color: var(--zemin); }
.puan-btn.secili.alarm { background: var(--kritik); border-color: var(--kritik); color: #fff; }
.anket-metin { font-family: var(--f-marka); font-size: 16px; }