/**
 * Rezume resume headshot image block styles.
 *
 * Headshot uses the core/image block with .rezicraft-resume__headshot classes.
 * Visibility is controlled by .rezicraft-headshot--show|hide on .rezicraft-resume or an ancestor.
 */

/* Hide headshot image blocks when the modifier is on the resume or a wrapper (admin preview, public document). */
.rezicraft-headshot--hide.rezicraft-resume .rezicraft-resume__headshot,
.rezicraft-headshot--hide.rezicraft-resume .wp-block-image.rezicraft-resume__headshot,
.rezicraft-headshot--hide.rezicraft-resume .rezicraft-headshot,
.rezicraft-headshot--hide .rezicraft-resume .rezicraft-resume__headshot,
.rezicraft-headshot--hide .rezicraft-resume .wp-block-image.rezicraft-resume__headshot,
body.post-type-rezicraft_resume.editor-styles-wrapper.rezicraft-headshot--hide .rezicraft-resume__headshot,
body.post-type-rezicraft_resume.editor-styles-wrapper.rezicraft-headshot--hide .wp-block-image.rezicraft-resume__headshot,
body.post-type-rezicraft_resume.editor-styles-wrapper.rezicraft-headshot--hide.rezicraft-resume .rezicraft-resume__headshot,
body.post-type-rezicraft_resume.editor-styles-wrapper.rezicraft-headshot--hide.rezicraft-resume .wp-block-image.rezicraft-resume__headshot {
	display: none !important;
}

.rezicraft-resume {
	--rezicraft-headshot-size: 160px;
}

/* Block editor canvas: appearance classes live on the iframe body, not a nested .rezicraft-resume wrapper. */
body.post-type-rezicraft_resume.editor-styles-wrapper {
	--rezicraft-headshot-size: 160px;
}

body.post-type-rezicraft_resume.editor-styles-wrapper .wp-block-image.rezicraft-resume__headshot,
body.post-type-rezicraft_resume.editor-styles-wrapper.rezicraft-resume .wp-block-image.rezicraft-resume__headshot {
	box-sizing: border-box;
	display: block;
	width: var(--rezicraft-headshot-size);
	max-width: min(100%, 400px);
	margin-top: 0;
	margin-bottom: 0;
	flex-shrink: 0;
}

body.post-type-rezicraft_resume.editor-styles-wrapper .wp-block-image.rezicraft-resume__headshot img,
body.post-type-rezicraft_resume.editor-styles-wrapper.rezicraft-resume .wp-block-image.rezicraft-resume__headshot img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-radius: 50%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

/* core/image block + legacy placeholder wrapper */
.rezicraft-resume .wp-block-image.rezicraft-resume__headshot,
.rezicraft-resume__headshot:not(.wp-block-image) {
	box-sizing: border-box;
	display: block;
	width: var(--rezicraft-headshot-size);
	max-width: min(100%, 400px);
	margin-top: 0;
	margin-bottom: 0;
	flex-shrink: 0;
}

.rezicraft-resume .wp-block-image.rezicraft-resume__headshot img,
.rezicraft-resume__headshot-image,
.rezicraft-resume__headshot:not(.wp-block-image) img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	overflow: hidden;
	border: 1px solid var(--rezicraft-border, #d1d5db);
	border-radius: 4px;
	background: var(--rezicraft-sidebar, #f3f4f6);
}

/* Empty image block placeholder (no upload yet) */
.rezicraft-resume .wp-block-image.rezicraft-resume__headshot img[src=""],
.rezicraft-resume .wp-block-image.rezicraft-resume__headshot img:not([src]),
.rezicraft-resume__headshot-image[src=""],
.rezicraft-resume__headshot-image:not([src]) {
	min-height: var(--rezicraft-headshot-size);
	background:
		var(--rezicraft-sidebar, #f3f4f6)
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")
		center / 40% no-repeat;
}

/* Legacy HTML placeholder (older resumes) */
.rezicraft-resume__headshot-frame {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid var(--rezicraft-border, #d1d5db);
	border-radius: 4px;
	background: var(--rezicraft-sidebar, #f3f4f6);
	color: var(--rezicraft-muted, #9ca3af);
}

.rezicraft-resume__headshot-icon {
	display: block;
	width: 52%;
	height: 52%;
}

/* Centered headers — photo above the name */
.rezicraft-resume .wp-block-image.rezicraft-resume__headshot--center,
.rezicraft-resume__headshot--center:not(.wp-block-image) {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
}

/* Split headers (Dubai, Egypt) — photo between identity and contact */
.rezicraft-resume .wp-block-image.rezicraft-resume__headshot--header-end,
.rezicraft-resume__headshot--header-end:not(.wp-block-image) {
	align-self: center;
	flex-shrink: 0;
}

/* Gutenberg block output — float headshot beside the header text */
.rezicraft-resume--dubai > .wp-block-image.rezicraft-resume__headshot--header-end,
.rezicraft-resume--egypt > .wp-block-image.rezicraft-resume__headshot--header-end {
	float: right;
	margin: 0 0 12px 20px;
}

/* Clear floated headshot before the first section heading */
.rezicraft-resume--dubai > h2.wp-block-heading,
.rezicraft-resume--egypt > h2.wp-block-heading {
	clear: both;
}

/* Tokyo sidebar — photo at top of sidebar column */
.rezicraft-resume .wp-block-image.rezicraft-resume__headshot--sidebar,
.rezicraft-resume__headshot--sidebar:not(.wp-block-image) {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 18px;
}

.rezicraft-resume--tokyo .wp-block-image.rezicraft-resume__headshot--sidebar,
.rezicraft-resume--tokyo .rezicraft-resume__headshot--sidebar:not(.wp-block-image) {
	width: min(var(--rezicraft-headshot-size), 100%);
}

.rezicraft-resume--tokyo .wp-block-image.rezicraft-resume__headshot--sidebar img,
.rezicraft-resume--tokyo .rezicraft-resume__headshot--sidebar .rezicraft-resume__headshot-frame,
.rezicraft-resume--tokyo .rezicraft-resume__headshot--sidebar img {
	border-radius: 50%;
}

@media (max-width: 782px) {
	.rezicraft-resume {
		--rezicraft-headshot-size: 120px;
	}

	body.post-type-rezicraft_resume.editor-styles-wrapper {
		--rezicraft-headshot-size: 120px;
	}

	.rezicraft-resume--dubai .rezicraft-resume__header,
	.rezicraft-resume--egypt .rezicraft-resume__header {
		flex-wrap: wrap;
	}

	.rezicraft-resume--dubai .rezicraft-resume__header .wp-block-image.rezicraft-resume__headshot--header-end,
	.rezicraft-resume--dubai .rezicraft-resume__header .rezicraft-resume__headshot--header-end,
	.rezicraft-resume--egypt .rezicraft-resume__header .wp-block-image.rezicraft-resume__headshot--header-end,
	.rezicraft-resume--egypt .rezicraft-resume__header .rezicraft-resume__headshot--header-end,
	.rezicraft-resume--dubai > .wp-block-image.rezicraft-resume__headshot--header-end,
	.rezicraft-resume--egypt > .wp-block-image.rezicraft-resume__headshot--header-end {
		order: -1;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 12px;
	}
}

@media print {
	.rezicraft-resume .wp-block-image.rezicraft-resume__headshot img,
	.rezicraft-resume__headshot-frame {
		print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}
}