/**
 * Table of Contents Widget Styles
 * 
 * @package SHIPS Child
 * @subpackage Widgets\TableOfContents
 * @version 1.0.0
 */

/* =========================================
   TOC Container
   ========================================= */
#douyu-wrapper .ships-toc {
  background: var(--ui-lightest, #fff);
  margin-bottom: var(--ui-spacing-3xl, 60px) !important;
}

/* =========================================
   TOC Title
   ========================================= */
#douyu-wrapper .ships-toc__title {
  font-size: 16px !important;
  font-weight: 600 !important; /* SemiBold */
  color: var(--ui-text-primary, #2C2C2C) !important;
  padding: 0 0 16px 0 !important;
  margin: 0 0 20px 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 0 !important;
  position: relative;
  line-height: 1.4 !important;
}

#douyu-wrapper .ships-toc__title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 2px;
  background: var(--ui-primary, #17A2B8);
}

/* =========================================
   TOC List
   ========================================= */
#douyu-wrapper .ships-toc__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#douyu-wrapper .ships-toc__list li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--ui-border-light, #666565) !important;
  border-top: 0 !important;
}

#douyu-wrapper .ships-toc__list li:last-child {
  border-bottom: none !important;
}

#douyu-wrapper .ships-toc__list li a {
  display: flex !important;
  align-items: center;
  min-height: 50px !important;
  padding: 14px 0 !important;
  color: var(--ui-text-primary, #2C2C2C) !important;
  text-decoration: none !important;
  font-size: 16px !important; /* 1rem */
  font-weight: 400 !important;
  line-height: 1.6 !important;
  transition: color var(--ui-transition-fast, 0.2s ease);
  font-family: 'Zen Kaku Gothic New', var(--ui-font-family-secondary), sans-serif !important;
}

#douyu-wrapper .ships-toc__list li a:hover {
  color: var(--ui-primary, #17A2B8) !important;
}

#douyu-wrapper .ships-toc__list li.is-active a {
  color: var(--ui-primary, #17A2B8) !important;
  font-weight: 500 !important;
}

/* =========================================
   Responsive
   ========================================= */
@media (max-width: 768px) {
  #douyu-wrapper .ships-toc {
    margin-bottom: var(--ui-spacing-xxl, 40px) !important;
  }
  
  #douyu-wrapper .ships-toc__title {
    font-size: 15px !important;
    padding: 0 0 14px 0 !important;
    margin: 0 0 16px 0 !important;
  }
  
  #douyu-wrapper .ships-toc__list li a {
    min-height: 50px !important;
    padding: 16px 0 !important;
    font-size: 15px !important;
  }
}