/* Master CSS - User Front (Take Clothes)
   Location: assets/css/user.css
   Notes:
   - Tailwind is loaded via CDN in header. This file complements Tailwind utilities.
   - Keep global, reusable tweaks and small components here.
*/

/* Smooth transitions for interactive elements */
a,
button {
	transition: all 0.2s ease-in-out;
}

/* Carousel tweaks */
.carousel-dot {
	width: 8px;
	height: 8px;
	border-radius: 9999px;
	background-color: rgba(255, 255, 255, 0.6);
}
.carousel-dot-active {
	background-color: rgba(255, 255, 255, 0.95);
	transform: scale(1.2);
}

/* Hide horizontal scrollbar (for featured list scroller) */
.overflow-x-auto::-webkit-scrollbar {
	display: none;
}
.overflow-x-auto {
	-ms-overflow-style: none; /* IE 10+ */
	scrollbar-width: none; /* Firefox */
}

/* Utility: text truncation safe defaults */
.truncate-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Sticky bottom safe spacing helper (if no Tailwind spacing available) */
.safe-sticky-bottom {
	height: 6rem; /* ~24 Tailwind */
}

/* Simple toast styling (fallback if JS injects a basic toast) */
.tc-toast {
	position: fixed;
	bottom: 5rem;
	left: 50%;
	transform: translateX(-50%);
	background: #000;
	color: #fff;
	padding: 0.5rem 0.75rem;
	font-size: 0.875rem;
	border-radius: 0.5rem;
	z-index: 50;
}