/* css/history.css */
/* Geçmiş modalı stilleri */

#historyList {
  overflow-y: auto;
  padding: 0 2px;
}
.history-item {
  border-bottom:1px solid #e3e0e0;
  margin-bottom:10px;
  padding-bottom:10px;
}
.history-item:last-child {
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
}
.history-date {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 7px;
  margin-top: 3px;
  background: transparent;
  border-radius: 6px;
  padding: 3px 9px;
  display: inline-block;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 0.2s;
}
.history-date:hover, .history-date.open {
  background: #f7c843;
  color: #222;
}
.history-detail {
  display: none;
  padding-top: 6px;
  animation: fadeIn 0.25s;
}
.history-detail.open {
  display: block;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.history-item .cards {
  gap:6px;
  margin-bottom:2px;
}
.history-item .falim {
  margin-top:0;
  font-size:0.96em;
}
/* === PROFİL SAYFASI - TAROT GEÇMİŞİ LAYOUT DÜZELTMESİ === */

#historyContentSection {
    display: flex;
    flex-direction: column; /* İçeriği dikey olarak sıralar */
    height: 100%; /* Konteynerin tüm yüksekliği kaplamasını sağlar */
}

#historyContentSection #historyList {
    flex-grow: 1; /* Liste alanının mevcut tüm boş alanı doldurmasını sağlar */
}

#historyContentSection .pagination-controls {
    flex-shrink: 0; /* Butonların küçülmesini engeller */
    padding-top: 15px; /* Butonlarla liste arasına biraz boşluk koyar */
    justify-content: center; /* Butonları kendi içinde ortalar */
}