/* 1.1.6 mobile containment + 1.1.7 features */

/* Mobile media containment from 1.1.6 */
@media (max-width: 767px) {
	body.single-post :where(.entry-content img,.post-content img,.article-content img,.single-content img,.wp-block-image img,.wp-caption img,figure img,img.size-full,img.size-large) {
		display:block;
		max-width:100% !important;
		height:auto !important;
	}
	body.single-post :where(figure,.wp-block-image,.wp-caption,.wp-block-gallery,.wp-block-media-text,.wp-block-embed,.wp-block-video,video,iframe) {
		box-sizing:border-box;
		max-width:100% !important;
	}
	#whatsapp-widget {
		right:12px !important;
		max-width:calc(100vw - 24px) !important;
	}
	#whatsapp-widget-popup {
		right:0 !important;
		width:min(320px, calc(100vw - 24px)) !important;
		max-width:calc(100vw - 24px) !important;
		box-sizing:border-box !important;
	}
	#whatsapp-widget-preview { max-width:calc(100vw - 24px) !important; }
	#text-scrivici-box {
		max-width:calc(100vw - 108px) !important;
		white-space:normal !important;
		overflow-wrap:anywhere !important;
	}
}
@media (max-width:400px) {
	#text-scrivici-box { display:none !important; }
}

/* Separate logos */
.gpe-responsive-logo { display:inline-flex; align-items:center; }
.gpe-logo-mobile { display:none !important; }
@media (max-width:767px) {
	.gpe-logo-desktop { display:none !important; }
	.gpe-logo-mobile { display:block !important; }
}

/* Inline related */
.gpe-inline-related {
	box-sizing:border-box;
	width:100%;
	margin:clamp(28px,5vw,52px) 0;
	padding:clamp(18px,3vw,26px);
	border:1px solid rgba(0,0,0,.10);
	border-radius:14px;
	background:rgba(0,0,0,.025);
}
.gpe-inline-related__label {
	margin-bottom:14px;
	font-size:.82rem;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.gpe-inline-related__grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
}
.gpe-inline-related__link {
	display:grid;
	grid-template-columns:116px minmax(0,1fr);
	gap:14px;
	align-items:center;
	color:inherit;
	text-decoration:none;
}
.gpe-inline-related__media {
	display:block;
	overflow:hidden;
	aspect-ratio:16/10;
	border-radius:10px;
	background:rgba(0,0,0,.05);
}
.gpe-inline-related__image {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.gpe-inline-related__title {
	min-width:0;
	font-size:1rem;
	font-weight:750;
	line-height:1.28;
}
@media (max-width:767px) {
	.gpe-inline-related__grid { grid-template-columns:1fr; gap:14px; }
	.gpe-inline-related__link { grid-template-columns:96px minmax(0,1fr); gap:12px; }
}
