/* ==========================================================
   Nav Wrapper (বাইরের বড় কন্টেইনার — যেখানে সবগুলো বাটন থাকে)
   ========================================================== */
.ssw-nav-wrapper {
	display: flex;
	box-shadow: 0 6px 24px rgba( 20, 30, 60, 0.10 );
	width: 100%;
	box-sizing: border-box;
}

/* Horizontal (পাশাপাশি) লে-আউট — কোনো স্ক্রল/scrollbar নেই,
   সবগুলো বাটন সবসময় এক লাইনে, এক স্ক্রিনের ভিতরেই ধরে যাবে।
   জায়গা কম পড়লে প্রতিটা বাটন সমান হারে ছোট হয়ে ফিট হয়ে যাবে
   (flex-shrink চালু আছে), কখনো overflow/scroll হবে না। */
.ssw-layout-row {
	flex-direction: row;
	align-items: stretch;
	flex-wrap: nowrap;
}

/* Vertical (লম্বালম্বি) লে-আউট */
.ssw-layout-column {
	flex-direction: column;
	align-items: stretch;
}

/* ==========================================================
   একটা একটা Nav Item (বাটন)
   ========================================================== */
.ssw-nav-item {
	cursor: pointer;
	user-select: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-weight: 600;
	box-sizing: border-box;
	border: 1px solid rgba( 20, 30, 60, 0.08 );

	/* সমান ভাগে জায়গা নেবে, দরকার হলে ছোট হয়ে ফিট হবে — কখনো
	   কন্টেইনারের বাইরে চলে যাবে না, তাই স্ক্রল লাগবে না */
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	min-width: 0; /* টেক্সট overflow ঠিকভাবে কাজ করার জন্য জরুরি */
}

.ssw-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.ssw-icon-emoji {
	font-size: 24px;
}

.ssw-icon-font i {
	font-size: 24px;
}

.ssw-icon-image img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	display: block;
}

.ssw-label {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ssw-nav-item:hover {
	opacity: 0.85;
}

.ssw-nav-item:focus-visible {
	outline: 2px solid #1e9e5a;
	outline-offset: 2px;
}

/* যে সেকশনগুলো লুকানো থাকবে */
.ssw-section-hidden {
	display: none !important;
}

/* সেকশন বদলানোর সময় হালকা fade-in */
.ssw-fade-in {
	animation: ssw-fade 0.35s ease;
}

@keyframes ssw-fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}