@import "./tippy-custom.css";
@import "./coloris-overrides.css";
@import "tailwindcss";
@plugin "@tailwindcss/typography";
/* @source "../js/admin/main.js"; */

/* Reset styles for Tailwind components in admin */
.rewardswp-container.rewardswp-container *:not(.preserve-styles *),
.rewardswp-container.rewardswp-container *:not(.preserve-styles *)::before,
.rewardswp-container.rewardswp-container *:not(.preserve-styles *)::after {
	all: revert-layer;
}

.rewardswp-container a,
.rewardswp-container div {
	outline: revert-layer;
}

table.fixed {
	position: static;
}

.widefat td {
	vertical-align: middle;
}

.widefat td p {
	all: revert-layer;
}

#screen-meta,
#screen-meta-links .show-settings {
	border: none;
}

@layer base {
	.no-display {
		@apply hidden;
	}
}

/* Avoids <template x-if> tags being interpreted as the last element */
.rewardswp-container .divide-y > div:last-of-type {
	border-bottom: 0;
}

/* Chart reveal animation (left to right) */
@keyframes reveal-left-to-right {
	from { clip-path: inset(0 100% 0 0); }
	to { clip-path: inset(0 0 0 0); }
}

.animate-reveal-ltr {
	animation: reveal-left-to-right 2s ease-out forwards !important;
}

/* Alpine Sort plugin styles */
.sortable-ghost {
	opacity: 0.5 !important;
	background-color: #eff6ff !important;
	border: 2px dashed #60a5fa !important;
	border-radius: 0.5rem !important;
}

.sortable-ghost .earn-action-card,
.sortable-ghost .reward-card {
	background-color: transparent !important;
	border-color: transparent !important;
}