/* =====================================
PROFILANSICHT
===================================== */

.rpgawards-profile {
	margin: 25px 0;
	text-align: center;
}

.rpgawards-profile-inner {
	display: inline-block;
	padding: 12px 16px;
	border-top: 1px solid color-mix(in srgb, var(--accentborder) 45%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--accentborder) 30%, transparent);
}

.rpgawards-profile-awards {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}

.rpgawards-profile-awardlink {
	display: inline-flex;
}

.rpgawards-profile-awardimage {
	width: 170px;
}

.rpgawards-profile-all {
	margin-top: 4px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.rpgawards-profile-alllink {
	color: var(--txtgold);
	text-decoration: none;
	border-bottom: 1px solid color-mix(in srgb, var(--accentborder) 55%, transparent);
}

.rpgawards-profile-alllink:hover {
	color: var(--golden);
	border-bottom-color: var(--golden);
	text-shadow: 0 0 6px color-mix(in srgb, var(--accentborder) 65%, transparent);
}

.rpgawards-profile:before {
	content: "Zuletzt erlangte Auszeichnungen";
	display: block;
	margin-bottom: 8px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--forumtitle);
}

/* =====================================
ALLGEMEINE AWARDSEITE
===================================== */

.rpgawards-page {
	width: 95%;
	margin: auto;
	padding: 40px 20px 200px 20px;
	color: var(--txt);
}

.rpgawards-page-title {
	text-align: center;
	margin-bottom: 30px;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--forumtitle);
	background:none;
}

.rpgawards-section-title {
	margin: 40px 0 20px;
	text-align: left;
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--txtgold);
	letter-spacing: 1px;
	background:var(--hbg);
	padding: 10px 30px;
}

/* =====================================
LETZTE AWARDS
===================================== */

.rpgawards-home-latest {
	margin-bottom: 60px;
}

.rpgawards-latest-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	max-width: 1000px;
	margin: auto;
}

.rpgawards-latest-card {
	text-align: center;
}

.rpgawards-latest-awardlink {
	display: block;
	margin-bottom: 10px;
}

.rpgawards-latest-awardimg {
	width: 170px;
	object-fit: contain;
	padding: 8px;
}

.rpgawards-latest-player {
	display: block;
	font-size: .85rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--txt);
	text-decoration: none;
}

.rpgawards-latest-player:hover {
	color: var(--txtgold);
}

/* =====================================
KATEGORIEN
===================================== */

.rpgawards-category-tabs {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 35px;
	flex-wrap: wrap;
}

.rpgawards-category-tab {
	padding: 10px 18px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8rem;
	border: 1px solid color-mix(in srgb, var(--accentborder) 35%, transparent);
	color: var(--txt);
	transition: .2s ease;
}

.rpgawards-category-tab:hover {
	border-color: var(--accentborder);
	color: var(--txtgold);
}

.rpgawards-category-tab-active {
	background: color-mix(in srgb, var(--accent) 24%, transparent);
	border-color: var(--accentborder);
	color: var(--txtgold);
}

/* =====================================
AWARD GRID
===================================== */

.rpgawards-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
	gap: 25px;
}

.rpgawards-card {
	text-decoration: none;
	color: inherit;
	display: block;
	text-align: center;
	padding: 15px;
}

.rpgawards-card-image {
	margin-bottom: 12px;
}

.rpgawards-award-img {
	width: 160px;
	object-fit: contain;
}

.rpgawards-card-title {
	font-size: .95rem;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--txtgold);
}

.rpgawards-card-count {
	font-size: .75rem;
	color: var(--txtforumbit);
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* =====================================
AWARD DETAIL
===================================== */

.rpgawards-detail {
	display: flex;
	gap: 40px;
	align-items: center;
	margin-bottom: 50px;
}

.rpgawards-detail-img {
	object-fit: contain;
}

.rpgawards-detail-content h1 {
	margin: 0 0 10px;
	color: var(--forumtitle);
	background:none;
}

.rpgawards-detail-category {
	color: var(--txtgold);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8rem;
	margin-bottom: 15px;
}

.rpgawards-detail-description {
	line-height: 1.7;
	color: var(--txt);
}

/* =====================================
AWARD BESITZER
===================================== */

.rpgawards-owner-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.rpgawards-owner {
	padding: 6px 36px;
	border: 1px solid color-mix(in srgb, var(--accentborder) 35%, transparent);
	text-decoration: none;
	color: var(--txt);
	transition: .2s ease;
}

.rpgawards-owner:hover {
	border-color: var(--accentborder);
	color: var(--txtgold);
}

/* =====================================
LEERE BEREICHE
===================================== */

.rpgawards-empty {
	text-align: center;
	padding: 30px;
	color: var(--txtforumbit);
	font-style: italic;
}

/* =====================================
SPIELERSEITE
===================================== */

.rpgawards-player-header {
	text-align: center;
	margin-bottom: 40px;
}

/* =====================================
SPIELER-DETAILSEITE
===================================== */

.rpgawards-player-card {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 18px 14px;
	border: 1px solid color-mix(in srgb, var(--accentborder) 25%, transparent);
	background: color-mix(in srgb, var(--postbitbg) 92%, transparent);
	transition: .25s ease;
	min-height: 210px;
	width: 260px;
}

.rpgawards-player-card:hover {
	transform: translateY(-4px);
	border-color: color-mix(in srgb, var(--accentborder) 70%, transparent);
	box-shadow: 0 0 22px color-mix(in srgb, var(--accent) 20%, transparent);
}

.rpgawards-player-card-image {
	display: block;
	margin-bottom: 14px;
}

.rpgawards-player-award-img {
	width: 250px;
	object-fit: contain;
	filter: drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 20%, transparent));
	transition: .25s ease;
}

.rpgawards-player-card:hover .rpgawards-player-award-img {
	transform: scale(1.05);
	filter: drop-shadow(0 0 14px color-mix(in srgb, var(--accentborder) 45%, transparent));
}

.rpgawards-player-card-info {
	position: relative;
	z-index: 2;
}

.rpgawards-player-card-category {
	display: inline-block;
	margin-bottom: 7px;
	padding: 3px 9px;
	border: 1px solid color-mix(in srgb, var(--accentborder) 45%, transparent);
	color: var(--txtgold);
	font-size: .68rem;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	background: color-mix(in srgb, var(--accent) 18%, transparent);
}

.rpgawards-player-card-title {
	font-size: .95rem;
	font-weight: 600;
	letter-spacing: .4px;
	color: var(--beige);
	line-height: 1.35;
}

.rpgawards-player-card-hover {
	position: absolute;
	inset: 0;
	z-index: 5;
	padding: 18px;
	background: color-mix(in srgb, var(--back) 96%, transparent);
	border: 1px solid color-mix(in srgb, var(--accentborder) 70%, transparent);
	opacity: 0;
	pointer-events: none;
	transform: translateY(10px);
	transition: .25s ease;
	overflow: auto;
}

.rpgawards-player-card:hover .rpgawards-player-card-hover {
	opacity: 1;
	transform: translateY(0);
}

.rpgawards-player-card-hover-title {
	margin-bottom: 10px;
	color: var(--txtgold);
	font-size: .9rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.rpgawards-player-card-hover-text {
	color: var(--txt);
	font-size: .85rem;
	line-height: 1.55;
	text-align: left;
}

.rpgawards-player-card-hover-text b,
.rpgawards-player-card-hover-text strong {
	color: var(--golden);
}

.rpgawards-player-card-hover-text a {
	color: var(--txtgold);
}

.rpgawards-player-card-hover-text ul {
	margin: 8px 0 8px 18px;
	padding: 0;
}

/* =====================================
RESPONSIVE
===================================== */

@media (max-width: 900px)
{
	.rpgawards-latest-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.rpgawards-detail {
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 600px)
{
	.rpgawards-latest-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.rpgawards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}