/**
 * Choucair Login Page Background Slider Styles
 * 
 * Purpose: Adds background image slider to login page only
 * Selector: body[data-path="login"] - only affects /login route
 * Images: Configured in choucair/www/login.py, applied via JavaScript
 */

/* Background container - JavaScript will set the images */
body[data-path="login"] {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #f5f5f5; /* Fallback color */
}

/* Dark overlay for better text readability */
body[data-path="login"]::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: -1; /* Behind all content */
	pointer-events: none;
}

/* Enhanced login card styling */
body[data-path="login"] .login-content.page-card {
	background-color: rgba(255, 255, 255, 0.95) !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px); /* Safari support */
}