@use '../../../../design/scss/_variables.scss' as *;

.adpresso-trash-banner {
	background-color: $color-accent2-light;
	border-bottom: 0.4em solid $color-accent;
	color: $color-accent2;
	padding: 2em;
	display: flex;
	gap: 1em;
	align-items: center;
	justify-content: center;
	margin-top: -2em;

	.adpresso-trash-banner-content {
		display: flex;
		align-items: center;
		gap: 1em;

		.dashicons {
			color: #a02673;
		}

		.adpresso-trash-back-link {
			background: none;
			border: none;
			color: #2271b1; // WP Link Blau
			text-decoration: underline;
			cursor: pointer;
			margin-left: 1em;
			font-size: $font-size;
			padding: 0;

			&:hover {
				color: #135e96;
			}
		}
	}

	.adpresso-trash-banner-actions {
		// Der Empty Trash Button
		// Wenn du deine Button-Komponente nutzt, sollte variant="destructive"
		// bereits rot/pink sein. Falls nicht, hier stylen:
		button {
			background-color: #d63638;
			border-color: #d63638;
			color: #fff;

			&:hover {
				background-color: #b32d2e;
			}
		}
	}
}