/* =========================================================
   FIX ELEMENTOR MOBILE WIDTH FOR BLOG PAGE
========================================================= */

/* Remove Elementor container width restriction */
body.hiba-blog-listing-page .elementor-element,
body.hiba-blog-listing-page .elementor-widget,
body.hiba-blog-listing-page .elementor-widget-container,
body.hiba-blog-listing-page .elementor-shortcode {
	width: 100% !important;
	max-width: 100% !important;
}

/* Override Elementor boxed inner container */
body.hiba-blog-listing-page .e-con,
body.hiba-blog-listing-page .e-con-inner {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* Remove Elementor parent gap and padding */
body.hiba-blog-listing-page .elementor-element.e-con {
	--container-max-width: 100% !important;
	--content-width: 100% !important;
	--width: 100% !important;
	--padding-top: 0 !important;
	--padding-right: 0 !important;
	--padding-bottom: 0 !important;
	--padding-left: 0 !important;

	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Shortcode output full width */
body.hiba-blog-listing-page .hiba-blog-page {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

/* Bootstrap container controls actual safe spacing */
body.hiba-blog-listing-page .hiba-blog-page > .container {
	width: 100% !important;
	max-width: 1320px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}

/* Mobile */
@media (max-width: 767.98px) {

	body.hiba-blog-listing-page .hiba-blog-page > .container {
		max-width: 100% !important;
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	body.hiba-blog-listing-page .hiba-post-grid {
		--bs-gutter-x: 0 !important;
		--bs-gutter-y: 20px !important;

		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.hiba-blog-listing-page .hiba-post-grid > [class*="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.hiba-blog-listing-page .hiba-blog-page {
		padding-top: 36px !important;
		padding-bottom: 52px !important;
	}

	body.hiba-blog-listing-page .hiba-blog-header {
		max-width: 100% !important;
		margin-bottom: 26px !important;
		padding-right: 8px;
		padding-left: 8px;
	}

	body.hiba-blog-listing-page .hiba-post-card {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Small mobile */
@media (max-width: 479.98px) {

	body.hiba-blog-listing-page .hiba-blog-page > .container {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	body.hiba-blog-listing-page .hiba-post-card {
		border-radius: 14px;
	}

	body.hiba-blog-listing-page .hiba-post-content {
		padding: 18px;
	}
}