/* 
 (Inizio) Foglio di Stile per: sbsc_module >> sbsc_Main_Menu >> sbsc_MenuBarraIntestazioneAccount.php 
*/

.sbsc-account-header{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	margin:12px 0 18px;
	padding-bottom:10px;
	border-bottom:1px solid #efefef;
	color:#333;
}

.sbsc-account-header .user-row{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:20px;
	font-weight:600;
}

.sbsc-account-header .info-row{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	gap:16px;
	font-size:20px;
}

.sbsc-account-header .item{
	display:flex;
	align-items:center;
	gap:5px;
}

.sbsc-account-header .dashicons{
	color:#e6007a;
	font-size:17px;
	width:17px;
	height:17px;
}

.sbsc-account-header a{
	color:#333;
	text-decoration:none;
}

.sbsc-account-header a:hover{
	color: #e6007a;
}

.sbsc-account-header .value{
	font-weight:600;
}

.sbsc-account-header .info-row .divider{
	color: #e6007a;
}

.info-row .vip-item{
	display:flex;
	align-items:flex-start;
	gap:10px;
	font-size:18px; 
	padding:10px 12px;
	border-radius:14px;
	background:rgba(230,0,122,0.05);
	border:1px solid rgba(230,0,122,0.12);
}

.info-row .vip-item .dashicons{
	color:#e6007a;
	font-size:20px;
	width:20px;
	height:20px;
	margin-top:2px;
}

.info-row .vip-item .value{
	display:flex;
	flex-direction:column;
	gap:4px;
}

.vip-line{
	display:flex;
	align-items:center;
	gap:6px;
	white-space:nowrap; 
}

.vip-label{
	font-weight:500;
	color:#444;
}

.vip-number{
	font-weight:700;
	font-size:20px; 
	color:#e6007a;
}

.vip-dates{
	font-size:14px;
	color:#777;
}

@media(max-width:768px){
	.sbsc-account-header .user-row{
		font-size:18px;
	}
	.sbsc-account-header .info-row{
		font-size:15px;
		gap:8px;
	}
	.info-row .vip-item{
		font-size:13px;
		padding:9px 10px;
	}
	.vip-number{
		font-size:18px;
	}
	.info-row .vip-item .dashicons{
		font-size:18px;
		width:18px;
		height:18px;
	}
}

/* 
 (Fine) Foglio di Stile per: sbsc_module >> sbsc_Main_Menu >> sbsc_MenuBarraIntestazioneAccount.php 
*/