/* =========================================
   Psikolog Kartları – Tam Sürüm CSS (2'li chip, küçük font)
   ========================================= */

/* ===== Renk paleti ===== */
:root{
  --amber:#d97706;
  --amber-dark:#b45309;
  --accent:#facc15;
  --border:#e2e8f0;
  --text:#1e293b;
  --muted:#475569;
  --para:#334155;
  --success:#166534;
  --success-bg:#dcfce7;
  --white:#ffffff;
}

/* ==== Header ile içerik arasına boşluk ==== */
.site-main.psikolog-page{
  padding-top: clamp(28px, 5vw, 72px);
  background: var(--white);
}
body.admin-bar .site-main.psikolog-page{
  padding-top: calc(clamp(28px, 5vw, 72px) + 32px);
}

/* ===== Grid ===== */
.ps-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
  gap:24px;
  max-width:1200px;
  margin:40px auto;
  padding:0 16px;
}

/* ===== Kart ===== */
.ps-card{ display:flex; }
.ps-card-frame{
  position:relative;
  background:var(--white);
  border:2px solid var(--amber);
  border-radius:24px;
  padding:24px 20px 18px;
  width:100%;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  min-height:456px; /* JS eşitleme için taban */
}

/* ===== Avatar ===== */
.ps-avatar{
  width:150px; height:150px; margin-top:-90px; margin-bottom:6px;
  border-radius:50%; display:grid; place-items:center; position:relative;
  background:var(--white);
}
.ps-avatar img{
  width:130px; height:130px; object-fit:cover; border-radius:50%;
  border:4px solid var(--accent); background:#f3f4f6;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* ===== Başlık ===== */
.ps-name{
  margin:6px 0 4px; font-size:22px; font-weight:800; color:var(--text);
  display:flex; gap:8px; align-items:center; justify-content:center;
}
.ps-verify{ display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#16a34a; color:#fff; font-size:13px; }
.ps-title{ color:var(--muted); font-weight:600; }

/* ===== Ayraç ===== */
.ps-sep{ width:100%; height:1px; background:var(--border); margin:14px 0; border:0; }

/* ===== ETİKETLER: 2 kolon, iki yana yaslı, taşma yok ===== */
.ps-chips{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap:12px;
  row-gap:10px;
  list-style:none; padding:0; margin:0; width:100%;
  overflow-x:hidden;
}
.ps-chip{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding:5px 10px;                 /* küçültüldü */
  border-radius:999px;
  border:1.8px solid var(--amber);
  background:var(--white);
  color:var(--text);
  font-weight:700;
  font-size:11px;                   /* küçültüldü */
  white-space:nowrap;               /* tek satır */
  min-width:0; max-width:100%;      /* grid hücresinde taşmayı önle */
  overflow:hidden; text-overflow:ellipsis;
  justify-self:stretch;             /* hücreyi doldurur, iki yana yaslı görünür */
  box-sizing:border-box;
}
.ps-chip i{ font-style:normal; font-size:13px; line-height:1; }

/* ===== Bio ===== */
.ps-bio{ color:var(--para); line-height:1.55; margin:0; }

/* ===== Müsaitlik ===== */
.ps-next{ display:flex; gap:6px; justify-content:center; margin:6px 0 10px; }
.ps-next-label{ color:var(--text); font-weight:800; }
.ps-next-date{ color:var(--success); font-weight:900; }

/* ===== Butonlar ===== */
.ps-actions{ display:flex; gap:10px; width:100%; margin-top:auto; }
.ps-btn{
  flex:1 1 0;
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 12px; border-radius:12px;
  text-decoration:none; font-weight:800; font-size:13px;
  border:2px solid transparent; transition:.15s ease;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ps-btn-ghost{ background:var(--white); color:var(--amber); border-color:var(--amber); }
.ps-btn-ghost:hover{ background:#fff7ed; border-color:var(--amber-dark); color:var(--amber-dark); }
.ps-btn-primary{ background:var(--amber); color:#fff; border-color:var(--amber); }
.ps-btn-primary:hover{ background:var(--amber-dark); border-color:var(--amber-dark); }

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .ps-grid{ grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); }
  .ps-chip{ font-size:10.5px; padding:5px 8px; } /* tablet biraz daha kompakt */
  .ps-btn{ height:38px; font-size:12.5px; }
}
@media (max-width: 640px){
  .ps-grid{ grid-template-columns:1fr; }
  .ps-card-frame{ min-height:0; padding:22px 16px 16px; }
  .ps-avatar{ width:140px; height:140px; margin-top:-80px; }
  .ps-avatar img{ width:120px; height:120px; }
  .ps-name{ font-size:20px; }
  .ps-chip{ font-size:10.5px; padding:5px 8px; }
  .ps-btn{ height:36px; font-size:12px; }
}