/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 
 =========================================================
 .
*/
/* GUILD PROFILES */

.fixitemsview {
	padding-right: 0px !important; 
	background-color: #0a192f;
}

.profiles_guild_card {
	width: 100%;
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.95) 0%, rgba(10, 25, 47, 0.98) 100%), url('../img/profiles/guild.jpg') no-repeat;
	background-size: cover;
	overflow: auto;
	border-radius: 12px;
	border: 1px solid rgba(77, 163, 255, 0.3);
	box-shadow: 0 20px 40px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.05);
	padding: 40px;
	color: #e6f1ff;
	text-shadow: 0 2px 4px rgba(0,0,0,0.5);
	transition: all 0.3s ease;
}

.profiles_guild_card:hover {
	box-shadow: 0 28px 50px rgba(0,0,0,0.55), 0 0 20px rgba(100, 255, 218, 0.1);
}

.profiles_guild_card .guild_logo img {
	box-shadow: 0 0 15px rgba(0,0,0,0.8), 0 0 30px rgba(77, 163, 255, 0.3);
	border: 2px solid rgba(100, 255, 218, 0.3);
	border-radius: 8px;
	transition: all 0.3s ease;
}

.profiles_guild_card .guild_logo img:hover {
	transform: scale(1.05);
	box-shadow: 0 0 20px rgba(100, 255, 218, 0.4);
}

.profiles_guild_card .guild_name {
	font-family: 'Cinzel', serif;
	font-size: 28px;
	color: #64ffda;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(100, 255, 218, 0.4), 0 2px 4px rgba(0,0,0,0.5);
	letter-spacing: 2px;
}

.profiles_guild_card table {
	table-layout: fixed;
}

.profiles_guild_card hr {
	border: none;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(100, 255, 218, 0.5), transparent);
	margin-top: 30px;
	margin-bottom: 30px;
}

.profiles_guild_card .guild_members {
	font-family: 'Cinzel', serif;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 0 8px rgba(255,255,255,0.2);
}

.profiles_guild_card .guild_members_list {
	margin-top: 30px;
}

/* PLAYER PROFILES */
.profiles_player_card {
	width: 100%;
	overflow: auto;
	border-radius: 12px;
	border: 1px solid rgba(77, 163, 255, 0.3);
	box-shadow: 0 20px 40px rgba(0,0,0,0.45);
	padding: 20px;
	position: relative;
	transition: all 0.3s ease;
}

.profiles_player_card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #64ffda, transparent);
	opacity: 0.6;
}

.profiles_player_card:hover {
	box-shadow: 0 28px 50px rgba(0,0,0,0.55), 0 0 25px rgba(100, 255, 218, 0.15);
	transform: translateY(-3px);
}

/* Clases con overlay azul mejorado */
.DK.profiles_player_card, .BK.profiles_player_card, .BM.profiles_player_card, .DGK.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/knight.jpg') no-repeat; 
	background-size: cover; 
}
.DW.profiles_player_card, .SM.profiles_player_card, .GM.profiles_player_card, .SW.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/wiz.jpg') no-repeat; 
	background-size: cover; 
}
.ELF.profiles_player_card, .ME.profiles_player_card, .HE.profiles_player_card, .NE.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/elf.jpg') no-repeat; 
	background-size: cover; 
}
.SUM.profiles_player_card, .BS.profiles_player_card, .DSM.profiles_player_card, .DS.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/sum.jpg') no-repeat; 
	background-size: cover; 
}
.DL.profiles_player_card, .LE.profiles_player_card, .EL.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/dl.jpg') no-repeat; 
	background-size: cover; 
}
.MG.profiles_player_card, .DM.profiles_player_card, .MK.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/mg.jpg') no-repeat; 
	background-size: cover; 
}
.RF.profiles_player_card, .FM.profiles_player_card, .FB.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/rf.jpg') no-repeat; 
	background-size: cover; 
}
.GL.profiles_player_card, .ML.profiles_player_card, .SL.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/gl.jpg') no-repeat; 
	background-size: cover; 
}
.RW.profiles_player_card, .RSM.profiles_player_card, .GRM.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/rw.jpg') no-repeat; 
	background-size: cover; 
}
.SLR.profiles_player_card, .SLRR.profiles_player_card, .MSLR.profiles_player_card, .SLTR.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/sl.jpg') no-repeat; 
	background-size: cover; 
}
.LIW.profiles_player_card, .LIM.profiles_player_card, .SHW.profiles_player_card, .LUW.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/liw.jpg') no-repeat; 
	background-size: cover; 
}
.LEM.profiles_player_card, .WAM.profiles_player_card, .ARM.profiles_player_card, .MYM.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/lem.jpg') no-repeat; 
	background-size: cover; 
}
.IK.profiles_player_card, .IMK.profiles_player_card, .IM.profiles_player_card, .MYK.profiles_player_card { 
	background: linear-gradient(135deg, rgba(15, 39, 71, 0.85) 0%, rgba(10, 25, 47, 0.95) 100%), url('../img/profiles/ik.jpg') no-repeat; 
	background-size: cover; 
}

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

.profiles_player_table {
	width: 100%;
}

.profiles_player_table .cname {
	font-family: 'BebasNeueRegular', serif;
	text-align: center;
	font-size: 28px;
	color: #64ffda;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(100, 255, 218, 0.4), 0 2px 4px rgba(0,0,0,0.5);
	letter-spacing: 2px;
}

.profiles_player_table .cclass {
	text-align: center;
	font-size: 12px;
	color: #8892b0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.profiles_player_table .isoffline {
	color: #ff6b6b;
	text-shadow: 0 0 8px rgba(255, 107, 107, 0.4);
	font-weight: bold;
}

.profiles_player_table .isonline {
	color: #64ffda;
	text-shadow: 0 0 8px rgba(100, 255, 218, 0.4);
	font-weight: bold;
}

.profiles_player_table_info {
	table-layout: fixed;
	margin-top: 10px;
	background: rgba(10, 25, 47, 0.6);
	border-radius: 8px;
	padding: 15px;
	border: 1px solid rgba(77, 163, 255, 0.2);
}

.profiles_player_table_info tr td {
	padding: 8px 10px;
	color: #ccd6f6;
}

.profiles_player_table_info tr td:first-child {
	text-align: right;
	color: #64ffda;
	font-weight: 600;
}

/* ITEM TOOLTIP */
.item-box {
	background: linear-gradient(180deg, #0f2747 0%, #0a192f 100%);
	text-align: center;
	width: 100%;
	white-space: nowrap;
	min-width: 200px;
	padding: 15px;
	font-size: 12px;
	border: 1px solid rgba(77, 163, 255, 0.3);
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.item-name {
	padding: 8px;
	color: #64ffda;
	font-weight: bold;
	text-shadow: 0 0 8px rgba(100, 255, 218, 0.3);
}

.item-serial {
	color: #8892b0 !important;
	padding-top: 10px;
	font-size: 10px;
}

.item-info {
	color: #e6f1ff !important;
}

.item-info-section {
	padding-top: 10px;
	border-top: 1px solid rgba(77, 163, 255, 0.2);
	margin-top: 10px;
}

.item-class-req {
	color: #b4b4b4 !important;
}

.item-opt-jog {
	color: #ff99cc !important;
	padding-top: 10px;
	text-shadow: 0 0 5px rgba(255, 153, 204, 0.3);
}

.item-opt-harmony {
	color: #ffd700 !important;
	padding-top: 10px;
	text-shadow: 0 0 5px rgba(255, 215, 0, 0.3);
}

.item-opt-skill {
	color: #88ffea !important;
}

.item-opt-luck {
	color: #88ffea !important;
}

.item-opt-life {
	color: #88ffea !important;
}

.item-opt-exc {
	color: #4da3ff !important;
	padding-top: 10px;
	font-weight: bold;
}

.item-opt-anc {
	color: #9aadd5 !important;
	padding-top: 10px;
}

.item-opt-socket {
	color: #64ffda !important;
	padding-top: 10px;
	text-shadow: 0 0 5px rgba(100, 255, 218, 0.3);
}

.item-expiration {
	color: #ff6b6b !important;
	padding-top: 10px;
	font-weight: bold;
	text-shadow: 0 0 5px rgba(255, 107, 107, 0.3);
}

/* Items del personaje - mejorados */
.profile_item0, .profile_item1, .profile_item2, .profile_item3, 
.profile_item4, .profile_item5, .profile_item6, .profile_item7, 
.profile_item8, .profile_item9, .profile_item10, .profile_item11 {
	transition: all 0.3s ease;
}

.profile_item0:hover, .profile_item1:hover, .profile_item2:hover, .profile_item3:hover, 
.profile_item4:hover, .profile_item5:hover, .profile_item6:hover, .profile_item7:hover, 
.profile_item8:hover, .profile_item9:hover, .profile_item10:hover, .profile_item11:hover {
	transform: scale(1.1);
	filter: drop-shadow(0 0 8px rgba(100, 255, 218, 0.6));
}

.profile_item0 { position: relative; left: -175px; top: 305px; width: 68px; height: 132px; }
.profile_item1 { position: relative; left: 220px; top: 170px; width: 68px; height: 132px; }
.profile_item2 { position: relative; left: -110px; top: -215px; width: 68px; height: 100px; }
.profile_item3 { position: relative; left: -125px; top: -200px; width: 68px; height: 100px; }
.profile_item4 { position: relative; left: -80px; top: -100px; width: 68px; height: 68px; }
.profile_item5 { position: relative; left: 160px; top: -335px; width: 68px; height: 68px; }
.profile_item6 { position: relative; left: 127px; top: -235px; width: 68px; height: 68px; }
.profile_item7 { position: relative; left: 185px; top: -625px; width: 164px; height: 100px; }
.profile_item8 { position: relative; left: -215px; top: -700px; width: 68px; height: 68px; }
.profile_item9 { position: relative; left: 80px; top: -745px; width: 36px; height: 36px; }
.profile_item10 { position: relative; left: -80px; top: -573px; width: 36px; height: 36px; }
.profile_item11 { position: relative; left: 127px; top: -610px; width: 36px; height: 36px; }

.deidadbuttonfix { 
	width: 150px; 
	border-radius: 4px; 
	height: 38px;
	background: linear-gradient(90deg, #0d3b66, #1e5fa8);
	border: 1px solid rgba(77, 163, 255, 0.4);
	color: #ffffff;
	transition: all 0.3s ease;
}

.deidadbuttonfix:hover {
	background: linear-gradient(90deg, #1e5fa8, #0d3b66);
	box-shadow: 0 0 15px rgba(77, 163, 255, 0.4);
	transform: translateY(-2px);
}

/* Custom Select mejorado */
.custom-select {
	position: relative;
	font-family: 'Roboto', sans-serif;
}

.custom-select input {
	float: right;
}

.custom-select select {
	display: none;
	width: 250px;
}

.select-selected {
	background: linear-gradient(90deg, #0d3b66, #1e5fa8);
	width: 250px;
	color: #ffffff;
	border: 1px solid rgba(77, 163, 255, 0.4);
	border-radius: 4px;
	padding: 10px 16px;
	transition: all 0.3s ease;
}

.select-selected:hover {
	box-shadow: 0 0 15px rgba(77, 163, 255, 0.3);
}

.select-selected:after {
	position: absolute;
	content: "";
	top: 16px;
	right: 12px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #64ffda transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
	border-color: transparent transparent #64ffda transparent;
	top: 10px;
}

.select-items div, .select-selected {
	color: #ffffff;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(77, 163, 255, 0.2) transparent;
	cursor: pointer;
	user-select: none;
}

.select-items {
	position: absolute;
	background: linear-gradient(180deg, #0f2747 0%, #0a192f 100%);
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	border: 1px solid rgba(77, 163, 255, 0.3);
	border-radius: 0 0 8px 8px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.select-hide {
	display: none;
}

.select-items div:hover, .same-as-selected {
	background: rgba(100, 255, 218, 0.15);
	color: #64ffda;
}
:root {
    --item-color-exc: #2ff387;
    --item-color-socket-opt: #cc33cc;
    --item-color-socket: #cc66cc;
    --item-color-normal: #ffffff;
    --item-color-life-opt: #8cb0ea;
    --item-color-improved: #f4cb3f;
    --item-color-anc: #0066cc;
    --item-color-anc-setopt: #ffcc66;
    --item-color-nocolor: #f4cb3f;
    --item-color-fenrir: #8cb0ea;
    --item-color-fenrir-gold: #f4cb3f;
    --item-color-errtel-title: #ffffff;
    --item-color-errtel-opt: #8CB0EA;
    --item-color-errtel1: #ff0000;
    --item-color-errtel2: #8cb0ea;
    --item-color-errtel3: #e6bf3c;
    --item-color-errtel4: #26e027;
    --item-color-errtel5: #5b1659;
    --item-tooltip-bg: #2c3e50;
}