/* ============================================================
   DKT REHBERİ — ORTAK TASARIM SİSTEMİ (dkt-core.css)
   index.html içindeki mevcut tasarım dilinden türetilmiştir.
   Yeni sayfalarda (uzman.html, terapiste-sor.html, bilgi-merkezi.html,
   bilgi-detay.html) kullanılır. index.html'e DOKUNULMAMIŞTIR.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap');

:root{
  --cream:#FAF6EF; --surface:#FFFFFF; --surface-2:#F4EEE3;
  --ink:#26232E; --ink-soft:#6C6577;
  --teal:#3F8677; --teal-deep:#2C6759; --teal-pale:#DCEFE9;
  --coral:#F0967D; --coral-deep:#D9714F; --coral-pale:#FCE7DE;
  --lav:#C6B4EA; --lav-deep:#8C68C9; --lav-pale:#EFE7FB;
  --gold:#B8923B; --gold-pale:#FBF0D8;
  --line:#E9E0D2;
  --shadow-sm: 0 2px 10px rgba(38,30,15,0.06);
  --shadow: 0 12px 32px rgba(38,30,15,0.09);
  --shadow-lg: 0 24px 60px rgba(38,30,15,0.16);
  --radius-lg:26px; --radius-md:18px; --radius-sm:12px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;}
body{
  background:
    radial-gradient(680px 420px at 92% -6%, rgba(140,104,201,0.10), transparent 60%),
    radial-gradient(600px 380px at -6% 8%, rgba(63,134,119,0.10), transparent 55%),
    var(--cream);
  color:var(--ink); font-family:'Plus Jakarta Sans',sans-serif; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{font-family:'Fraunces', serif; font-weight:600; color:var(--ink); letter-spacing:-0.01em;}
a{color:inherit;}
::selection{background:var(--lav);color:#fff;}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px;}
:focus-visible{outline:3px solid var(--lav-deep);outline-offset:2px;border-radius:6px;}
img{max-width:100%;}

@keyframes fadeUp{ from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:translateY(0);} }
@media (prefers-reduced-motion: reduce){ *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;} }

/* ---------- ÜST BAR / NAV ---------- */
.dkt-topbar{background:#fff;border-bottom:1.5px solid var(--line);position:sticky;top:0;z-index:60;}
.dkt-topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;}
.dkt-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.dkt-logo .bubble{width:38px;height:38px;background:linear-gradient(120deg, var(--teal) 0%, var(--lav-deep) 100%);border-radius:14px 14px 14px 4px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.dkt-logo span{font-family:'Fraunces',serif;font-weight:700;font-size:18px;color:var(--ink);}
.dkt-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.dkt-nav a{padding:8px 13px;border-radius:11px;text-decoration:none;font-weight:700;font-size:13.5px;color:var(--ink-soft);transition:all .15s ease;}
.dkt-nav a:hover, .dkt-nav a.active{background:var(--teal-pale);color:var(--teal-deep);}
.dkt-nav .cta{background:var(--teal-deep);color:#fff !important;}
.dkt-nav .cta:hover{background:var(--teal);}

/* ---------- ALT SAYFA HERO ---------- */
.dkt-page-hero{background:linear-gradient(120deg, var(--teal) 0%, var(--teal-deep) 46%, var(--lav-deep) 100%);padding:38px 0 46px;position:relative;overflow:hidden;}
.dkt-page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 320px at 88% -10%, rgba(255,255,255,0.20), transparent 55%);pointer-events:none;}
.dkt-page-hero .eyebrow{display:inline-block;background:rgba(255,255,255,0.18);color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;padding:5px 13px;border-radius:999px;margin-bottom:12px;position:relative;}
.dkt-page-hero h1{color:#fff;font-size:27px;margin:0 0 8px;position:relative;max-width:720px;}
.dkt-page-hero p{color:rgba(255,255,255,0.94);font-size:15px;margin:0;font-weight:500;max-width:640px;position:relative;}

/* ---------- BUTTON ---------- */
.btn{border:none;border-radius:14px;padding:13px 22px;font-family:inherit;font-weight:700;font-size:14.5px;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.btn:active{transform:scale(0.96);}
.btn-primary{background:linear-gradient(120deg, var(--teal) 0%, var(--teal-deep) 100%);color:#fff;box-shadow:0 6px 16px rgba(44,103,89,0.28);}
.btn-primary:hover{box-shadow:0 10px 22px rgba(44,103,89,0.38);transform:translateY(-1px);}
.btn-ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink);}
.btn-ghost:hover{border-color:var(--lav-deep);color:var(--lav-deep);}
.btn-small{padding:9px 15px;font-size:13px;border-radius:12px;}
.btn-coral{background:linear-gradient(120deg, var(--coral) 0%, var(--coral-deep) 100%);color:#fff;box-shadow:0 6px 16px rgba(217,113,79,0.28);}

/* ---------- FORM ELEMENTS ---------- */
.field{display:flex;flex-direction:column;gap:7px;}
.field label{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;}
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], textarea, select{
  width:100%;padding:12px 14px;border-radius:13px;border:1.5px solid var(--line);
  font-family:inherit;font-size:14.5px;color:var(--ink);background:#fff;transition:border-color .15s ease, box-shadow .15s ease;
}
textarea{resize:vertical;min-height:90px;}
input:focus, select:focus, textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-pale);}

/* ---------- KART ---------- */
.card{background:var(--surface);border:1.5px solid var(--line);border-radius:20px 20px 20px 6px;padding:19px 19px 17px;box-shadow:var(--shadow-sm);position:relative;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;animation:fadeUp .5s ease both;}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#DED2F5;}
.card .badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.3px;padding:3px 10px;border-radius:999px;margin-bottom:8px;text-transform:uppercase;}
.badge.terapist{background:var(--teal-pale);color:var(--teal-deep);}
.badge.rehab{background:var(--lav-pale);color:var(--lav-deep);}
.badge.klinik{background:var(--coral-pale);color:var(--coral-deep);}
.badge.onayli{background:var(--gold-pale);color:var(--gold);}
.card h4{margin:0 0 4px;font-size:17px;font-family:'Fraunces',serif;font-weight:600;}
.card .meta{font-size:13px;color:var(--ink-soft);font-weight:600;margin:2px 0;}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(270px,1fr));gap:16px;}
.tag-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}
.tag-pills span{background:var(--surface-2);color:var(--ink-soft);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;}
.empty-state{background:#fff;border:1.5px dashed var(--line);border-radius:20px;padding:40px 20px;text-align:center;color:var(--ink-soft);font-weight:600;}
.empty-state .big{font-size:36px;margin-bottom:10px;}
.hint{font-size:13px;color:var(--ink-soft);margin-top:8px;}

/* ---------- PANEL / BÖLÜM ---------- */
.panel{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:24px 26px;box-shadow:var(--shadow-sm);}
.panel-lav{background:var(--lav-pale);border:1.5px solid #E1D2F5;border-radius:22px;padding:22px;}
section{padding:26px 0;}

/* ---------- MODAL / OVERLAY ---------- */
.overlay{position:fixed;inset:0;background:rgba(38,35,46,0.5);display:none;align-items:center;justify-content:center;z-index:80;padding:20px;backdrop-filter:blur(3px);}
.overlay.show{display:flex;animation:fadeUp .2s ease both;}
.modal{background:#fff;border-radius:24px;padding:24px;max-width:440px;width:100%;box-shadow:0 30px 70px rgba(0,0,0,0.28);max-height:88vh;overflow-y:auto;}
.modal h3{margin:0 0 6px;}
.modal p.small{color:var(--ink-soft);font-size:13px;margin:0 0 12px;}
.modal input, .modal select, .modal textarea{margin-bottom:8px;}
.modal-actions{display:flex;gap:10px;margin-top:6px;}
.modal-tabs{display:flex;gap:8px;margin-bottom:14px;}
.modal-tabs button{flex:1;background:#FBF9F6;border:1.5px solid var(--line);border-radius:12px;padding:9px;font-weight:700;font-size:13px;cursor:pointer;color:var(--ink-soft);}
.modal-tabs button.active{background:var(--teal-pale);border-color:var(--teal-deep);color:var(--teal-deep);}

/* ---------- FOOTER ---------- */
footer.dkt-footer{padding:30px 0 44px;text-align:center;color:var(--ink-soft);font-size:12.5px;}
footer.dkt-footer .footer-links{margin-top:10px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
footer.dkt-footer .footer-links a{color:var(--ink-soft);text-decoration:underline;font-weight:700;}

/* ---------- WHATSAPP FLOAT ---------- */
.whatsapp-float{position:fixed;bottom:22px;right:22px;width:58px;height:58px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;text-decoration:none;box-shadow:0 10px 24px rgba(37,211,102,0.45);z-index:40;transition:transform .15s ease;}
.whatsapp-float:hover{transform:scale(1.08);}

@media(max-width:720px){
  .dkt-nav{width:100%;justify-content:flex-start;overflow-x:auto;}
}