@use "~@wordpress/base-styles/breakpoints" as wp-breakpoints;
@use "../../variables/colors" as colors;
@use 'about';
@use 'flyout';
@use "overlay";
@use "popup";

.edd-admin-notice-top-of-page {
	font-size: 15px;
	line-height: 1.4;
	color: #fff;
	margin-left: -20px;
	padding: 12px 32px 12px 20px;
	background: #2d6ca2;

	&.edd-pro-inactive {
		background: colors.$wp-red-50;
	}

	@media screen and ( min-width: 783px ) {
		padding: 10px 46px 10px 22px;
	}

	@media screen and ( min-width: 961px ) {
		text-align: center;
	}

	a {
		color: #fff;

		&:hover {
			text-decoration: none;
		}
	}

	.button-link {
		position: absolute;
		top: 48px;
		right: -1px;
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		margin-left: 5px;
		padding: 6px 10px;

		&:hover, &:active, &:focus {
			color: #fff;
			text-decoration: none;
		}

		@media screen and ( min-width: 601px ) {
			top: 1px;
		}

		@media screen and ( min-width: 783px ) {
			right: 9px;
		}
	}
}

/* Five Star Review Request
------------------------------------------------------------- */
#edd-admin-notice-five-star-review:not(.edd-hidden) {
	display: grid !important;
}

#edd_dashboard_sales .edd-promo-notice {
	border-bottom: 1px solid colors.$wp-border;
}

.edd-review-actions {
	display: flex;
	gap: 6px;
	margin: 0 0 16px 0;
}

.edd-promo-notice .edd-peeking {
	align-self: flex-end;
	justify-self: flex-end;
	margin-right: 16px;
	margin-bottom: -1px;
}

@media screen and (max-width: wp-breakpoints.$break-medium) {
	#edd-admin-notice-five-star-review.notice .edd-peeking {
		margin-bottom: -6px;
	}
}

@media screen and (min-width: wp-breakpoints.$break-mobile) {
	.edd-promo-notice.notice-info .edd-peeking {
		justify-self: flex-start;
		margin-right: 0;
		margin-left: 250px;
	}
}

.edd-review-step,
.edd-promo-notice .edd-peeking {
	grid-area: 1/-1;
}