@charset "UTF-8";
/* xl - DESKTOP STYLES */
/* --- 1. Основний контейнер --- */
#ez-toc-container {
  background: #F7F8F9 !important;
  padding: 24px !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
}
/* --- 2. Заголовок "TABLE OF CONTENT" --- */
#ez-toc-container .ez-toc-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px !important;
  border-bottom: none !important;
  padding: 0 !important;
}
#ez-toc-container .ez-toc-title {
  font-family: inherit;
  font-size: 14px !important;
  line-height: 1.7em !important;
  text-transform: uppercase;
  color: #1A516C !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#ez-toc-container .ez-toc-title-toggle {
  display: none !important;
}
/* --- 3. RESET LIST --- */
#ez-toc-container nav ul, #ez-toc-container ul.ez-toc-list, #ez-toc-container li {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  text-indent: 0 !important;
}
#ez-toc-container ul.ez-toc-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#ez-toc-container li::before {
  display: none !important;
}
span.ez-toc-icon-toggle-span {
  display: none !important;
}
/* !!! ТУТ ЗМІНИ !!! */
/* --- 4. Посилання (Контейнер рядка) --- */
#ez-toc-container a.ez-toc-link {
  display: flex !important;
  align-items: flex-start !important;
  /* Вирівнюємо строго по верху */
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.5em !important;
  /* Висота рядка ~24px */
  color: #0D1317 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.2s ease-in-out;
  position: relative;
  /* Для стабільності */
}
/* --- 5. Стрілка (SVG) --- */
#ez-toc-container a.ez-toc-link::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9'%3E%3Cpath d='M1 6.91211L12 6.91211' stroke='%230D1317' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M7.2832 1.41406L12.7832 6.91406L7.2832 12.4141' stroke='%230D1317' stroke-width='2' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  /* Розміри самої картинки */
  height: 14px !important;
  /* FIX: Забороняємо стискання стрілки, якщо текст довгий */
  flex-shrink: 0 !important;
  /* Стан "Спокою" */
  width: 0px;
  margin-right: 0px;
  opacity: 0;
  /* Анімація */
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  /* Оптичне центрування відносно першого рядка тексту */
  /* (Line-height 24px - Arrow 14px) / 2 = 5px */
  margin-top: 5px !important;
}
/* --- 6. Ховер Ефекти --- */
#ez-toc-container a.ez-toc-link:hover {
  font-weight: 600 !important;
  color: #0D1317 !important;
}
#ez-toc-container a.ez-toc-link:hover::before {
  opacity: 1;
  transform: translateX(0);
  width: 15px;
  /* Повна ширина стрілки */
  margin-right: 8px;
  /* Відступ від стрілки до тексту */
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F2503-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAAA%3BACCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADDA%3BACUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAD9BA%3BACiCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BADjDA%3BAAAA%3BACuDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADvDA%3BACwEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADxEA%3BACkGA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */