/*
Theme Name: Hytaler
Theme URI: https://hytaler.ru
Author: Hytaler Team
Author URI: https://hytaler.ru
Description: Тема для русскоязычного сообщества Hytale. Современный дизайн с Tailwind CSS, тёмная и светлая темы, адаптивная вёрстка.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hytaler
Tags: blog, gaming, dark-mode, translation-ready, custom-logo, custom-menu, featured-images, threaded-comments

Hytaler — крупнейшее русскоязычное сообщество Hytale.
*/

/* Unordered Lists - styled with checkmark in circle */
.wp-prose ul {
  list-style: none !important;
  padding-left: 0.5rem;
  margin-bottom: 1.5rem;
}

.wp-prose ul li {
  display: flex !important;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  line-height: 1.625;
  color: rgb(75, 85, 99);
  position: relative;
}

.dark .wp-prose ul li {
  color: rgb(156, 163, 175);
}

.wp-prose ul li::before {
  content: "✓" !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin-top: 0.125rem !important;
  border-radius: 9999px !important;
  background-color: rgb(238, 242, 255) !important;
  color: rgb(99, 102, 241) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}

.dark .wp-prose ul li::before {
  background-color: rgba(49, 46, 129, 0.5) !important;
  color: rgb(129, 140, 248) !important;
}

/* Ordered Lists - styled with numbers in circles */
.wp-prose ol {
  list-style: none !important;
  padding-left: 0.5rem;
  margin-bottom: 1.5rem;
  counter-reset: list-counter;
}

.wp-prose ol li {
  display: flex !important;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  line-height: 1.625;
  color: rgb(75, 85, 99);
  counter-increment: list-counter;
  position: relative;
}

.dark .wp-prose ol li {
  color: rgb(156, 163, 175);
}

.wp-prose ol li::before {
  content: counter(list-counter) !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin-top: 0.125rem !important;
  border-radius: 9999px !important;
  background-color: rgb(238, 242, 255) !important;
  color: rgb(79, 70, 229) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}

.dark .wp-prose ol li::before {
  background-color: rgba(49, 46, 129, 0.5) !important;
  color: rgb(129, 140, 248) !important;
}