/**
 * Sidebar Float Nav Widget Styles
 */

.pretpot-sidebar-nav-wrapper {
	position: fixed;
	z-index: 9999;
}

.pretpot-sidebar-nav-wrapper.position-left {
	left: 20px;
}

.pretpot-sidebar-nav-wrapper.position-right {
	right: 20px;
}

.pretpot-sidebar-nav-pills {
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}

.pretpot-sidebar-nav-item {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.pretpot-sidebar-nav-dot {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.3s ease;
}

.pretpot-sidebar-nav-label {
	white-space: nowrap;
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
	transform: translateX(0);
}

/* Show on Hover - Attached Mode */
.pretpot-sidebar-nav-wrapper.show-on-hover:not(.detached) .pretpot-sidebar-nav-item:hover .pretpot-sidebar-nav-label {
	opacity: 1;
	visibility: visible;
}

.pretpot-sidebar-nav-wrapper.show-on-hover:not(.detached).position-left .pretpot-sidebar-nav-item .pretpot-sidebar-nav-label {
	transform: translateX(-10px);
	position: absolute;
	right: 100%;
}

.pretpot-sidebar-nav-wrapper.show-on-hover:not(.detached).position-left .pretpot-sidebar-nav-item:hover .pretpot-sidebar-nav-label {
	transform: translateX(0);
}

.pretpot-sidebar-nav-wrapper.show-on-hover:not(.detached).position-right .pretpot-sidebar-nav-item .pretpot-sidebar-nav-label {
	transform: translateX(10px);
	position: absolute;
	left: 100%;
}

.pretpot-sidebar-nav-wrapper.show-on-hover:not(.detached).position-right .pretpot-sidebar-nav-item:hover .pretpot-sidebar-nav-label {
	transform: translateX(0);
}

/* Always Show - Attached Mode */
.pretpot-sidebar-nav-wrapper:not(.show-on-hover):not(.detached) .pretpot-sidebar-nav-label {
	opacity: 1;
	visibility: visible;
}

.pretpot-sidebar-nav-wrapper:not(.detached).position-left .pretpot-sidebar-nav-item {
	flex-direction: row-reverse;
}

.pretpot-sidebar-nav-wrapper:not(.detached).position-right .pretpot-sidebar-nav-item {
	flex-direction: row;
}

/* Detached Mode */
.pretpot-sidebar-nav-wrapper.detached .pretpot-sidebar-nav-label {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.pretpot-sidebar-nav-wrapper.detached.position-left .pretpot-sidebar-nav-item {
	flex-direction: row-reverse;
}

.pretpot-sidebar-nav-wrapper.detached.position-right .pretpot-sidebar-nav-item {
	flex-direction: row;
}

/* Active State */
.pretpot-sidebar-nav-item.active {
	/* Active styles controlled by Elementor */
}

/* Responsive - Mobile & Tablet Optimizations */
@media (max-width: 1024px) {
	.pretpot-sidebar-nav-wrapper {
		left: 10px !important;
		right: 10px !important;
	}
	
	.pretpot-sidebar-nav-wrapper.position-left {
		left: 10px !important;
	}
	
	.pretpot-sidebar-nav-wrapper.position-right {
		right: 10px !important;
	}
	
	/* Smaller dots on mobile */
	.pretpot-sidebar-nav-dot {
		width: 25px !important;
		height: 25px !important;
	}
	
	.pretpot-sidebar-nav-dot i {
		font-size: 12px !important;
	}
	
	.pretpot-sidebar-nav-dot svg {
		width: 12px !important;
		height: 12px !important;
	}
	
	/* Smaller spacing */
	.pretpot-sidebar-nav-item:not(:last-child) {
		margin-bottom: 8px !important;
	}
	
	/* Hide labels on mobile for cleaner look */
	.pretpot-sidebar-nav-wrapper:not(.detached) .pretpot-sidebar-nav-label {
		display: none;
	}
	
	/* For detached mode, make labels smaller */
	.pretpot-sidebar-nav-wrapper.detached .pretpot-sidebar-nav-label {
		font-size: 11px !important;
		padding: 5px 10px !important;
	}
	
	/* Reduce container padding */
	.pretpot-sidebar-nav-pills {
		padding: 10px 8px !important;
	}
}

/* Hide on Tablet (optional via settings) */
@media (min-width: 768px) and (max-width: 1024px) {
	.pretpot-sidebar-nav-wrapper.hide-tablet {
		display: none !important;
	}
}

/* Hide on Mobile (optional via settings) */
@media (max-width: 767px) {
	.pretpot-sidebar-nav-wrapper.hide-mobile {
		display: none !important;
	}
}