/*!
 * Warhost MU Online - WebEngine Template
 * Guild & player profile cards
 */

/* ===== GUILD PROFILES ===== */
.profiles_guild_card {
	position: relative;
	width: 100%;
	background: #000 url('../img/profiles/guild.jpg') no-repeat center center;
	background-size: cover;
	overflow: hidden;
	border-radius: var(--wh-radius-lg, 12px);
	border: 1px solid var(--wh-border, #1a2a35);
	box-shadow: var(--wh-shadow, 0 10px 30px rgba(0,0,0,0.38));
	padding: var(--wh-space-6, 32px);
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.85);
}
.profiles_guild_card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(140deg, rgba(5,8,11,0.88) 0%, rgba(5,8,11,0.55) 60%, rgba(5,8,11,0.3) 100%);
	pointer-events: none;
}
.profiles_guild_card > * { position: relative; z-index: 1; }

.profiles_guild_card .guild_name,
.profiles_guild_card .guild_members {
	font-family: var(--wh-font-display, 'Bebas Neue', sans-serif);
	font-size: 30px;
	letter-spacing: 0.06em;
	color: #fff;
	line-height: 1.15;
}
.profiles_guild_card .guild_members {
	font-size: 22px;
	color: var(--wh-gold-light, #e0b84a);
	text-transform: uppercase;
}
.profiles_guild_card table { table-layout: fixed; width: 100%; }
.profiles_guild_card table td { padding: 4px 0; }
.profiles_guild_card hr {
	border-top: 1px solid rgba(255,255,255,0.14);
	margin: var(--wh-space-6, 32px) 0;
}
.profiles_guild_card .guild_members_list { margin-top: var(--wh-space-5, 24px); }
.profiles_guild_card a { color: var(--wh-gold-light, #e0b84a); }
.profiles_guild_card a:hover,
.profiles_guild_card a:focus { color: #fff; }

/* ===== PLAYER PROFILES ===== */
.profiles_player_card {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: var(--wh-radius-lg, 12px);
	border: 1px solid var(--wh-border, #1a2a35);
	box-shadow: var(--wh-shadow, 0 10px 30px rgba(0,0,0,0.38));
	padding: var(--wh-space-5, 24px);
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.85);
}
.profiles_player_card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(5,8,11,0.35) 0%, rgba(5,8,11,0.75) 55%, rgba(5,8,11,0.9) 100%);
	pointer-events: none;
}
.profiles_player_card > * { position: relative; z-index: 1; }

.DW.profiles_player_card, .SM.profiles_player_card, .GM.profiles_player_card, .SW.profiles_player_card, .DSW.profiles_player_card { background-image: url('../img/profiles/wiz.jpg'); }
.DK.profiles_player_card, .BK.profiles_player_card, .BM.profiles_player_card, .DGK.profiles_player_card, .IGK.profiles_player_card { background-image: url('../img/profiles/knight.jpg'); }
.ELF.profiles_player_card, .ME.profiles_player_card, .HE.profiles_player_card, .NE.profiles_player_card, .RYE.profiles_player_card { background-image: url('../img/profiles/elf.jpg'); }
.MG.profiles_player_card, .DM.profiles_player_card, .MK.profiles_player_card, .DPK.profiles_player_card { background-image: url('../img/profiles/mg.jpg'); }
.DL.profiles_player_card, .LE.profiles_player_card, .EL.profiles_player_card, .FCE.profiles_player_card { background-image: url('../img/profiles/dl.jpg'); }
.SUM.profiles_player_card, .BS.profiles_player_card, .DSM.profiles_player_card, .DS.profiles_player_card, .ESUM.profiles_player_card { background-image: url('../img/profiles/sum.jpg'); }
.RF.profiles_player_card, .FM.profiles_player_card, .FB.profiles_player_card, .BF.profiles_player_card { background-image: url('../img/profiles/rf.jpg'); }
.GL.profiles_player_card, .ML.profiles_player_card, .SL.profiles_player_card, .AL.profiles_player_card { background-image: url('../img/profiles/gl.jpg'); }
.RW.profiles_player_card, .RSM.profiles_player_card, .GRM.profiles_player_card, .MRW.profiles_player_card, .IRW.profiles_player_card { background-image: url('../img/profiles/rw.jpg'); }
.SLR.profiles_player_card, .SLRR.profiles_player_card, .MSLR.profiles_player_card, .SLTR.profiles_player_card, .RS.profiles_player_card { background-image: url('../img/profiles/sl.jpg'); }
.GC.profiles_player_card, .GB.profiles_player_card, .MGB.profiles_player_card, .HGC.profiles_player_card, .MGC.profiles_player_card { background-image: url('../img/profiles/gc.jpg'); }
.LIW.profiles_player_card, .LIM.profiles_player_card, .SHW.profiles_player_card, .LUW.profiles_player_card, .GLW.profiles_player_card { background-image: url('../img/profiles/liw.jpg'); }
.LEM.profiles_player_card, .WAM.profiles_player_card, .ARM.profiles_player_card, .MYM.profiles_player_card, .BAM.profiles_player_card { background-image: url('../img/profiles/lem.jpg'); }
.IK.profiles_player_card, .MIK.profiles_player_card, .IM.profiles_player_card, .MYK.profiles_player_card, .PPK.profiles_player_card { background-image: url('../img/profiles/ik.jpg'); }
.ALC.profiles_player_card, .ALMN.profiles_player_card, .ALMTR.profiles_player_card, .ALFC.profiles_player_card, .CRE.profiles_player_card { background-image: url('../img/profiles/alc.jpg'); }

.profiles_player_content {
	float: right;
	width: 50%;
	color: #fff;
}

.profiles_player_table { width: 100%; }

.profiles_player_table .cname {
	font-family: var(--wh-font-display, 'Bebas Neue', sans-serif);
	text-align: center;
	font-size: 30px;
	letter-spacing: 0.06em;
	color: #fff;
	line-height: 1.15;
}

.profiles_player_table .cclass {
	text-align: center;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wh-gold-light, #e0b84a);
}

.profiles_player_table .isoffline { color: #f26363; font-weight: 700; }
.profiles_player_table .isonline { color: #38e0b4; font-weight: 700; }

.profiles_player_table_info {
	table-layout: fixed;
	width: 100%;
	margin-top: var(--wh-space-4, 16px);
}
.profiles_player_table_info tr td {
	padding: 5px 10px;
	border-top: 1px solid rgba(255,255,255,0.08);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
}
.profiles_player_table_info tr:first-child td { border-top: 0; }
.profiles_player_table_info tr td:first-child {
	text-align: right;
	color: rgba(255,255,255,0.62);
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.08em;
}
.profiles_player_table_info tr td:last-child { font-weight: 600; }

@media (max-width: 767px) {
	.profiles_player_content { float: none; width: 100%; }
	.profiles_player_card {
		background-position: top center;
		padding-top: 160px;
	}
	.profiles_player_card::before {
		background: linear-gradient(180deg, rgba(5,8,11,0.25) 0%, rgba(5,8,11,0.8) 45%, rgba(5,8,11,0.95) 100%);
	}
	.profiles_guild_card { padding: var(--wh-space-5, 24px); }
}
