/*
 * Редакторы: страница «Редакция» и страница автора.
 *
 * Цвета берём из переменных темы (их задаёт store.css), но с запасным
 * значением: если переменная не определится, текст не станет невидимым.
 */

.fskd-page { padding: 24px 0 40px; }

.fskd-editors { display: grid; gap: 18px; }

.fskd-editor {
	background: #fff;
	border: 1px solid #e6e6ec;
	border-radius: 12px;
	padding: 18px 20px;
}

.fskd-editor__head { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }

.fskd-editor__avatar {
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--fskc-green, #14874a);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .02em;
	overflow: hidden;
}

/* Фото: монограмма остаётся запасным вариантом, если файла нет. */
.fskd-editor__avatar--photo { background: none; }
.fskd-editor__avatar--photo .fskd-avatar {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.fskd-editor--single .fskd-editor__avatar { width: 96px; height: 96px; font-size: 30px; }

.fskd-editor__name { margin: 0; font-size: 20px; line-height: 1.25; }
.fskd-editor__name a { color: var(--fskc-ink, #16161a); text-decoration: none; }
.fskd-editor__name a:hover { color: var(--fskc-green, #14874a); }

.fskd-editor__role { margin: 2px 0 0; font-size: 13px; color: var(--fskc-muted, #6b6b76); }

.fskd-editor__bio { margin: 0 0 10px; color: var(--fskc-ink, #16161a); }

.fskd-editor__row { margin: 6px 0 0; font-size: 14px; }
.fskd-editor__row--muted { color: var(--fskc-muted, #6b6b76); font-size: 13px; }

.fskd-editor__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin: 14px 0 4px;
}
.fskd-editor__facts div { margin: 0; }
.fskd-editor__facts dt { font-size: 12px; color: var(--fskc-muted, #6b6b76); }
.fskd-editor__facts dd { margin: 2px 0 0; font-size: 18px; font-weight: 700; }

.fskd-section { margin: 18px 0 8px; font-size: 16px; }

.fskd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.fskd-chip {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 999px;
	background: #f4f5f7;
	color: var(--fskc-ink, #16161a);
	font-size: 13px;
	text-decoration: none;
}
.fskd-chip:hover { background: var(--fskc-green, #14874a); color: #fff; }

.fskd-stores {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 8px;
}
.fskd-stores li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 12px;
	background: #f9f9fb;
	border-radius: 8px;
}
.fskd-stores a { text-decoration: none; color: var(--fskc-ink, #16161a); }
.fskd-stores a:hover { color: var(--fskc-green, #14874a); }
.fskd-stores span { color: var(--fskc-muted, #6b6b76); font-size: 13px; }

.fskd-note {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid #eee;
	font-size: 13px;
	color: var(--fskc-muted, #6b6b76);
}

/* Строка ответственного на странице категории. */
.fskc-byline {
	margin: 10px 0 0;
	font-size: 13px;
	color: var(--fskc-muted, #6b6b76);
}
.fskc-byline a { color: var(--fskc-green, #14874a); text-decoration: none; }
.fskc-byline a:hover { text-decoration: underline; }

/* Карточка автора внизу страницы магазина. */
.fskd-author {
	margin-top: 28px;
	padding: 18px 20px;
	background: #fff;
	border: 1px solid #e6e6ec;
	border-radius: 12px;
}
.fskd-author h2 { margin: 0 0 14px; font-size: 18px; }
.fskd-author__head { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.fskd-author__head strong { font-size: 17px; }
.fskd-author__head a { color: var(--fskc-ink, #16161a); text-decoration: none; }
.fskd-author__head a:hover { color: var(--fskc-green, #14874a); }
.fskd-author__role { display: block; font-size: 13px; color: var(--fskc-muted, #6b6b76); }
.fskd-author__cats { margin: 8px 0 0; font-size: 14px; }
.fskd-author__cats a { color: var(--fskc-green, #14874a); text-decoration: none; }
.fskd-author__cats a:hover { text-decoration: underline; }
.fskd-author__facts {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 12px 0 0;
	padding: 0;
	font-size: 14px;
}
.fskd-author__facts strong { font-weight: 700; }

@media (max-width: 600px) {
	.fskd-editor { padding: 14px; }
	.fskd-editor__facts { gap: 16px; }
}

/* ---------------------------------------------------------------------------
 * Страница «Редакция»: раскладка на всю ширину.
 *
 * Тема заворачивает содержимое страницы в узкую колонку col-sm-8, и сетка
 * двух колонок внутри неё выглядела приплюснутой в центре. Тело страницы
 * с шорткодом получает класс fskd-editors-page (editors.php) — раскрываем
 * только её.
 * ------------------------------------------------------------------------- */

body.fskd-editors-page .col-sm-8 { width: 100%; }

body.fskd-editors-page .fskc-cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 24px;
	align-items: start;
	margin-top: 18px;
}

body.fskd-editors-page .fskc-side {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-self: start;
}

body.fskd-editors-page .fskd-editors {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}

body.fskd-editors-page .fskd-editor {
	border: 1px solid var(--fskc-line, #e6e6ee);
	border-radius: 14px;
	padding: 18px 20px;
	background: #fff;
}

body.fskd-editors-page .fskd-editor__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 10px;
}

body.fskd-editors-page .fskd-editor__name {
	margin: 0;
	font-size: 1.15em;
}

body.fskd-editors-page .fskd-editor__role {
	margin: 2px 0 0;
	color: #6b6b7b;
	font-size: .92em;
}

body.fskd-editors-page .fskd-editor__bio { margin: 0 0 10px; }

body.fskd-editors-page .fskd-editor__row {
	margin: 6px 0 0;
	line-height: 1.5;
}

body.fskd-editors-page .fskd-editor__row--muted { color: #6b6b7b; font-size: .9em; }

@media (max-width: 991px) {
	body.fskd-editors-page .fskc-cols { grid-template-columns: minmax(0, 1fr); }
}