/**
 * Article body + block editor — lists, headings, blockquotes, alignment.
 *
 * main.css (Tailwind preflight) sets `ol,ul { list-style: none }` and
 * `h1–h6 { font-size: inherit }`, which hides bullets and flattens headings
 * in the editor and on the front when `.prose` utilities are not built.
 *
 * @package AscoltaNews
 */

/* Lists — front (article templates) */
.article-content ul,
.article-text-content ul,
.article-content .wp-block-list,
.page .prose ul {
	list-style-type: disc !important;
	list-style-position: outside;
}

.article-content ol,
.article-text-content ol,
.article-content ol.wp-block-list,
.page .prose ol {
	list-style-type: decimal !important;
	list-style-position: outside;
}

.article-content ul,
.article-text-content ul,
.article-content ol,
.article-text-content ol {
	margin-bottom: 1.5rem;
	padding-left: 1.5rem;
}

.article-content li,
.article-text-content li,
.article-content .wp-block-list-item,
.article-text-content .wp-block-list-item {
	margin-bottom: 0.5rem;
	line-height: 1.8;
}

.article-content ul ul,
.article-text-content ul ul {
	list-style-type: circle !important;
}

.article-content ol ol,
.article-text-content ol ol {
	list-style-type: lower-alpha !important;
}

/*
 * Gutenberg/Classic put text-align on <li>, not on <ol>/<ul>.
 * list-style-position must be set on the list container (ol/ul), not only on
 * li — otherwise markers stay left while text-align:center moves the text.
 */
.article-content ul:has(> li[style*="text-align: center"]),
.article-content ul:has(> li[style*="text-align:center"]),
.article-content ul:has(> li.has-text-align-center),
.article-content ol:has(> li[style*="text-align: center"]),
.article-content ol:has(> li[style*="text-align:center"]),
.article-content ol:has(> li.has-text-align-center),
.article-text-content ul:has(> li[style*="text-align: center"]),
.article-text-content ul:has(> li[style*="text-align:center"]),
.article-text-content ul:has(> li.has-text-align-center),
.article-text-content ol:has(> li[style*="text-align: center"]),
.article-text-content ol:has(> li[style*="text-align:center"]),
.article-text-content ol:has(> li.has-text-align-center),
.editor-styles-wrapper ul:has(> li[style*="text-align: center"]),
.editor-styles-wrapper ul:has(> li[style*="text-align:center"]),
.editor-styles-wrapper ul:has(> li.has-text-align-center),
.editor-styles-wrapper ol:has(> li[style*="text-align: center"]),
.editor-styles-wrapper ol:has(> li[style*="text-align:center"]),
.editor-styles-wrapper ol:has(> li.has-text-align-center),
.mce-content-body ul:has(> li[style*="text-align: center"]),
.mce-content-body ul:has(> li[style*="text-align:center"]),
.mce-content-body ol:has(> li[style*="text-align: center"]),
.mce-content-body ol:has(> li[style*="text-align:center"]),
.article-content ul[style*="text-align: center"],
.article-content ul[style*="text-align:center"],
.article-content ol[style*="text-align: center"],
.article-content ol[style*="text-align:center"],
.article-text-content ul[style*="text-align: center"],
.article-text-content ul[style*="text-align:center"],
.article-text-content ol[style*="text-align: center"],
.article-text-content ol[style*="text-align:center"],
.article-content ul.has-text-align-center,
.article-content ol.has-text-align-center,
.article-text-content ul.has-text-align-center,
.article-text-content ol.has-text-align-center,
.editor-styles-wrapper ul[style*="text-align: center"],
.editor-styles-wrapper ol[style*="text-align: center"],
.editor-styles-wrapper ul[style*="text-align:center"],
.editor-styles-wrapper ol[style*="text-align:center"],
.editor-styles-wrapper ul.has-text-align-center,
.editor-styles-wrapper ol.has-text-align-center,
.mce-content-body ul[style*="text-align: center"],
.mce-content-body ol[style*="text-align: center"],
.mce-content-body ul[style*="text-align:center"],
.mce-content-body ol[style*="text-align:center"] {
	list-style-position: inside !important;
	padding-left: 0 !important;
	padding-inline-start: 0 !important;
	text-align: center !important;
}

.article-content ul:has(> li[style*="text-align: right"]),
.article-content ul:has(> li[style*="text-align:right"]),
.article-content ul:has(> li.has-text-align-right),
.article-content ol:has(> li[style*="text-align: right"]),
.article-content ol:has(> li[style*="text-align:right"]),
.article-content ol:has(> li.has-text-align-right),
.article-text-content ul:has(> li[style*="text-align: right"]),
.article-text-content ul:has(> li[style*="text-align:right"]),
.article-text-content ul:has(> li.has-text-align-right),
.article-text-content ol:has(> li[style*="text-align: right"]),
.article-text-content ol:has(> li[style*="text-align:right"]),
.article-text-content ol:has(> li.has-text-align-right),
.editor-styles-wrapper ul:has(> li[style*="text-align: right"]),
.editor-styles-wrapper ul:has(> li[style*="text-align:right"]),
.editor-styles-wrapper ul:has(> li.has-text-align-right),
.editor-styles-wrapper ol:has(> li[style*="text-align: right"]),
.editor-styles-wrapper ol:has(> li[style*="text-align:right"]),
.editor-styles-wrapper ol:has(> li.has-text-align-right),
.mce-content-body ul:has(> li[style*="text-align: right"]),
.mce-content-body ul:has(> li[style*="text-align:right"]),
.mce-content-body ol:has(> li[style*="text-align: right"]),
.mce-content-body ol:has(> li[style*="text-align:right"]),
.article-content ul[style*="text-align: right"],
.article-content ul[style*="text-align:right"],
.article-content ol[style*="text-align: right"],
.article-content ol[style*="text-align:right"],
.article-text-content ul[style*="text-align: right"],
.article-text-content ul[style*="text-align:right"],
.article-text-content ol[style*="text-align: right"],
.article-text-content ol[style*="text-align:right"],
.article-content ul.has-text-align-right,
.article-content ol.has-text-align-right,
.article-text-content ul.has-text-align-right,
.article-text-content ol.has-text-align-right,
.editor-styles-wrapper ul[style*="text-align: right"],
.editor-styles-wrapper ol[style*="text-align: right"],
.editor-styles-wrapper ul[style*="text-align:right"],
.editor-styles-wrapper ol[style*="text-align:right"],
.editor-styles-wrapper ul.has-text-align-right,
.editor-styles-wrapper ol.has-text-align-right,
.mce-content-body ul[style*="text-align: right"],
.mce-content-body ol[style*="text-align: right"],
.mce-content-body ul[style*="text-align:right"],
.mce-content-body ol[style*="text-align:right"] {
	list-style-position: inside !important;
	padding-left: 0 !important;
	padding-inline-start: 0 !important;
	text-align: right !important;
}

/* Blockquote / Quote — editor lacks .article-content wrapper */
.article-content blockquote,
.article-text-content blockquote,
.article-content .wp-block-quote,
.article-text-content .wp-block-quote,
.page .prose blockquote,
.editor-styles-wrapper blockquote,
.editor-styles-wrapper .wp-block-quote,
.mce-content-body blockquote {
	border-left: 4px solid hsl(var(--primary)) !important;
	padding-left: 1.5rem !important;
	margin: 2rem 0 !important;
	font-style: italic;
	font-size: 1.125rem;
	color: hsl(var(--muted-foreground)) !important;
}

.editor-styles-wrapper .wp-block-quote p,
.mce-content-body .wp-block-quote p {
	margin-bottom: 0.5rem;
}

.editor-styles-wrapper .wp-block-quote cite,
.editor-styles-wrapper .wp-block-quote footer,
.mce-content-body .wp-block-quote cite {
	display: block;
	margin-top: 0.5rem;
	font-size: 0.875rem;
	font-style: normal;
	color: hsl(var(--muted-foreground));
}

/* Lists + headings — block editor & Classic (TinyMCE) */
.editor-styles-wrapper ul,
.mce-content-body ul,
.editor-styles-wrapper .wp-block-list {
	list-style-type: disc !important;
	list-style-position: outside;
}

.editor-styles-wrapper ol,
.mce-content-body ol,
.editor-styles-wrapper ol.wp-block-list {
	list-style-type: decimal !important;
	list-style-position: outside;
}

.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
.mce-content-body ul,
.mce-content-body ol {
	margin-bottom: 1.5rem;
	padding-left: 1.5rem;
}

.editor-styles-wrapper li,
.mce-content-body li,
.editor-styles-wrapper .wp-block-list-item {
	margin-bottom: 0.5rem;
	line-height: 1.8;
}

.editor-styles-wrapper h1,
.mce-content-body h1 {
	font-size: 2.5rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
}

.editor-styles-wrapper h2,
.mce-content-body h2 {
	font-size: 2rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin-top: 2rem;
	margin-bottom: 1.25rem;
}

.editor-styles-wrapper h3,
.mce-content-body h3 {
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	margin-top: 1.75rem;
	margin-bottom: 1rem;
}

.editor-styles-wrapper h4,
.mce-content-body h4 {
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

.editor-styles-wrapper h5,
.mce-content-body h5 {
	font-size: 1.125rem !important;
	font-weight: 600 !important;
	margin-top: 1.25rem;
	margin-bottom: 0.5rem;
}

.editor-styles-wrapper h6,
.mce-content-body h6 {
	font-size: 1rem !important;
	font-weight: 600 !important;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
	.editor-styles-wrapper h1,
	.mce-content-body h1 {
		font-size: 2rem !important;
	}
}