/* Moje Self — Blog i menu mobilne */

/* Element jest częścią HTML menu, ale na komputerze pozostaje ukryty. */
.msbm-mobile-booking-item {
	display: none !important;
}

@media (max-width: 921px) {
	.msbm-mobile-booking-item {
		display: block !important;
		margin: 12px 16px 16px !important;
	}

	.msbm-mobile-booking-item > a,
	.msbm-mobile-booking-item > .menu-link {
		display: flex !important;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		padding: 12px 20px !important;
		border: 1px solid #705b78 !important;
		border-radius: 8px;
		background: #705b78 !important;
		color: #fff !important;
		font-weight: 700;
		line-height: 1.25;
		text-align: center;
		text-decoration: none !important;
	}

	.msbm-mobile-booking-item > a:hover,
	.msbm-mobile-booking-item > a:focus,
	.msbm-mobile-booking-item > .menu-link:hover,
	.msbm-mobile-booking-item > .menu-link:focus {
		background: #5e4a66 !important;
		border-color: #5e4a66 !important;
		color: #fff !important;
	}
}

.msbm-blog-list {
	padding-top: clamp(40px, 6vw, 80px);
	padding-bottom: clamp(56px, 8vw, 104px);
}

.msbm-post-card {
	height: 100%;
	padding: clamp(18px, 2.2vw, 28px);
	border: 1px solid rgba(83, 65, 90, 0.15);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(52, 39, 57, 0.07);
}

.msbm-post-card .wp-block-post-featured-image img {
	border-radius: 9px;
	object-fit: cover;
}