/* Account Section Styles */

.account-layout {
	min-height: 60vh;
}

/* Sidebar */
.account-sidebar .account-avatar {
	padding-top: 0.5rem;
}

.account-sidebar .list-group-item {
	border-left: 0;
	border-right: 0;
	padding: 0.6rem 1rem;
	font-size: 0.9rem;
	transition: background-color 0.15s;
}

.account-sidebar .list-group-item.active {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.account-sidebar .list-group-item:not(.active):hover {
	background-color: var(--bs-light, #f8f9fa);
}

/* Dashboard cards */
.account-dashboard .card {
	transition: transform 0.15s;
}

.account-dashboard .card:hover {
	transform: translateY(-2px);
}

/* Order list items */
.account-orders .list-group-item {
	transition: background-color 0.15s;
}

/* Address cards */
.account-addresses .card {
	transition: box-shadow 0.15s;
}

.account-addresses .card:hover {
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

/* Bonus balance card */
.account-bonuses .card.bg-primary {
	border: none;
}

/* Mobile responsive */
@media (max-width: 991.98px) {
	.account-sidebar {
		position: sticky;
		top: 1rem;
		z-index: 10;
	}

	.account-sidebar .list-group {
		display: flex;
		flex-direction: row;
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.account-sidebar .list-group-item {
		white-space: nowrap;
		border: 1px solid var(--bs-border-color);
		border-radius: 0.375rem !important;
		margin-right: 0.25rem;
	}

	.account-sidebar .card-body {
		display: none;
	}

	.account-sidebar .card-body:first-child {
		display: none;
	}
}