/* FACEIT Account Linked Styles */
.faceit-account-linked {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f9f9f9;
}

.faceit-account-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
}

.faceit-account-details {
    flex: 1;
}

.faceit-account-not-linked {
    padding: 15px;
    background: #fff;
}

/* FACEIT OAuth Button Styles */
.faceit-login-btn {
    display: inline-block;
    padding: 10px 20px;
    background: #FF5500;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.faceit-login-btn-heroic{
	border: 1px solid #801A20;
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:16px;
	
	color: #100F14;
	font: 500 18px/1.2em var(--i);
    text-decoration: none;
	transition: all .7s ease ;
	
}

.faceit-login-btn-heroic:before{
	content: '';
	display: block;
	width: 30px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD3SURBVHgBxZbRDYIwEIZ/jPjMCIzABrKBvGh8kw0cATdxFEdwBCfB81pbJNgaIdzxJwVKSf72691RYAHRHldoi01rbpRAUVQhwwZ3EPIVNJXiYkzNo9qK6ciGLR6+r7fiJ279rooxHT6IvcRRDxF7ya+4DeesqLHJWb6VoTEx1BaxCajB3nqtIaUWDV/z2HBi62bCOCj+kYQ61HY/CDt+U0FBX3vswr/kkUaSws/gYgpbvtWu6Rl3ExCgMDqdehRMLGSYqMl5bP+tqTU/cyswUrMUEKZQuAn8TWH2yuXS8mRrg6ZxN4F3QDax4qRyAglR0D3s9Si8ALs+RqsHtqdvAAAAAElFTkSuQmCC);
	
}


.faceit-login-btn-heroic:hover{
	background: #B21832;
	color:#fff;
}

.faceit-login-btn:hover {
    background: #E64700;
    color: #fff;
    text-decoration: none;
}

.faceit-login-btn:focus {
    outline: 2px solid #FF5500;
    outline-offset: 2px;
}

/* User Position in Leaderboard */
.faceit-user-position {
    padding: 15px;
    background: #e3f2fd;
    border: 1px solid #90caf9;
    border-radius: 4px;
    margin-bottom: 15px;
}

.faceit-user-position p {
    margin: 0;
    font-size: 16px;
}

.faceit-user-position .user-points {
    color: #1976d2;
    font-weight: 600;
}

/* Highlight current user row */
.faceit-leaderboard-table-frontend tbody tr.faceit-current-user {
    background: #fff9e6;
    border-left: 3px solid #ff9800;
    font-weight: 600;
}

.faceit-leaderboard-table-frontend tbody tr.faceit-current-user:hover {
    background: #fff4cc;
}