/* Move item to the right */
@keyframes moveRight {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(100px);
	}
}

/* Move item to the left */
@keyframes moveLeft {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100px);
	}
}

/* Example usage */
.move-right {
	animation: moveRight 2s infinite alternate;
}

.move-left {
	animation: moveLeft 2s infinite alternate;
}

/* Purple theme - override Bootstrap primary color */
:root,
[data-bs-theme="light"] {
	--bs-primary: #7C3AED;
	--bs-primary-rgb: 124, 58, 237;
	--bs-link-color: #7C3AED;
	--bs-link-color-rgb: 124, 58, 237;
	--bs-link-hover-color: #6D28D9;
	--bs-link-hover-color-rgb: 109, 40, 217;
}

[data-bs-theme="dark"] {
	--bs-primary: #A78BFA;
	--bs-primary-rgb: 167, 139, 250;
	--bs-link-color: #A78BFA;
	--bs-link-color-rgb: 167, 139, 250;
	--bs-link-hover-color: #C4B5FD;
	--bs-link-hover-color-rgb: 196, 181, 253;
}

.btn-primary {
	--bs-btn-bg: #7C3AED;
	--bs-btn-border-color: #7C3AED;
	--bs-btn-hover-bg: #6D28D9;
	--bs-btn-hover-border-color: #6D28D9;
	--bs-btn-active-bg: #5B21B6;
	--bs-btn-active-border-color: #5B21B6;
	--bs-btn-disabled-bg: #7C3AED;
	--bs-btn-disabled-border-color: #7C3AED;
}

.btn-outline-primary {
	--bs-btn-color: #7C3AED;
	--bs-btn-border-color: #7C3AED;
	--bs-btn-hover-bg: #7C3AED;
	--bs-btn-hover-border-color: #7C3AED;
	--bs-btn-active-bg: #6D28D9;
	--bs-btn-active-border-color: #6D28D9;
}

.text-primary {
	color: #7C3AED !important;
}

.bg-primary {
	background-color: #7C3AED !important;
}

.border-primary {
	border-color: #7C3AED !important;
}

.link-primary {
	color: #7C3AED !important;
}

.link-primary:hover,
.link-primary:focus {
	color: #6D28D9 !important;
}

.spinner-grow.text-primary,
.spinner-border.text-primary {
	color: #7C3AED !important;
}

.progress-bar.bg-primary {
	background-color: #7C3AED !important;
}

.form-control:focus {
	border-color: #A78BFA;
	box-shadow: 0 0 0 0.25rem rgba(124, 58, 237, 0.25);
}

.form-select:focus {
	border-color: #A78BFA;
	box-shadow: 0 0 0 0.25rem rgba(124, 58, 237, 0.25);
}

.form-check-input:checked {
	background-color: #7C3AED;
	border-color: #7C3AED;
}

.form-check-input:focus {
	border-color: #A78BFA;
	box-shadow: 0 0 0 0.25rem rgba(124, 58, 237, 0.25);
}

* {
	box-sizing: border-box;
}

.checkbox-toggle {
	opacity: 0;
	position: absolute;
}

.label-toggle {
	background-color: #111;
	border-radius: 50px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	position: relative;
	height: 26px;
	width: 50px;
}

.label-toggle .ball-toggle {
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 2px;
	height: 22px;
	width: 22px;
	transform: translateX(0px);
	transition: transform 0.2s linear;
}

.checkbox-toggle:checked+.label-toggle .ball-toggle {
	transform: translateX(24px);
}

.app-logo {
	display: block;
	width: 50px;
	height: 50px;
	transition: transform 0.2s ease, filter 0.2s ease;
}

.app-logo:hover {
	transform: translateY(-1px);
	filter: drop-shadow(0 2px 6px rgba(124, 58, 237, 0.22));
}