/* =====================================================================
   Editorial Board archive (archive-editorial_members.php)
   Premium MDPI-style editorial directory
   ===================================================================== */

.ba-editorial-page{
	--ba-ed-navy:#0a1628;
	--ba-ed-muted:#5c6b80;
	--ba-ed-line:#dfe6ef;
	--ba-ed-surface:#fff;
	--ba-ed-page:#fff;
	--ba-ed-ease:ease;
	background:#fff;
	padding:0 0 2.75rem;
	min-height:50vh;
}
.ba-editorial-page__inner{
	max-width:1440px;
	margin-left:auto;
	margin-right:auto;
	padding:32px 24px;
	box-sizing:border-box;
}
.ba-editorial-page__inner > .ba-breadcrumbs{
	margin:0 0 1.1rem;
}

/* Hero */
.ba-editorial-herowrap{
	margin:0 0 1.35rem;
}
.ba-editorial-hero{
	margin:0;
	padding:clamp(1.35rem,2.4vw,2.1rem) clamp(1.25rem,2.2vw,2rem);
	border:1px solid #dfe6ef;
	border-radius:12px;
	border-top:3px solid rgba(0,58,120,.45);
	background:linear-gradient(135deg,#f7f9fc 0%,#eef3f8 100%);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.92),
		0 1px 2px rgba(15,23,42,.04),
		0 10px 28px rgba(15,23,42,.05);
}
.ba-editorial-hero__title{
	margin:0 0 .4rem;
	font-size:clamp(1.65rem,1vw + 1.35rem,2.25rem);
	font-weight:800;
	letter-spacing:-.04em;
	text-transform:none;
	color:var(--ba-ed-navy);
	line-height:1.1;
}
.ba-editorial-hero__subtitle{
	margin:0 0 .75rem;
	max-width:52rem;
	font-size:14.5px;
	line-height:1.65;
	color:#5b6a80;
	font-weight:400;
}
.ba-editorial-hero__count{
	margin:0;
	font-size:12.5px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:#7c8c9f;
}

/* Main + aside */
.ba-editorial-layout{
	display:grid;
	grid-template-columns:1fr;
	gap:28px;
	align-items:start;
}
@media (min-width:1024px){
	.ba-editorial-layout{
		grid-template-columns:minmax(0,1fr) 300px;
		gap:32px;
		align-items:start;
	}
	.ba-editorial-layout--no-aside{
		grid-template-columns:1fr;
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
}

.ba-editorial-layout__aside{
	position:sticky;
	top:1rem;
	align-self:start;
}
@media (max-width:1023px){
	.ba-editorial-layout__aside{position:static}
}

.ba-editorial-layout__main{
	background:#fff;
	border:0;
	border-radius:0;
	padding:0;
	box-shadow:none;
	min-width:0;
}

/* Sections */
.ba-editorial-section{
	margin:0;
	padding:0 0 .65rem;
	border-bottom:1px solid #e4eaf2;
}
.ba-editorial-section:last-of-type{
	border-bottom:0;
	padding-bottom:0;
}
.ba-editorial-section__head{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:.75rem;
	margin:0 0 .5rem;
	padding-bottom:.35rem;
	border-bottom:1px solid #e8eef5;
	flex-wrap:wrap;
}
.ba-editorial-section__title{
	margin:0;
	font-size:11px;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--ba-ed-navy);
}
.ba-editorial-section__count{
	font-size:10px;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:#8b9cb0;
}

/* Directory list — one member per row, full width */
.ba-editorial-grid{
	display:flex;
	flex-direction:column;
	gap:0;
	width:100%;
}
.ba-journal-info-page .ba-editorial-grid{
	margin-top:1rem;
	border-top:1px solid #e4eaf2;
	background:#fff;
}

/* MDPI editorial directory row — flat, dense, no cards */
.ba-editorial-dir{
	--ba-ed-mdpi-blue:#355d8c;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	border:0;
	border-radius:0;
	box-shadow:none;
	border-bottom:1px solid #e4eaf2;
}
.ba-editorial-dir:last-child{
	border-bottom:0;
}
.ba-editorial-dir__inner{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	gap:14px;
	width:100%;
	padding:5px 0;
	box-sizing:border-box;
}

.ba-editorial-dir__photo{
	flex:0 0 72px;
	flex-shrink:0;
	width:72px;
	height:72px;
	min-width:72px;
	align-self:flex-start;
}
.ba-editorial-dir__photo-link,
.ba-editorial-dir__photo .ba-editorial-dir__img,
.ba-editorial-dir__photo{
	display:block;
	width:72px;
	height:72px;
	border-radius:50%;
	overflow:hidden;
}
.ba-editorial-dir__photo{
	border:0;
	background:transparent;
}
.ba-editorial-dir__img{
	display:block;
	width:72px;
	height:72px;
	border-radius:50%;
	object-fit:cover;
	object-position:center top;
}
.ba-editorial-dir__placeholder{
	display:flex;
	align-items:center;
	justify-content:center;
	width:72px;
	height:72px;
	border-radius:50%;
	font-size:1.15rem;
	font-weight:700;
	color:var(--ba-ed-mdpi-blue,#355d8c);
	opacity:.35;
	line-height:1;
}

.ba-editorial-dir__content{
	display:flex;
	flex-direction:column;
	gap:2px;
	flex:1;
	min-width:0;
	padding-top:1px;
	line-height:1.35;
	font-size:14px;
	color:#333;
}
.ba-editorial-dir__title{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:700;
	line-height:1.35;
}
.ba-editorial-dir__name{
	display:inline;
	color:var(--ba-ed-mdpi-blue,#355d8c);
	text-decoration:none;
	font-weight:700;
}
.ba-editorial-dir__name:hover,
.ba-editorial-dir__name:focus-visible{
	color:#2a4a72;
	text-decoration:underline;
}
.ba-editorial-dir__web{
	display:inline;
	margin-left:10px;
	font-size:14px;
	font-weight:400;
	color:var(--ba-ed-mdpi-blue,#355d8c);
	text-decoration:none;
}
.ba-editorial-dir__web:hover,
.ba-editorial-dir__web:focus-visible{
	color:#2a4a72;
	text-decoration:underline;
}
.ba-editorial-dir__role{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:400;
	font-style:italic;
	line-height:1.35;
	color:#555;
}
.ba-editorial-dir__inst{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.35;
	color:#333;
}
.ba-editorial-dir__interests{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.35;
	color:#333;
	background:transparent;
	border:0;
	box-shadow:none;
}
.ba-editorial-dir__interests-label{
	font-weight:700;
	color:#333;
}
.ba-editorial-dir__interests-text{
	font-weight:400;
}
.ba-editorial-dir__extras{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.4;
}
.ba-editorial-dir__extra-link{
	color:var(--ba-ed-mdpi-blue,#355d8c);
	text-decoration:none;
	font-weight:400;
}
.ba-editorial-dir__extra-link:hover,
.ba-editorial-dir__extra-link:focus-visible{
	color:#2a4a72;
	text-decoration:underline;
}
.ba-editorial-dir__extras-sep{
	color:#333;
}

.ba-editorial-dir__title,
.ba-editorial-dir__inst,
.ba-editorial-dir__interests,
.ba-editorial-dir__extras{
	overflow-wrap:anywhere;
	word-break:break-word;
}

.ba-editorial-pagination{
	margin-top:1.35rem;
	padding-top:1rem;
	border-top:1px solid #e4eaf2;
}
.ba-editorial-empty{
	padding:1rem 0;
}

/* Aside widgets */
.ba-editorial-aside{
	display:flex;
	flex-direction:column;
	gap:.85rem;
	min-width:0;
}
.ba-editorial-aside__widget{
	background:var(--ba-ed-surface);
	border:1px solid var(--ba-ed-line);
	border-radius:12px;
	padding:.95rem 1rem 1.05rem;
	box-shadow:
		0 1px 0 rgba(255,255,255,.9) inset,
		0 1px 3px rgba(15,23,42,.04);
	transition:border-color .2s var(--ba-ed-ease),box-shadow .2s var(--ba-ed-ease);
}
.ba-editorial-aside__widget:hover{
	border-color:#d0dae6;
	box-shadow:
		0 1px 0 rgba(255,255,255,.9) inset,
		0 4px 16px rgba(15,23,42,.06);
}
.ba-editorial-aside__head{
	display:flex;
	align-items:center;
	gap:.5rem;
	margin:0 0 .4rem;
}
.ba-editorial-aside__glyph{
	display:flex;
	align-items:center;
	justify-content:center;
	width:2rem;
	height:2rem;
	border-radius:8px;
	background:rgba(0,58,120,.06);
	color:var(--ba-primary,#003a78);
	flex-shrink:0;
}
.ba-editorial-aside__svg{
	display:block;
}
.ba-editorial-aside__title{
	margin:0;
	font-size:10.5px;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--ba-ed-navy);
	line-height:1.2;
}
.ba-editorial-aside__text{
	margin:0 0 .55rem;
	font-size:12.5px;
	line-height:1.5;
	color:var(--ba-ed-muted);
}
.ba-editorial-aside__link{
	font-size:12px;
	font-weight:700;
	color:var(--ba-primary,#003a78);
	text-decoration:none;
	border-bottom:1px solid rgba(0,58,120,.22);
	transition:color .2s var(--ba-ed-ease),border-color .2s var(--ba-ed-ease);
}
.ba-editorial-aside__link:hover{
	color:var(--ba-primary-hover,#002a58);
	border-color:currentColor;
}

@media (max-width:1023px){
	.ba-editorial-page__inner{padding:24px 18px 28px}
}
