/* Voxfor Secure Live Chat - Mobile Styles */

/* Mobile-specific styles */
.voxfseli-mobile-phone .voxfseli-chat-window {
	width: 100% !important;
	height: 100% !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	border-radius: 0 !important;
	z-index: 999999 !important;
}

.voxfseli-mobile-tablet .voxfseli-chat-window {
	width: 90% !important;
	height: 80% !important;
	max-width: 600px !important;
}

@media screen and (max-width: 768px) {
	.voxfseli-chat-widget {
		bottom: 10px !important;
		right: 10px !important;
	}
	
	.voxfseli-chat-launcher {
		width: 50px !important;
		height: 50px !important;
	}
	
	.voxfseli-chat-window {
		width: calc(100% - 20px) !important;
		height: calc(100% - 60px) !important;
		bottom: 60px !important;
		right: 10px !important;
		left: 10px !important;
		border-radius: 8px !important;
	}
}

@media screen and (max-width: 480px) {
	.voxfseli-chat-window {
		width: 100% !important;
		height: 100% !important;
		bottom: 0 !important;
		right: 0 !important;
		left: 0 !important;
		top: 0 !important;
		border-radius: 0 !important;
	}
	
	.voxfseli-chat-header {
		padding: 15px !important;
	}
	
	.voxfseli-messages-container {
		padding: 10px !important;
	}
	
	.voxfseli-chat-input-area {
		padding: 15px !important;
	}
}

/* Touch-friendly enhancements */
@media (pointer: coarse) {
	.voxfseli-launcher-button {
		width: 60px !important;
		height: 60px !important;
	}
	
	.voxfseli-send-button,
	.voxfseli-action-btn {
		min-width: 44px !important;
		min-height: 44px !important;
	}
	
	.voxfseli-message-input {
		font-size: 16px !important; /* Prevents zoom on iOS */
	}
}

/* Landscape orientation */
@media screen and (orientation: landscape) and (max-height: 600px) {
	.voxfseli-chat-window {
		height: 100% !important;
		top: 0 !important;
	}
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.voxfseli-launcher-button {
		border: 0.5px solid rgba(255, 255, 255, 0.2);
	}
}