/**
 * Karam Info Pages — page-level styles.
 *
 * Everything here is scoped to `body.kip-profile-page` so it can never leak
 * into another page, and it only sets what the container needs. The look of
 * the block itself comes from the stylesheets already on the site (GS Team
 * Members, Elementor, the theme).
 *
 * @package KaramInfoPages
 */

body.kip-profile-page .site-main {
	width: 100%;
}

body.kip-profile-page .content-area.primary {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

/* The two Elementor containers are boxed on the source page; without an
   Elementor-built page on this URL there is no inline width to inherit, so the
   same max-width is restated here rather than left to chance. */
body.kip-profile-page .content-area.primary > .e-con.e-parent {
	width: 100%;
	margin-inline: auto;
}

body.kip-profile-page .content-area.primary > .e-con.e-parent > .gs-team-single-content,
body.kip-profile-page .content-area.primary > .e-con.e-parent > .elementor {
	width: 100%;
}

/* Newsletter form: keep it from running the full viewport width on large
   screens, matching the source page's boxed container. */
body.kip-profile-page .wpcf7 {
	width: 100%;
}

body.kip-profile-page .karam-custom-form {
	max-width: 640px;
}

/* Social icons keep their hit area even if the icon font fails to load. */
body.kip-profile-page .gs-team-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	min-height: 32px;
}

@media (max-width: 921px) {
	body.kip-profile-page .content-area.primary {
		gap: 28px;
	}
}