/* ═══════════════════════════════════
   Dr. Kenan Şimşek — Sağlık Testleri
   ═══════════════════════════════════ */

/* ── Floating Buton ── */
.dks-fab {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
  background: #1A5EA8;
  color: #fff !important;
  text-decoration: none !important;
  padding: 14px 10px;
  border-radius: 0 10px 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  box-shadow: 3px 3px 14px rgba(0,0,0,.2);
  transition: background .2s, transform .2s;
  user-select: none;
}
.dks-fab:hover {
  background: #185398;
  transform: translateY(-50%) translateX(3px);
}
.dks-fab-icon { font-size: 22px; }
.dks-fab-label {
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ── Sayfa Genel ── */
.dks-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 16px 60px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.dks-page-header {
  text-align: center;
  margin-bottom: 2rem;
  padding: 2rem 1rem;
  background: linear-gradient(135deg, #EBF3FB 0%, #E1F5EE 100%);
  border-radius: 16px;
}
.dks-page-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 .75rem;
}
.dks-page-sub {
  font-size: .95rem;
  color: #5F5E5A;
  margin: 0;
  line-height: 1.6;
}

/* ── Test Kartları ── */
.dks-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 2rem;
}
.dks-card {
  background: #fff;
  border: 1.5px solid #D3D1C7;
  border-radius: 14px;
  padding: 20px 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: all .2s;
  position: relative;
}
.dks-card:hover {
  border-color: #1A5EA8;
  box-shadow: 0 4px 20px rgba(26,94,168,.12);
  transform: translateY(-2px);
}
.dks-card:nth-child(1):hover { border-color: #1A5EA8; }
.dks-card:nth-child(2):hover { border-color: #0F6E56; }
.dks-card:nth-child(3):hover { border-color: #534AB7; }
.dks-card:nth-child(4):hover { border-color: #BA7517; }
.dks-card-icon { font-size: 32px; }
.dks-card-body { flex: 1; }
.dks-card-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 6px;
}
.dks-card-desc {
  font-size: .85rem;
  color: #5F5E5A;
  line-height: 1.5;
  margin: 0 0 8px;
}
.dks-card-badge {
  display: inline-block;
  font-size: .75rem;
  color: #888780;
  background: #F1EFE8;
  padding: 3px 10px;
  border-radius: 999px;
}
.dks-card-arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #B4B2A9;
}
.dks-card:hover .dks-card-arrow { color: #1A5EA8; }

/* ── Test Ekranı ── */
.dks-test-wrap { max-width: 600px; margin: 0 auto; }
.dks-back-btn {
  background: none;
  border: none;
  color: #1A5EA8;
  font-size: .9rem;
  cursor: pointer;
  padding: 0;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 4px;
}
.dks-back-btn:hover { text-decoration: underline; }
.dks-prog-wrap {
  background: #E8E6DF;
  border-radius: 4px;
  height: 6px;
  overflow: hidden;
  margin-bottom: 6px;
}
.dks-prog-bar {
  height: 100%;
  width: 0%;
  border-radius: 4px;
  background: #1A5EA8;
  transition: width .4s ease;
}
.dks-prog-text {
  font-size: .8rem;
  color: #888780;
  text-align: right;
  margin-bottom: 1.5rem;
}

/* ── Soru ── */
.dks-question { animation: dksFadeIn .25s ease; }
@keyframes dksFadeIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
.dks-q-text {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1A1A1A;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}
.dks-opts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.dks-opt {
  background: #fff;
  border: 1.5px solid #D3D1C7;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: .9rem;
  color: #2C2C2A;
  cursor: pointer;
  text-align: left;
  line-height: 1.4;
  transition: all .15s;
}
.dks-opt:hover {
  border-color: #1A5EA8;
  background: #EBF3FB;
  color: #1A5EA8;
}
.dks-opt.selected {
  border-color: #1A5EA8;
  background: #1A5EA8;
  color: #fff;
}

/* ── Sonuç ── */
.dks-result { animation: dksFadeIn .3s ease; }
.dks-result-emoji {
  font-size: 56px;
  text-align: center;
  margin-bottom: .5rem;
}
.dks-result-title {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
}
.dks-result-title.dks-low    { color: #3B6D11; }
.dks-result-title.dks-mid    { color: #854F0B; }
.dks-result-title.dks-high   { color: #A32D2D; }
.dks-result-title.dks-urgent { color: #A32D2D; }
.dks-result-desc {
  font-size: 1rem;
  color: #444441;
  line-height: 1.7;
  background: #F5F5F2;
  border-radius: 10px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}
.dks-result-tips { margin-bottom: 1rem; }
.dks-tips-label { font-weight: 600; font-size: .95rem; margin-bottom: .5rem; }
.dks-result-tips ul { padding-left: 1.25rem; margin: 0; }
.dks-result-tips ul li { font-size: .9rem; color: #444441; line-height: 1.7; margin-bottom: 4px; }
.dks-disclaimer {
  font-size: .82rem;
  color: #888780;
  background: #FAEEDA;
  border-left: 3px solid #854F0B;
  padding: 10px 14px;
  border-radius: 6px;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.dks-cta-btn {
  display: block;
  background: #1A5EA8;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  padding: 15px;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
  transition: background .15s;
}
.dks-cta-btn:hover { background: #185398; }
.dks-retry-btn, .dks-all-btn {
  width: 100%;
  background: none;
  border: 1.5px solid #D3D1C7;
  border-radius: 10px;
  padding: 12px;
  font-size: .9rem;
  color: #5F5E5A;
  cursor: pointer;
  margin-bottom: 8px;
  transition: all .15s;
}
.dks-retry-btn:hover, .dks-all-btn:hover { border-color: #888780; color: #2C2C2A; }

/* ── Mobil ── */
@media (max-width: 600px) {
  .dks-fab {
    top: auto;
    bottom: 24px;
    transform: none;
    flex-direction: row;
    border-radius: 0 10px 10px 0;
    padding: 12px 14px;
    gap: 8px;
  }
  .dks-fab:hover { transform: translateX(3px); }
  .dks-fab-label { writing-mode: horizontal-tb; }
  .dks-cards { grid-template-columns: 1fr; }
  .dks-opts { grid-template-columns: 1fr; }
  .dks-page-title { font-size: 1.3rem; }
  .dks-card-arrow { display: none; }
}

@media (max-width: 400px) {
  .dks-page-header { padding: 1.25rem .75rem; }
}