/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.tca-theme-scheme-toggle {
	position: fixed;
	top: 10vh;
	right: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	background: linear-gradient(135deg, var(--color-accent-start, #8d1630), var(--color-accent-end, #5e2b74));
	box-shadow: 0 18px 38px rgba(var(--color-primary-rgb, 122, 30, 77), 0.28);
	color: #ffffff;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 10000;
	transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.tca-theme-scheme-toggle:hover,
.tca-theme-scheme-toggle:focus-visible {
	transform: translateY(-2px) scale(1.02);
	box-shadow: 0 22px 44px rgba(var(--color-primary-rgb, 122, 30, 77), 0.34);
	color: #ffffff;
	opacity: 1;
}

.tca-theme-scheme-toggle:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.9);
	outline-offset: 3px;
}

.tca-theme-scheme-toggle.is-active {
	border-color: rgba(var(--color-primary-rgb, 122, 30, 77), 0.18);
	background: rgba(255, 255, 255, 0.92);
	color: var(--color-primary, #466079);
}

.tca-theme-scheme-toggle svg {
	width: 22px;
	height: 22px;
	stroke-width: 2;
}

body.admin-bar .tca-theme-scheme-toggle {
	top: calc(10vh + 32px);
}

@media (max-width: 782px) {
	.tca-theme-scheme-toggle {
		right: 16px;
		width: 52px;
		height: 52px;
	}

	body.admin-bar .tca-theme-scheme-toggle {
		top: calc(10vh + 46px);
	}
}