/**
 * Easy Blog Manager — четивен слой за страницата на статията.
 *
 * Зарежда се след frontend.css и работи в собствен обхват `.ebm-a`, за да
 * има по-голяма тежест от натрупаните стари правила, без да ги пипа.
 * Цялата цел е една: дългият текст да се чете приятно — мярка на реда,
 * ритъм на разстоянията, ясна йерархия на заглавията.
 */

.ebm-single-page.ebm-a {
	--a-ink: #16202a;
	--a-body: #33424f;
	--a-muted: #6d7d8a;
	--a-line: #e3e8ed;
	--a-soft: #f6f8fa;
	--a-gold: var(--ebm-brass, #c2a36b);
	--a-gold-deep: var(--ebm-brass-deep, #a9863c);
	--a-accent: var(--ebm-accent, #0f7391);

	--a-measure: 680px;
	--a-body-size: 18.5px;

	background: #fff !important;
	padding-top: 26px !important;
}

/* =========================================================
 *  ГЛАВА НА СТАТИЯТА
 *
 *  Всичко е подравнено вляво по един и същ ръб — трохите, рубриката,
 *  заглавието, мета редът и текстът по-долу. Центрираният блок сиви
 *  редове между заглавието и снимката отпадна: краткото описание вече
 *  стои непосредствено над текста, където му е мястото.
 * ========================================================= */
.ebm-a .ebm-single-article { padding: 0 24px !important; }

.ebm-a .ebm-article-breadcrumb {
	max-width: var(--a-measure);
	margin: 0 auto 22px !important;
	justify-content: flex-start;
}

.ebm-a .ebm-editorial-header {
	max-width: var(--a-measure) !important;
	margin: 0 auto 34px !important;
	padding: 0 !important;
	text-align: left !important;
}

.ebm-a .ebm-single-category {
	margin-bottom: 16px !important;
	border: 1px solid rgba(194, 163, 107, .45) !important;
	background: rgba(194, 163, 107, .10) !important;
	color: var(--a-gold-deep) !important;
	letter-spacing: .16em !important;
}

.ebm-a .ebm-single-title {
	max-width: none !important;
	margin: 0 !important;
	font-size: clamp(32px, 4.4vw, 52px) !important;
	line-height: 1.06 !important;
	letter-spacing: -.02em !important;
	color: var(--a-ink) !important;
	text-align: left !important;
	text-shadow: none !important;
	text-wrap: balance;
}

.ebm-a .ebm-editorial-meta {
	justify-content: flex-start !important;
	margin: 22px 0 0 !important;
	padding-top: 18px;
	border-top: 1px solid var(--a-line);
	font-size: 12.5px !important;
	color: var(--a-muted) !important;
}

.ebm-a .ebm-meta-avatar {
	background: rgba(194, 163, 107, .14);
	border: 1px solid var(--a-gold);
	color: var(--a-gold-deep);
}

/* =========================================================
 *  ГОЛЯМАТА СНИМКА — цяла, без рязане
 *
 *  Илюстрациите тук са портретни и носят текст в горния край.
 *  Фиксираното съотношение отрязваше точно него, затова снимката
 *  вече се показва в естествените си пропорции, ограничена по
 *  височина, за да не изблъсква текста извън екрана.
 * ========================================================= */
.ebm-a .ebm-editorial-hero {
	max-width: 100% !important;
	margin: 0 auto 46px !important;
	padding: 0;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	text-align: center;
}

.ebm-a .ebm-editorial-hero img {
	aspect-ratio: auto !important;
	object-fit: contain !important;
	width: auto !important;
	max-width: min(100%, 880px) !important;
	max-height: 76vh !important;
	height: auto !important;
	margin: 0 auto !important;
	border-radius: 18px !important;
	box-shadow: 0 18px 46px rgba(20, 40, 55, .14) !important;
}

/* =========================================================
 *  ВЪВЕЖДАЩ АБЗАЦ
 * ========================================================= */
.ebm-a .ebm-a-lead {
	max-width: var(--a-measure) !important;
	margin: 0 auto 34px !important;
	padding-left: 22px;
	border-left: 3px solid var(--a-gold);
	font-size: clamp(17px, 2vw, 20px) !important;
	line-height: 1.66 !important;
	color: var(--a-ink) !important;
	text-align: left !important;
}

/* =========================================================
 *  СЪДЪРЖАНИЕ (TOC)
 * ========================================================= */
.ebm-a .ebm-auto-toc {
	max-width: var(--a-measure);
	margin: 0 auto 42px !important;
	border-color: var(--a-line) !important;
	background: var(--a-soft) !important;
	border-radius: 16px !important;
}

.ebm-a .ebm-toc-toggle small { color: var(--a-gold-deep) !important; }
.ebm-a .ebm-toc-links a:before { background: var(--a-gold) !important; }

/* =========================================================
 *  ТЯЛО НА СТАТИЯТА
 * ========================================================= */
.ebm-a .ebm-single-content {
	max-width: var(--a-measure) !important;
	margin: 0 auto !important;
	font-size: var(--a-body-size) !important;
	line-height: 1.7 !important;
	color: #2f3b45 !important;
	letter-spacing: 0 !important;
}

.ebm-a .ebm-single-content p {
	margin: 0 0 .7em !important;
	text-wrap: pretty;
}

/* Първият абзац въвежда — малко по-едър и по-тъмен. */
.ebm-a .ebm-single-content > p:first-child {
	font-size: calc(var(--a-body-size) + 1px);
	line-height: 1.66;
	color: var(--a-ink);
}

/* --- заглавия вътре в текста --- */
.ebm-a .ebm-single-content h2 {
	position: relative;
	margin: 1.75em 0 .42em !important;
	padding: 0 !important;
	font-size: clamp(27px, 3.2vw, 36px) !important;
	line-height: 1.12 !important;
	letter-spacing: -.015em !important;
	color: var(--a-ink) !important;
}

/* Никакви украшения по заглавията. Йерархията се носи от размера и
   разстоянието, не от чертички и номера — те само добавят шум и в този
   слой се сблъскваха с останки от стария CSS. */
.ebm-a .ebm-single-content h2::before,
.ebm-a .ebm-single-content h2::after,
.ebm-a .ebm-single-content h3::before,
.ebm-a .ebm-single-content h3::after {
	content: none !important;
	display: none !important;
}

.ebm-a .ebm-single-content h3 {
	margin: 1.45em 0 .3em !important;
	font-size: clamp(21px, 2.2vw, 25px) !important;
	line-height: 1.16 !important;
	color: var(--a-ink) !important;
}

.ebm-a .ebm-single-content h4 {
	margin: 1.3em 0 .28em !important;
	font-size: 19px !important;
	line-height: 1.2 !important;
	color: var(--a-ink) !important;
}

/* --- акценти --- */
.ebm-a .ebm-single-content strong,
.ebm-a .ebm-single-content b {
	font-weight: 700;
	color: var(--a-ink);
}

.ebm-a .ebm-single-content em { color: var(--a-ink); }

.ebm-a .ebm-single-content a {
	color: var(--a-gold-deep) !important;
	text-decoration: none;
	background-image: linear-gradient(var(--a-gold), var(--a-gold));
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding-bottom: 1px;
	transition: background-size .25s ease, color .25s ease;
}

.ebm-a .ebm-single-content a:hover {
	color: var(--a-ink) !important;
	background-size: 100% 2px;
}

/* --- списъци --- */
.ebm-a .ebm-single-content ul,
.ebm-a .ebm-single-content ol {
	margin: 1em 0 1.2em !important;
	padding-left: 0 !important;
	list-style: none;
}

.ebm-a .ebm-single-content li {
	position: relative;
	margin: .4em 0 !important;
	padding-left: 30px !important;
}

.ebm-a .ebm-single-content ul > li::before {
	content: "";
	position: absolute;
	left: 8px;
	top: .78em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--a-gold);
}

.ebm-a .ebm-single-content ol { counter-reset: ebm-a-list; }

.ebm-a .ebm-single-content ol > li { counter-increment: ebm-a-list; }

.ebm-a .ebm-single-content ol > li::before {
	content: counter(ebm-a-list);
	position: absolute;
	left: 0;
	top: .18em;
	width: 22px;
	font: 700 13px/1.7 'Montserrat', sans-serif;
	color: var(--a-gold-deep);
	text-align: right;
}

/* --- цитат --- */
.ebm-a .ebm-single-content blockquote {
	position: relative;
	margin: 1.7em 0 !important;
	padding: 2px 0 2px 26px !important;
	border: 0 !important;
	border-left: 3px solid var(--a-gold) !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-size: calc(var(--a-body-size) + 3px) !important;
	line-height: 1.6 !important;
	color: var(--a-ink) !important;
}

.ebm-a .ebm-single-content blockquote::before { content: none !important; }
.ebm-a .ebm-single-content blockquote p:last-child { margin-bottom: 0 !important; }

/* --- разделител: орнамент вместо гола черта --- */
.ebm-a .ebm-single-content hr {
	position: relative;
	height: 0 !important;
	border: 0 !important;
	background: none !important;
	margin: 1.9em auto !important;
	overflow: visible;
}

.ebm-a .ebm-single-content hr::after {
	content: "✦ ✦ ✦";
	display: block;
	text-align: center;
	letter-spacing: .8em;
	text-indent: .8em;
	font-size: 11px;
	color: var(--a-gold);
	opacity: .7;
}

/* --- изображения в текста --- */
.ebm-a .ebm-single-content figure { margin: 2.2em 0 !important; }

.ebm-a .ebm-single-content img {
	border-radius: 16px !important;
	box-shadow: 0 14px 36px rgba(20, 40, 55, .10) !important;
}

.ebm-a .ebm-single-content figcaption {
	margin-top: 12px !important;
	font-size: 12.5px !important;
	line-height: 1.5;
	color: var(--a-muted) !important;
	text-align: center;
}

/* --- таблици --- */
.ebm-a .ebm-single-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.8em 0;
	font-size: 15px;
}

.ebm-a .ebm-single-content th,
.ebm-a .ebm-single-content td {
	padding: 11px 14px;
	border-bottom: 1px solid var(--a-line);
	text-align: left;
}

.ebm-a .ebm-single-content th {
	font-weight: 700;
	color: var(--a-ink);
	border-bottom-color: var(--a-gold);
}

/* =========================================================
 *  КРАЙ НА СТАТИЯТА
 * ========================================================= */
.ebm-a .ebm-article-end { color: var(--a-gold) !important; }
.ebm-a .ebm-article-end span { background: var(--a-line) !important; }

.ebm-a .ebm-author-card,
.ebm-a .ebm-end-share,
.ebm-a .ebm-post-nav-item {
	border-color: var(--a-line) !important;
	box-shadow: none !important;
}

.ebm-a .ebm-author-card { background: var(--a-soft) !important; }
.ebm-a .ebm-author-avatar { background: linear-gradient(135deg, var(--a-gold-deep), var(--a-gold)) !important; }
.ebm-a .ebm-author-kicker { color: var(--a-gold-deep) !important; }

.ebm-a .ebm-post-nav-item:hover {
	border-color: var(--a-gold) !important;
	box-shadow: 0 12px 30px rgba(20, 40, 55, .08) !important;
}

.ebm-a .ebm-comments-head h2 { color: var(--a-ink) !important; }
.ebm-a .ebm-comment-count { background: var(--a-ink) !important; }
.ebm-a .ebm-comments-kicker { color: var(--a-gold-deep) !important; }
.ebm-a .ebm-comment-avatar { background: linear-gradient(135deg, var(--a-gold-deep), var(--a-gold)) !important; }

/* =========================================================
 *  ЛЕНТА НА ПРОЧЕТЕНОТО
 * ========================================================= */
.ebm-a ~ .ebm-reading-progress span,
.ebm-reading-progress span {
	background: linear-gradient(90deg, var(--ebm-accent, #0f7391), var(--ebm-brass, #c2a36b)) !important;
}

/* =========================================================
 *  МОБИЛЕН
 * ========================================================= */
@media (max-width: 780px) {
	.ebm-single-page.ebm-a { --a-body-size: 17.5px; padding-top: 16px !important; }
	.ebm-a .ebm-single-article { padding: 0 16px !important; }
	.ebm-a .ebm-editorial-hero { margin-bottom: 30px !important; }
	.ebm-a .ebm-editorial-hero img { max-height: 62vh !important; border-radius: 12px !important; }
	.ebm-a .ebm-a-lead { padding-left: 16px; }
	.ebm-a .ebm-single-content h2 { font-size: 27px !important; }
	.ebm-a .ebm-single-content h3 { font-size: 22px !important; }
	.ebm-a .ebm-single-content blockquote { padding-left: 20px !important; font-size: 18px !important; }
	.ebm-a .ebm-editorial-meta { flex-wrap: wrap; row-gap: 8px; }
}

/* =========================================================
 *  ДЕКОРАЦИЯТА ОТПАДА
 *
 *  Орбитите и звездите бяха рисувани за по-тъмна страница. Върху
 *  бял фон бледите елипси минават през заглавието и приличат на
 *  дефект при рендиране, вместо на украса.
 * ========================================================= */
.ebm-a .ebm-cosmic-decor { display: none !important; }
.ebm-a .ebm-editorial-header:before { display: none !important; }

/* =========================================================
 *  ЛЕПКАВО СЪДЪРЖАНИЕ ОТСТРАНИ
 *
 *  При статия с осем раздела читателят трябва да вижда къде е и
 *  какво остава. На широк екран съдържанието застава вляво и
 *  следва превъртането; под 1200px пада над текста, както преди.
 * ========================================================= */
@media (min-width: 1200px) {
	.ebm-a .ebm-article-layout.has-toc {
		display: grid !important;
		grid-template-columns: 236px minmax(0, var(--a-measure)) !important;
		gap: 60px !important;
		max-width: 1060px !important;
		margin: 0 auto !important;
		align-items: start;
	}

	/* текстът винаги е във втората колона, каквото и да се случи */
	.ebm-a .ebm-article-layout.has-toc .ebm-article-main-column {
		grid-column: 2;
		min-width: 0;
	}

	.ebm-a .ebm-article-layout.has-toc > #ebm-auto-toc { grid-column: 1; }

	.ebm-a .has-toc .ebm-auto-toc {
		position: sticky;
		top: 96px;
		margin: 0 !important;
		max-width: none;
		background: transparent !important;
		border: 0 !important;
		border-left: 1px solid var(--a-line) !important;
		border-radius: 0 !important;
		padding-left: 20px;
	}

	.ebm-a .has-toc .ebm-auto-toc .ebm-toc-toggle {
		padding: 0 0 14px !important;
		pointer-events: none;
	}

	.ebm-a .has-toc .ebm-auto-toc .ebm-toc-chevron { display: none; }

	.ebm-a .has-toc .ebm-toc-links {
		padding: 0 !important;
		border: 0 !important;
		gap: 11px !important;
		max-height: 62vh;
		overflow-y: auto;
	}

	.ebm-a .has-toc .ebm-toc-links a {
		padding-left: 14px !important;
		font-size: 13px !important;
		line-height: 1.45 !important;
		color: var(--a-muted) !important;
		transition: color .2s;
	}

	.ebm-a .has-toc .ebm-toc-links a:before {
		width: 4px !important;
		height: 4px !important;
		background: var(--a-line) !important;
		transition: background .2s, transform .2s;
	}

	.ebm-a .has-toc .ebm-toc-links a:hover { color: var(--a-ink) !important; }

	/* активният раздел се отбелязва от single.js */
	.ebm-a .has-toc .ebm-toc-links a.is-current {
		color: var(--a-ink) !important;
		font-weight: 700 !important;
	}

	.ebm-a .has-toc .ebm-toc-links a.is-current:before {
		background: var(--a-gold) !important;
		transform: scale(1.6);
	}
}

/* Разделител непосредствено преди заглавие е излишен — заглавието
   вече носи собствената си черта. */
.ebm-a .ebm-single-content hr:has(+ h2),
.ebm-a .ebm-single-content hr:has(+ h3) { display: none !important; }

/* Предпазна мрежа: колоната с текста не бива да пада под мярката на реда,
   каквото и да прави обгръщащият лейаут. */
.ebm-a .ebm-article-main-column { min-width: 0; }
.ebm-a .ebm-article-layout:not(.has-toc) {
	display: block !important;
	max-width: var(--a-measure) !important;
	margin: 0 auto !important;
}

/* =========================================================
 *  РЕАКЦИИ ПОД СТАТИЯТА
 * ========================================================= */
.ebm-a .ebm-a-react {
	max-width: var(--a-measure);
	margin: 0 auto 34px;
	padding: 22px 24px;
	border: 1px solid var(--a-line);
	border-radius: 18px;
	background: var(--a-soft);
	display: flex;
	align-items: center;
	gap: 22px;
	flex-wrap: wrap;
}

.ebm-a-react-copy span {
	display: block;
	font: 700 10px/1 'Montserrat', sans-serif;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--a-gold-deep);
	margin-bottom: 6px;
}

.ebm-a-react-copy strong { display: block; font: 600 22px/1.15 'Advent Pro', sans-serif; color: var(--a-ink); }
.ebm-a-react-copy small { display: block; margin-top: 5px; font-size: 12px; color: var(--a-muted); }

.ebm-a-react-buttons { display: flex; gap: 9px; flex-wrap: wrap; margin-left: auto; }

.ebm-a-react-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 15px;
	border: 1px solid var(--a-line);
	border-radius: 999px;
	background: #fff;
	color: var(--a-body);
	font: 600 12.5px/1 'Montserrat', sans-serif;
	cursor: pointer;
	transition: border-color .2s, color .2s, transform .2s, background .2s;
}

.ebm-a-react-btn svg { width: 16px; height: 16px; }
.ebm-a-react-btn b { font-variant-numeric: tabular-nums; color: var(--a-muted); }

.ebm-a-react-btn:hover { border-color: var(--a-gold); color: var(--a-gold-deep); transform: translateY(-1px); }

.ebm-a-react-btn.is-on {
	border-color: var(--a-gold);
	background: rgba(194, 163, 107, .12);
	color: var(--a-gold-deep);
}

.ebm-a-react-btn.is-on b { color: var(--a-gold-deep); }
.ebm-a-react.is-done .ebm-a-react-btn:not(.is-on) { opacity: .55; cursor: default; }
.ebm-a-react.is-done .ebm-a-react-btn:not(.is-on):hover { transform: none; border-color: var(--a-line); color: var(--a-body); }

/* =========================================================
 *  РАЗГОВОРЪТ ПОД СТАТИЯТА
 * ========================================================= */
.ebm-a .ebm-comment-author-tag {
	margin: 0 8px;
	padding: 2px 9px;
	border-radius: 999px;
	background: rgba(194, 163, 107, .16);
	color: var(--a-gold-deep);
	font: 700 10px/1.6 'Montserrat', sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ebm-a .ebm-comment.is-team > .ebm-comment-avatar {
	background: linear-gradient(135deg, var(--a-gold-deep), var(--a-gold));
}

.ebm-a .ebm-comment-replies {
	list-style: none;
	margin: 16px 0 0;
	padding: 0 0 0 20px;
	border-left: 2px solid var(--a-line);
}

.ebm-a .ebm-comment-replies .ebm-comment {
	padding: 16px 0 0;
	border-bottom: 0;
	grid-template-columns: 36px 1fr;
	gap: 12px;
}

.ebm-a .ebm-comment-replies .ebm-comment-avatar { width: 36px; height: 36px; font-size: 18px; }

/* --- поканата за коментар --- */
.ebm-a .ebm-comment-invite {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 26px 0 0;
	padding: 18px 20px;
	border: 1px solid var(--a-line);
	border-radius: 16px;
	background: linear-gradient(120deg, rgba(194, 163, 107, .10), transparent 70%);
}

.ebm-a .ebm-comment-invite-ava {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, var(--a-gold-deep), var(--a-gold));
	color: #fff;
	font: 700 20px/1 'Advent Pro', sans-serif;
}

.ebm-a .ebm-comment-invite strong { display: block; font: 600 19px/1.2 'Advent Pro', sans-serif; color: var(--a-ink); }
.ebm-a .ebm-comment-invite p { margin: 4px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--a-muted); }

.ebm-a .comment-form-email small { font-weight: 400; color: var(--a-muted); text-transform: none; letter-spacing: 0; }
.ebm-a .ebm-field-note { display: block; margin-top: 6px; font-size: 11.5px; color: var(--a-muted); }
.ebm-a .ebm-comment-form-wrap .comment-form-email { display: block !important; }

@media (max-width: 700px) {
	.ebm-a .ebm-a-react { padding: 18px 16px; gap: 16px; }
	.ebm-a-react-buttons { margin-left: 0; width: 100%; }
	.ebm-a-react-btn { flex: 1; justify-content: center; padding: 10px 8px; }
	.ebm-a-react-btn em { display: none; }
	.ebm-a .ebm-comment-replies { padding-left: 12px; }
}

/* =========================================================
 *  ЗАПИСВАНЕ ЗА НОВИ СТАТИИ
 * ========================================================= */
.ebm-a .ebm-sub {
	max-width: var(--a-measure);
	margin: 0 auto 34px;
	padding: 26px 28px;
	border: 1px solid var(--a-line);
	border-radius: 18px;
	background: linear-gradient(120deg, rgba(194, 163, 107, .12), transparent 68%);
}

.ebm-sub-copy span {
	display: block;
	font: 700 10px/1 'Montserrat', sans-serif;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--a-gold-deep);
	margin-bottom: 7px;
}

.ebm-sub-copy strong { display: block; font: 600 24px/1.15 'Advent Pro', sans-serif; color: var(--a-ink); }
.ebm-sub-copy p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--a-muted); }

.ebm-sub-form { display: flex; gap: 9px; margin-top: 16px; flex-wrap: wrap; }

.ebm-sub-form input[type="email"] {
	flex: 1;
	min-width: 200px;
	padding: 13px 16px;
	border: 1px solid var(--a-line);
	border-radius: 999px;
	background: #fff;
	font: 500 14px/1.2 'Montserrat', sans-serif;
	color: var(--a-ink);
}

.ebm-sub-form input[type="email"]:focus { outline: 2px solid var(--a-gold); outline-offset: 2px; }

.ebm-sub-form input[name="ebm_website"] {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

.ebm-sub-form button {
	padding: 13px 24px;
	border: 0;
	border-radius: 999px;
	background: var(--a-ink);
	color: #fff;
	font: 700 12.5px/1 'Montserrat', sans-serif;
	letter-spacing: .06em;
	cursor: pointer;
	transition: background .2s, transform .2s;
}

.ebm-sub-form button:hover { background: var(--a-gold-deep); transform: translateY(-1px); }

.ebm-sub-msg { margin: 10px 0 0; font-size: 13px; min-height: 1em; }
.ebm-sub-msg.is-ok { color: #1a7a4d; }
.ebm-sub-msg.is-error { color: #b23a3a; }
.ebm-sub.is-done .ebm-sub-form { display: none; }

/* --- бутонът „Отговори" под коментар --- */
.ebm-a .ebm-comment-tools { margin-top: 8px; }
.ebm-a .ebm-comment-tools a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border: 1px solid var(--a-line);
	border-radius: 999px;
	color: var(--a-gold-deep);
	font: 700 11.5px/1 'Montserrat', sans-serif;
	text-decoration: none;
	transition: .2s;
}

.ebm-a .ebm-comment-tools a:hover { border-color: var(--a-gold); background: rgba(194, 163, 107, .1); }

@media (max-width: 700px) {
	.ebm-a .ebm-sub { padding: 20px 16px; }
	.ebm-sub-form button { width: 100%; }
}

/* =========================================================
 *  ПО-ЛЕСЕН ПЪТ ДО КОМЕНТАРА
 * ========================================================= */
.ebm-a .ebm-jump-comments {
	max-width: var(--a-measure);
	margin: 0 auto 34px !important;
	text-align: center;
}

.ebm-a .ebm-jump-comments a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 12px 26px;
	border: 1px solid var(--a-gold);
	border-radius: 999px;
	background: rgba(194, 163, 107, .10);
	color: var(--a-gold-deep) !important;
	font: 700 12.5px/1 'Montserrat', sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	background-image: none;
	transition: .2s;
}

.ebm-a .ebm-jump-comments a:hover { background: var(--a-gold); color: #fff !important; }

/* съобщение след публикуване */
.ebm-a .ebm-comment-thanks {
	margin: 0 0 20px;
	padding: 14px 18px;
	border-radius: 14px;
	background: rgba(30, 142, 90, .10);
	border: 1px solid rgba(30, 142, 90, .28);
	color: #1a6d45;
	font-size: 14px;
	font-weight: 600;
}

.ebm-a .ebm-comment-thanks.is-hold {
	background: rgba(194, 163, 107, .12);
	border-color: rgba(194, 163, 107, .4);
	color: var(--a-gold-deep);
}

/* формата стои над разговора и е основното нещо в секцията */
.ebm-a .ebm-comment-form-wrap {
	margin-top: 14px !important;
	padding: 24px !important;
	border-color: var(--a-line) !important;
	background: #fff !important;
	box-shadow: 0 10px 30px rgba(20, 40, 55, .06);
}

.ebm-a .ebm-comment-form-title { font-size: 26px !important; color: var(--a-ink) !important; }
.ebm-a .comment-form-author small,
.ebm-a .comment-form-email small { font-weight: 400; color: var(--a-muted); text-transform: none; letter-spacing: 0; }

.ebm-a .ebm-comment-form-wrap .submit {
	padding: 14px 28px !important;
	font-size: 13px !important;
	background: var(--a-ink) !important;
}

.ebm-a .ebm-comment-form-wrap .submit:hover { background: var(--a-gold-deep) !important; }

.ebm-a .ebm-comment-list { margin-top: 30px !important; }

/* =========================================================
 *  v3.29.0 — РЕАКЦИИ С ЕМОДЖИ ПОД КОМЕНТАРИТЕ
 *
 *  Лентата стои под текста на коментара и е тиха, докато никой не е
 *  реагирал: вижда се само дискретният бутон „Реагирай". Щом има реакции,
 *  те се появяват като чипове вляво надясно, а знакът на автора — вдясно.
 *  Всички цели за докосване са минимум 34px, за да работи с палец.
 * ========================================================= */
.ebm-a .ebm-creact {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 10px;
}

.ebm-a .ebm-creact-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

/* --- бутонът, който отваря избора --- */
.ebm-a .ebm-creact-add-wrap { position: relative; }

.ebm-a .ebm-creact-add {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 6px 13px;
	border: 1px solid var(--a-line);
	border-radius: 999px;
	background: #fff;
	color: var(--a-muted);
	font: 700 11.5px/1 'Montserrat', sans-serif;
	cursor: pointer;
	transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.ebm-a .ebm-creact-add:hover,
.ebm-a .ebm-creact-add[aria-expanded="true"] {
	border-color: var(--a-gold);
	background: rgba(194, 163, 107, .1);
	color: var(--a-gold-deep);
}

.ebm-a .ebm-creact-add-face { font-size: 15px; line-height: 1; }
.ebm-a .ebm-creact-add-plus { font-size: 13px; line-height: 1; margin-left: -3px; }
.ebm-a .ebm-creact-add em { font-style: normal; }

/* --- изборът на емоджи --- */
.ebm-a .ebm-creact-picker {
	position: absolute;
	z-index: 6;
	bottom: calc(100% + 8px);
	left: 0;
	display: flex;
	gap: 2px;
	padding: 6px;
	border: 1px solid var(--a-line);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(20, 40, 55, .14);
	animation: ebm-creact-in .16s ease-out;
}

.ebm-a .ebm-creact-picker[hidden] { display: none; }

@keyframes ebm-creact-in {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}

.ebm-a .ebm-creact-pick {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	font-size: 21px;
	line-height: 1;
	cursor: pointer;
	transition: transform .16s ease, background .16s ease;
}

.ebm-a .ebm-creact-pick:hover,
.ebm-a .ebm-creact-pick:focus-visible {
	background: var(--a-soft);
	transform: scale(1.18);
	outline: none;
}

/* --- чиповете с броячи --- */
.ebm-a .ebm-creact-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.ebm-a .ebm-creact-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 34px;
	padding: 5px 12px 5px 10px;
	border: 1px solid var(--a-line);
	border-radius: 999px;
	background: #fff;
	color: var(--a-body);
	font: 700 12px/1 'Montserrat', sans-serif;
	cursor: pointer;
	transition: border-color .2s ease, background .2s ease, transform .16s ease;
}

.ebm-a .ebm-creact-chip:hover { border-color: var(--a-gold); transform: translateY(-1px); }

.ebm-a .ebm-creact-chip span { font-size: 15px; line-height: 1; }

.ebm-a .ebm-creact-chip.is-on {
	border-color: var(--a-gold);
	background: rgba(194, 163, 107, .14);
	color: var(--a-gold-deep);
}

.ebm-a .ebm-creact-chip.is-bump { animation: ebm-creact-bump .28s ease; }

@keyframes ebm-creact-bump {
	0%   { transform: scale(1); }
	45%  { transform: scale(1.14); }
	100% { transform: scale(1); }
}

.ebm-a .ebm-creact-total {
	font: 600 11.5px/1 'Montserrat', sans-serif;
	color: var(--a-muted);
}

.ebm-a .ebm-creact-total::before { content: '· '; }

/* --- знакът на автора --- */
.ebm-a .ebm-creact-author { display: inline-flex; align-items: center; gap: 8px; }

.ebm-a .ebm-creact-author-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(194, 163, 107, .16);
	color: var(--a-gold-deep);
	font: 700 11px/1.4 'Montserrat', sans-serif;
}

.ebm-a .ebm-creact-author-badge[hidden] { display: none; }
.ebm-a .ebm-creact-author-badge em { font-style: normal; }

.ebm-a .ebm-creact-authorlike {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 6px 13px;
	border: 1px dashed var(--a-line);
	border-radius: 999px;
	background: #fff;
	color: var(--a-muted);
	font: 700 11px/1 'Montserrat', sans-serif;
	cursor: pointer;
	transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.ebm-a .ebm-creact-authorlike:hover { border-color: var(--a-gold); color: var(--a-gold-deep); }

.ebm-a .ebm-creact-authorlike.is-on {
	border-style: solid;
	border-color: var(--a-gold);
	background: var(--a-gold);
	color: #fff;
}

/* коментар, харесан от автора — лек акцент по цялата картичка */
.ebm-a .ebm-comment .ebm-creact.has-author ~ .ebm-comment-tools a { border-color: rgba(194, 163, 107, .5); }

@media (max-width: 700px) {
	.ebm-a .ebm-creact { gap: 8px; }
	.ebm-a .ebm-creact-add em { display: none; }
	.ebm-a .ebm-creact-add { padding: 6px 11px; }
	.ebm-a .ebm-creact-picker { padding: 5px; gap: 0; }
	.ebm-a .ebm-creact-pick { width: 40px; height: 40px; font-size: 20px; }
	.ebm-a .ebm-creact-authorlike em { display: none; }
	.ebm-a .ebm-creact-authorlike { padding: 6px 12px; }
}

@media (max-width: 480px) {
	.ebm-a .ebm-creact { justify-content: flex-start; }
	.ebm-a .ebm-creact-picker { left: -4px; padding: 4px; }
	.ebm-a .ebm-creact-pick { width: 36px; height: 36px; font-size: 19px; }
	.ebm-a .ebm-creact-chip { padding: 5px 10px 5px 9px; font-size: 11.5px; }
	.ebm-a .ebm-creact-author-badge { font-size: 10.5px; padding: 5px 10px; }
}

@media (prefers-reduced-motion: reduce) {
	.ebm-a .ebm-creact-picker,
	.ebm-a .ebm-creact-chip.is-bump { animation: none; }
	.ebm-a .ebm-creact-chip:hover,
	.ebm-a .ebm-creact-pick:hover { transform: none; }
}

/* --- v3.30.0 — превключвател за подредбата на коментарите --- */
.ebm-a .ebm-comment-sort {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 26px 0 -6px;
	padding-bottom: 4px;
}

.ebm-a .ebm-comment-sort button {
	min-height: 34px;
	padding: 7px 15px;
	border: 1px solid var(--a-line);
	border-radius: 999px;
	background: #fff;
	color: var(--a-muted);
	font: 700 11.5px/1 'Montserrat', sans-serif;
	cursor: pointer;
	transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.ebm-a .ebm-comment-sort button:hover { border-color: var(--a-gold); color: var(--a-gold-deep); }

.ebm-a .ebm-comment-sort button.is-on {
	border-color: var(--a-ink);
	background: var(--a-ink);
	color: #fff;
}

@media (max-width: 480px) {
	.ebm-a .ebm-comment-sort button { flex: 1; padding: 8px 10px; }
}

/* бутонът на автора, докато заявката върви (праща се и писмо) */
.ebm-a .ebm-creact-authorlike.is-busy { opacity: .6; cursor: progress; }
.ebm-a .ebm-creact-authorlike[disabled] { pointer-events: none; }

/* =========================================================
 *  v3.31.0 — ПРЕДПАЗЕН СЛОЙ ЗА КОМЕНТАРИТЕ
 *
 *  Нарочно БЕЗ обхват `.ebm-a`. Ако сайтът слепва и кешира стиловете,
 *  а темата или друг плъгин скрие списъка, коментарите пак се виждат.
 *  Същият подход като блока за .ebm-comment-text във frontend.css.
 * ========================================================= */
.ebm-comment-list,
.ebm-comment-list > li,
.ebm-comment-replies,
.ebm-comment-replies > li,
.ebm-comment-body {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	max-height: none !important;
	overflow: visible !important;
}

.ebm-comment-list { list-style: none !important; }
.ebm-comment-list > li { display: grid !important; }

/* реакциите не бива да заемат мястото на самия коментар, ако стиловете
   не са се заредили — редът е хоризонтален и дребен по подразбиране */
.ebm-creact { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ebm-creact-picker[hidden], [data-ebm-creact-badge][hidden] { display: none !important; }

/* =========================================================
 *  v3.31.0 — ПОКАНА ЗА КОМЕНТАР
 * ========================================================= */
.ebm-a .ebm-comment-cta {
	margin: 26px 0 0;
	padding: 26px 24px;
	border: 1px solid var(--a-line);
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(194, 163, 107, .08), rgba(194, 163, 107, .02));
	text-align: center;
}

.ebm-a .ebm-comment-cta-q {
	display: block;
	margin: 0 0 6px;
	font: 600 clamp(20px, 3vw, 26px)/1.25 'Advent Pro', sans-serif;
	color: var(--a-ink);
	text-wrap: balance;
}

.ebm-a .ebm-comment-cta p { margin: 0 0 18px; font-size: 14px; line-height: 1.6; color: var(--a-muted); }

.ebm-a .ebm-comment-cta button {
	min-height: 46px;
	padding: 13px 30px;
	border: 0;
	border-radius: 999px;
	background: var(--a-gold);
	color: #fff;
	font: 700 13px/1 'Montserrat', sans-serif;
	letter-spacing: .06em;
	cursor: pointer;
	transition: background .2s ease, transform .18s ease;
}

.ebm-a .ebm-comment-cta button:hover { background: var(--a-gold-deep); transform: translateY(-1px); }

/* социално доказателство над формата */
.ebm-a .ebm-comment-proof {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	font: 600 12.5px/1.4 'Montserrat', sans-serif;
	color: var(--a-muted);
}

.ebm-a .ebm-comment-proof-dots { display: inline-flex; }

.ebm-a .ebm-comment-proof-dots span {
	width: 26px;
	height: 26px;
	margin-left: -8px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--a-gold-deep), var(--a-gold));
	color: #fff;
	font: 700 11px/22px 'Montserrat', sans-serif;
	text-align: center;
}

.ebm-a .ebm-comment-proof-dots span:first-child { margin-left: 0; }

/* формата подсветва, когато читателят е поканен от бутона */
.ebm-a .ebm-comment-form-wrap.is-invited {
	border-color: var(--a-gold) !important;
	box-shadow: 0 0 0 4px rgba(194, 163, 107, .16), 0 10px 30px rgba(20, 40, 55, .06);
}

@media (max-width: 480px) {
	.ebm-a .ebm-comment-cta { padding: 22px 18px; }
	.ebm-a .ebm-comment-cta button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.ebm-a .ebm-comment-cta button:hover { transform: none; }
}

/* брой коментари в картите „Свързани статии“ */
.ebm-a .ebm-all-article-comments {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--a-gold-deep);
	font-weight: 600;
}

.ebm-a .ebm-all-article-comments::before { content: '💬'; font-size: 11px; }

/* =========================================================
 *  v3.32.0 — ИНСТРУМЕНТИ НА АВТОРА ПОД КОМЕНТАРА
 *
 *  Виждат се само от човек с права за модерация. Държим ги тихи —
 *  разговорът е на читателите, не таблото на редактора.
 * ========================================================= */
.ebm-a .ebm-comment-admin {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex: none;
}

.ebm-a .ebm-comment-admin a {
	font: 600 11px/1 'Montserrat', sans-serif;
	text-decoration: none;
	white-space: nowrap;
	opacity: .55;
	transition: opacity .2s ease;
}

.ebm-a .ebm-comment-admin a:hover { opacity: 1; text-decoration: underline; }
.ebm-a .ebm-comment-edit { color: var(--a-muted); }
.ebm-a .ebm-comment-delete { color: #b23a3a; }

/* отговорът е основното действие — да личи повече от изтриването */
.ebm-a .ebm-comment-tools a {
	font-weight: 700;
}

@media (max-width: 480px) {
	.ebm-a .ebm-comment-admin { gap: 8px; }
	.ebm-a .ebm-comment-admin a { font-size: 10.5px; }
}