/* Ιδιόμελο — Βιογραφικά | v3.0.0 | Native Gutenberg rebuild, 2026-09-17 */
/* REPLACE the previous file completely. Existing enqueue and filename stay unchanged. */

/* GeneratePress page chrome: only page 31411. Site header/footer are untouched. */
body.page-id-31411 {
	background-color: #f8f5f1;
}
body.page-id-31411 #page {
	max-width: none;
}
body.page-id-31411 .site-content {
	padding: 0;
}
body.page-id-31411 #primary {
	width: 100%;
}
body.page-id-31411 #post-31411 > .inside-article {
	padding: 0;
	background: transparent;
}
body.page-id-31411 #post-31411 > .inside-article > .entry-header {
	display: none; /* The Gutenberg H1 below is the single visible page title. */
}
body.page-id-31411 #post-31411 > .inside-article > .entry-content {
	margin-top: 0;
}

/* Page container. No CSS grid, sticky positioning, absolute positioning or fixed heights. */
.im-bios {
	--ibio-build: "3.0.0";
	/*--ibio-accent: #8a1421;*/
	--ibio-accent: var(--contrast);
	--ibio-ink: #47494d;
	--ibio-photo-gap: 16px;
	box-sizing: border-box;
	width: calc(100% - 128px);
	max-width: 1220px;
	margin: 0 auto;
	padding: 26px 0 52px;
	font-family: "Manrope", system-ui, sans-serif;
	font-size: clamp(14px, 1.3vw, 16px);
	line-height: 1.65;
}
.im-bios *,
.im-bios *::before,
.im-bios *::after {
	box-sizing: border-box;
}
.im-bios.has-background {
	padding: 26px 0 52px;
}
/* Also supports classic themes that add a Group inner-container wrapper. */
.im-bios .wp-block-group__inner-container {
	max-width: none;
}
.im-bios .ibio-title {
	margin: 0 0 22px;
	font-size: clamp(34px, 3.32vw, 44px);
	line-height: 1.15;
}
.im-bios .ibio-profile {
	margin: 0;
	padding: 0 20px;
}
.im-bios .ibio-profile + .ibio-profile {
	margin-top: 44px;
}
.im-bios .ibio-name {
	margin: 0;
	font-size: clamp(27px, 2.6vw, 36px);
	line-height: 1.2;
	overflow-wrap: break-word;
}

/* These are real core/columns and core/column blocks, not Groups styled as grids. */
.im-bios .ibio-photos.wp-block-columns {
	gap: var(--ibio-photo-gap);
}
.im-bios .ibio-photos > .wp-block-column {
	min-width: 0;
	margin: 0;
}
.im-bios .ibio-photo.wp-block-image {
	width: 100%;
	max-width: none;
	margin: 0;
	border-radius: 0;
	overflow: hidden;
	background: #000;
}
.im-bios .ibio-photo img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 0;
	border-radius: 0;
	object-fit: cover;
	object-position: 50% 42%;
}
.im-bios .ibio-manolis .ibio-photo img {
	aspect-ratio: 10 / 7;
}
.im-bios .ibio-manolis .ibio-photos > .wp-block-column:last-child img {
	object-position: 50% 14%;
}
.im-bios .ibio-georgia .ibio-photo img {
	aspect-ratio: 9 / 8;
	object-position: 50% 35%;
}
.im-bios .ibio-georgia .ibio-photos > .wp-block-column:first-child img {
	object-position: 50% 20%;
}
.im-bios .ibio-roles {
	margin: 0 0 12px;
	font-size: clamp(17px, 1.6vw, 20px);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: normal;
	text-transform: none;
}
.im-bios .ibio-copy.wp-block-columns {
	gap: 52px;
}
.im-bios .ibio-copy > .wp-block-column {
	min-width: 0;
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	overflow-wrap: break-word;
}
.im-bios .ibio-copy p {
	margin: 0 0 1em;
}
.im-bios .ibio-copy h3 {
	margin: 1.35em 0 .45em;
	font-family: inherit;
	font-size: inherit;
	font-weight: 700;
	line-height: 1.4;
	color: #30343a;
}
.im-bios .ibio-copy > .wp-block-column > :first-child {
	margin-top: 0;
}
.im-bios .ibio-copy ul {
	margin: 0 0 1em;
	padding-left: 1.15em;
}
.im-bios .ibio-copy li {
	margin: 0 0 .6em;
	padding-left: .1em;
}
.im-bios .ibio-copy li::marker {
	color: var(--ibio-accent);
}
.im-bios .ibio-copy a {
	color: var(--ibio-accent);
	text-decoration: underline;
	text-underline-offset: .2em;
	overflow-wrap: anywhere;
}
.im-bios .ibio-copy a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

/* WordPress's normal Columns breakpoint. Core stacks the two text columns. */
@media (max-width: 781px) {
	.im-bios {
		width: calc(100% - 40px);
		font-size: 15.5px;
		line-height: 1.7;
	}
	.im-bios.has-background {
		padding: 28px 0 40px;
	}
	.im-bios .ibio-title {
		font-size: 36px;
		margin-bottom: 24px;
	}
	.im-bios .ibio-profile {
		padding: 0;
	}
	.im-bios .ibio-profile + .ibio-profile {
		margin-top: 40px;
	}
	.im-bios .ibio-name {
		font-size: clamp(27px, 4.6vw, 32px);
	}
	/* Override core's deliberate nowrap for this photo row only: 1 large + 2 small. */
	.im-bios .ibio-photos.wp-block-columns.is-not-stacked-on-mobile {
		flex-wrap: wrap !important;
		gap: 10px;
	}
	.im-bios .ibio-photos.is-not-stacked-on-mobile > .wp-block-column {
		flex-basis: calc((100% - 10px) / 2);
		flex-grow: 0;
	}
	.im-bios .ibio-photos.is-not-stacked-on-mobile > .wp-block-column:first-child {
		flex-basis: 100%;
	}
	.im-bios .ibio-copy.wp-block-columns {
		gap: 0;
	}
	.im-bios .ibio-roles {
		font-size: 16px;
	}
}
@media (max-width: 380px) {
	.im-bios {
		width: calc(100% - 32px);
	}
}
