@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.plugins-navigation-header.navigation-header {
	padding-inline: 24px;

	.navigation-header__main {
		align-items: center;
	}

	@include break-medium {
		border-block-end: 1px solid var(--color-neutral-5);
	}

	@media (max-width: $break-medium) {
		padding-inline: 2rem;
	}

	@media (max-width: $break-small) {
		padding-inline: 16px;
	}

	@include break-xhuge {
		.navigation-header__main {
			margin: 0 auto;
		}
	}

	.formatted-header {
		display: flex;
		align-items: center;
		min-height: 40px;
	}

	.formatted-header__title {
		font-size: 1.5rem;
		line-height: 1.25;
	}
}

.is-logged-in main:not(.hosting-dashboard-layout):not(.hosting-dashboard-layout-column).plugins-browser--site-view {
	.plugins-navigation-header.navigation-header {
		padding-inline: 0;

		@media (max-width: $break-small) {
			padding-inline: 16px;
		}

		> div {
			box-sizing: border-box;
			margin: auto;
			max-width: 1040px;

			@include break-small {
				padding-left: 2rem;
				padding-right: 2rem;
			}

		}

		@include break-xhuge {
			.navigation-header__main {
				padding-inline: 0;
			}
		}
	}
}
