/* =====================================================
   Livet.se – Custom overrides (loaded after all.css)
   ===================================================== */

/* ── Profile cards (Blog / #vem section) ──────────────── */

/* Allow the card box to show content that extends beyond its border */
.blog .single-news {
	overflow: visible;
}

/* news-content hosts the floated portrait photo + text */
.blog .single-news .news-content {
	overflow: visible;
	padding-top: 24px;
}

/* Floated portrait photo:
   – float right so text flows left of it
   – negative top/right margins so it pokes above and outside the card
   – shape-outside matches the visible ellipse so text hugs the curve   */
.blog .single-news .news-content .profile-float {
	float: right;
	display: block;

	/* Override all.css width:50% + centering margins */
	width: 100px !important;
	height: 240px;
	object-fit: cover;

	/* Elliptical styling preserved from original design */
	border-radius: 50%;

	/* Escape the card bounds: up and to the right */
	margin-top: -40px !important;
	margin-right: -40px !important;
	margin-bottom: 12px !important;
	margin-left: 14px !important;

	/* Text wraps around the ellipse curve (rx=40px, ry=96px) */
	shape-outside: ellipse(50px 120px at 50% 50%);
	shape-margin: 6px;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/* Text alignment */
.blog .single-news .news-content h2 {
	text-align: left;
}

.blog .single-news .news-content p.text {
	text-align: left;
}

/* ── Pricing table list font size ─────────────────────── */
.pricing-table .table-list li {
	font-size: 15px;
	margin-bottom: 6px;
	line-height: 1.3;
}

/* Mobile: revert to centered photo, no float */
@media (max-width: 576px) {
	.blog .single-news .news-content .profile-float {
		float: none;
		width: 70px;
		height: 168px;
		margin: -24px auto 16px auto;
		shape-outside: none;
	}
}