/**
 * JTZL_WebIRC_Chat - Sidebar Styles
 *
 * @package   JTZL_WebIRC_Chat
 * @copyright Copyright (c) 2025, JT. G.
 * @license   GPL-3.0+
 * @since     3.0.0
 */

/* Sidebar CSS Custom Properties - Scoped to WebIRC Chat Container */
.chat-webirc-container {
	--chat-webirc-sidebar-background: 0 0% 98%;
	--chat-webirc-sidebar-foreground: 240 5.3% 26.1%;
	--chat-webirc-sidebar-muted: 240 4.8% 95.9%;
	--chat-webirc-sidebar-muted-foreground: 240 3.8% 46.1%;
	--chat-webirc-sidebar-border: 240 5.9% 90%;
	--chat-webirc-sidebar-input: 240 5.9% 90%;
	--chat-webirc-sidebar-primary: 240 5.9% 10%;
	--chat-webirc-sidebar-primary-foreground: 0 0% 98%;
	--chat-webirc-sidebar-accent: 240 4.8% 95.9%;
	--chat-webirc-sidebar-accent-foreground: 240 5.9% 10%;
	--chat-webirc-sidebar-ring: 240 5.9% 10%;
}

.chat-webirc-container.dark {
	--chat-webirc-sidebar-background: 240 5.9% 10%;
	--chat-webirc-sidebar-foreground: 0 0% 98%;
	--chat-webirc-sidebar-muted: 240 3.7% 15.9%;
	--chat-webirc-sidebar-muted-foreground: 240 5% 64.9%;
	--chat-webirc-sidebar-border: 240 3.7% 15.9%;
	--chat-webirc-sidebar-input: 240 3.7% 15.9%;
	--chat-webirc-sidebar-primary: 0 0% 98%;
	--chat-webirc-sidebar-primary-foreground: 240 5.9% 10%;
	--chat-webirc-sidebar-accent: 240 3.7% 15.9%;
	--chat-webirc-sidebar-accent-foreground: 0 0% 98%;
	--chat-webirc-sidebar-ring: 240 4.9% 83.9%;
}

/* Sidebar responsive behavior - Scoped to WebIRC Chat Container */
@media (max-width: 768px) {
	.chat-webirc-container [data-sidebar="sidebar"] {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 50;
		height: 100vh;
		transform: translateX(-100%);
		transition: transform 0.3s ease-in-out;
	}

	.chat-webirc-container [data-sidebar="sidebar"][data-mobile-open="true"] {
		transform: translateX(0);
	}

	/* Overlay for mobile */
	.chat-webirc-container .sidebar-overlay {
		position: fixed;
		inset: 0;
		z-index: 40;
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s ease-in-out;
	}

	.chat-webirc-container .sidebar-overlay.active {
		opacity: 1;
		pointer-events: auto;
	}
}

/* Collapsible icon mode - Scoped to WebIRC Chat Container */
.chat-webirc-container [data-collapsible="icon"][data-collapsed="true"] {
	width: 3rem;
}

.chat-webirc-container [data-collapsible="icon"][data-collapsed="true"] [data-sidebar="group-label"],
.chat-webirc-container [data-collapsible="icon"][data-collapsed="true"]
	[data-sidebar="menu-button"]
	> span:last-child {
	opacity: 0;
	pointer-events: none;
}

/* Smooth transitions - Scoped to WebIRC Chat Container */
.chat-webirc-container [data-sidebar="sidebar"] {
	transition: width 0.2s ease-in-out;
}

.chat-webirc-container [data-sidebar="group-label"],
.chat-webirc-container [data-sidebar="menu-button"] > span:last-child {
	transition: opacity 0.2s ease-in-out;
}