/* Table of Contents - Modern & Clean Style */

/* Ana başlık container */
.toc-container {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 2rem 0;
}

/* Ana başlık */
#main-toc {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* İçerik wrapper */
.toc-wrapper {
  background: white;
  padding: 1.5rem;
  border-radius: 8px;
  margin-top: 1rem;
}

/* Genel toc item stilleri */
[name="tableOfContents"]:not(#main-toc):not(#hr-toc-top):not(#hr-toc-bottom) {
  padding: 0.4rem 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[name="tableOfContents"]:not(#main-toc):not(#hr-toc):not(#hr-toc-bottom):hover {
  /*background: linear-gradient(90deg, rgba(102, 126, 234, 0.05) 0%, transparent 100%);*/
  border-radius: 6px;
}

/* Link stilleri */
[name="tableOfContents"] a {
  color: #2d3748;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.8;
  display: flex;
  align-items: center;
  border-radius: 6px;
  position: relative;
  transition: all 0.3s ease;
}

[name="tableOfContents"] a::before {
  content: '›';
  font-size: 1rem;
  font-weight: bold;
  margin-right: 0.5rem;
  color: #cbd5e0;
  transition: all 0.3s ease;
}

[name="tableOfContents"] a:hover {
  color: #667eea;
  padding-left: 1.25rem;
  background: rgba(102, 126, 234, 0.08);
}

[name="tableOfContents"] a:hover::before {
  color: #667eea;
  transform: translateX(3px);
}

/* Ana başlıklar (margin-left: 0) */
[name="tableOfContents"][style*="margin-left:0px"] a,
[name="tableOfContents"][style*="margin-left: 0px"] a {
  font-weight: 600;
  color: #1a202c;
}


[name="tableOfContents"][style*="margin-left: 20px"] a,
[name="tableOfContents"][style*="margin-left: 40px"] a {
  font-weight: 400;
  color: #4a5568;
}

[name="tableOfContents"][style*="margin-left: 20px"] a::before,
[name="tableOfContents"][style*="margin-left: 40px"] a::before {
  content: '•';
}

/* Ayırıcı çizgi */
#hr-toc-top, #hr-toc-bottom {
  margin: 1.5rem 0;
  border: 0;
  height: 2px;
  background: linear-gradient(90deg, #667eea, transparent);
}

/* Hover efekti için numaralandırma */
[name="tableOfContents"]:not(#main-toc):not(#hr-toc-top):not(#hr-toc-bottom) {
  counter-increment: toc-item;
}

/* Active/Current link stili */
[name="tableOfContents"] a.active {
  background: linear-gradient(90deg, rgba(102, 126, 234, 0.15) 0%, transparent 100%);
  color: #667eea;
  font-weight: 600;
  border-left: 3px solid #667eea;
  padding-left: 1.25rem;
}

/* Responsive tasarım */
@media (max-width: 768px) {
  .toc-container {
    padding: 1rem;
    margin: 1rem 0;
  }
  
  .toc-wrapper {
    padding: 1rem;
  }
  
  #main-toc {
    font-size: 1.25rem;
  }
  
  [name="tableOfContents"] a {
    font-size: 0.9rem;
    padding: 0.3rem 0.75rem;
  }
  
  [name="tableOfContents"][style*="margin-left:40px"],
  [name="tableOfContents"][style*="margin-left: 40px"] {
    margin-left: 20px !important;
  }
}

/* Print stilleri */
@media print {
  .toc-container {
    background: white;
    border: 1px solid #e2e8f0;
    box-shadow: none;
  }
  
  #main-toc {
    color: #1a202c;
  }
  
  [name="tableOfContents"] a {
    color: #1a202c !important;
  }
}