/* cristi - blog image handoff (listă ↔ single post) */

html.wire-blog-overlay-open,
body.wire-blog-overlay-open {
	overflow: hidden !important;
}

html.is-handoff-active,
body.is-handoff-active {
	overflow: hidden !important;
	scroll-behavior: auto !important;
}

.wire-blog-overlay {
	position: fixed;
	inset: 0;
	z-index: 105;
	background: #fff;
	overflow: hidden;
}

.wire-blog-overlay__scroll {
	position: absolute;
	inset: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	padding-top: 100px;
}

.admin-bar .wire-blog-overlay__scroll {
	padding-top: 132px;
}

.wire-blog-fly-root {
	position: fixed;
	inset: 0;
	z-index: 9999;
	pointer-events: none;
	overflow: visible;
}

.list-blog-slot {
	width: 100%;
	display: block;
}

.wire-blog-handoff-placeholder {
	display: block;
	width: 100%;
	height: var(--wire-blog-placeholder-h, auto);
	flex-shrink: 0;
	pointer-events: none;
}

.wire-blog-overlay-content {
	width: 100%;
}

.wire-blog-overlay-content.elementor-page .entry-content .elementor {
	width: 100%;
}

.js-blog-handoff.is-blog-handoff-pinned,
.js-blog-handoff.is-blog-expanding,
.js-blog-handoff.is-blog-exiting,
.js-blog-handoff.is-blog-expanded {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	overflow: hidden;
}

#blog-hero-slot .js-blog-handoff,
.blog-hero-slot .js-blog-handoff {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	border-radius: 10px;
	aspect-ratio: auto !important;
}

.wire-blog-loading__row {
	height: 18px;
	background: #eee;
	border-radius: 4px;
	margin-bottom: 12px;
}

.wire-blog-loading__row--short {
	width: 60%;
}

/* cristi - mobil: hero handoff 4/5 ca thumbnail-ul din listă (UNDO) */
@media (max-width: 767px) {
	.wire-blog-overlay .blog-hero-slot-outer,
	.blog-hero-slot-outer:has(.js-blog-handoff) {
		aspect-ratio: 4 / 5;
	}

	/* Listă → post: fără mobile-badge în tranziție / hero; revine la back (JS) */
	.js-blog-handoff.is-blog-handoff-pinned .mobile-badge,
	.js-blog-handoff.is-blog-expanding .mobile-badge,
	.js-blog-handoff.is-blog-expanded .mobile-badge,
	.js-blog-handoff.is-blog-exiting .mobile-badge,
	.js-blog-handoff.is-blog-handoff-target .mobile-badge,
	#blog-hero-slot .mobile-badge,
	.blog-hero-slot .mobile-badge,
	.wire-blog-fly-root .mobile-badge {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}