//* ============================================================
   LOVE FOR A MINUTE
   BRIGHT LIGHTS - profile.css
   Karteiartiges Memberprofil
============================================================ */


/* ============================================================
   PROFIL WRAPPER
============================================================ */

.bl-profile-wrap {
	width: min(1040px, 94%) !important;
	margin: 34px auto 46px auto !important;
	color: #3f4a4f !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.bl-profile-wrap * {
	box-sizing: border-box !important;
}

.bl-profile-wrap a {
	color: #247f91 !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	transition: all .25s ease !important;
}

.bl-profile-wrap a:hover {
	color: #9f5d65 !important;
	text-decoration: underline !important;
}


/* ============================================================
   BREADCRUMB / MINI INFO OBEN
============================================================ */

.lfam-profile-crumb {
	width: min(1040px, 94%) !important;
	margin: 0 auto 14px auto !important;
}

.lfam-profile-crumb-board {
	color: #247f91 !important;
	font-size: 11px !important;
	letter-spacing: 1.4px !important;
	text-transform: uppercase !important;
	font-weight: 900 !important;
}

.lfam-profile-crumb-current {
	margin-top: 4px !important;
	color: #9f5d65 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}


/* ============================================================
   HEADER
============================================================ */

.bl-profile-header {
	position: relative !important;
	padding: 34px 36px 32px 36px !important;
	border-radius: 18px 18px 0 0 !important;
	background:
		radial-gradient(circle at 14% 0%, rgba(255,255,255,.98), transparent 34%),
		radial-gradient(circle at 86% 10%, rgba(229,245,247,.78), transparent 36%),
		linear-gradient(135deg, #fffdf9 0%, #f7f1ea 46%, #efdeda 100%) !important;
	border: 1px solid #e2d8d0 !important;
	border-bottom: 0 !important;
	box-shadow:
		0 12px 34px rgba(90, 78, 70, .13),
		inset 0 0 0 1px rgba(255,255,255,.72) !important;
	overflow: hidden !important;
}

.bl-profile-header:before {
	content: "" !important;
	position: absolute !important;
	left: 34px !important;
	right: 34px !important;
	top: 0 !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent) !important;
}

.bl-profile-header:after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	height: 4px !important;
	background: linear-gradient(90deg, #247f91, #e6b9bd, #247f91) !important;
	opacity: .62 !important;
}

.bl-profile-title {
	position: relative !important;
	z-index: 2 !important;
	text-align: center !important;
}

.bl-profile-kicker {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin-bottom: 12px !important;
	padding: 7px 15px !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	border: 1px solid #e9ddd5 !important;
	color: #247f91 !important;
	font-size: 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.8px !important;
	font-weight: 900 !important;
	box-shadow: 0 4px 14px rgba(66, 54, 48, .06) !important;
}

.bl-profile-kicker:before {
	content: "✦" !important;
	color: #247f91 !important;
	font-size: 11px !important;
}

.bl-profile-name {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 54px !important;
	font-style: italic !important;
	line-height: 1 !important;
	color: #247f91 !important;
	text-shadow: 0 2px 0 rgba(255,255,255,.85) !important;
	letter-spacing: .2px !important;
}

.bl-profile-sub {
	margin-top: 13px !important;
	color: #8e7776 !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.35px !important;
	font-weight: 800 !important;
	line-height: 1.8 !important;
}

.bl-profile-online {
	position: absolute !important;
	top: 24px !important;
	right: 24px !important;
	z-index: 3 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 8px 15px !important;
	border-radius: 999px !important;
	background: #fff7f7 !important;
	border: 1px solid #e8c9cc !important;
	color: #9f5d65 !important;
	font-size: 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.35px !important;
	font-weight: 900 !important;
	box-shadow: 0 4px 14px rgba(120, 80, 84, .08) !important;
}

.bl-profile-online:before {
	content: "" !important;
	display: inline-block !important;
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background: #247f91 !important;
	box-shadow: 0 0 8px rgba(36,127,145,.45) !important;
}


/* ============================================================
   HAUPTKARTE
============================================================ */

.bl-profile-card {
	padding: 14px !important;
	border-radius: 0 0 18px 18px !important;
	background: #ffffff !important;
	border: 1px solid #e2d8d0 !important;
	box-shadow:
		0 12px 34px rgba(90, 78, 70, .13),
		inset 0 0 0 1px rgba(255,255,255,.82) !important;
}


/* ============================================================
   KARTEI TABS
============================================================ */

.bl-profile-tabs input {
	display: none !important;
}

.bl-profile-nav {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 9px !important;
	padding: 0 0 14px 0 !important;
	margin-bottom: 16px !important;
	border-bottom: 1px solid #ece6e1 !important;
}

.bl-profile-nav label {
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px 17px !important;
	border-radius: 999px !important;
	background: #f8f6f2 !important;
	border: 1px solid #e5ddd6 !important;
	color: #897b76 !important;
	font-size: 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.35px !important;
	font-weight: 900 !important;
	transition: all .25s ease !important;
}

.bl-profile-nav label:hover {
	color: #247f91 !important;
	background: #edf8f9 !important;
	border-color: #cbe8ec !important;
}

#bl-tab-allgemein:checked ~ .bl-profile-nav label[for="bl-tab-allgemein"],
#bl-tab-facts:checked ~ .bl-profile-nav label[for="bl-tab-facts"],
#bl-tab-basics:checked ~ .bl-profile-nav label[for="bl-tab-basics"],
#bl-tab-steckbrief:checked ~ .bl-profile-nav label[for="bl-tab-steckbrief"],
#bl-tab-inplay:checked ~ .bl-profile-nav label[for="bl-tab-inplay"] {
	color: #ffffff !important;
	background: linear-gradient(135deg, #247f91, #3ca2b4) !important;
	border-color: #247f91 !important;
	box-shadow: 0 5px 16px rgba(36,127,145,.18) !important;
}


/* ============================================================
   LAYOUT
============================================================ */

.bl-profile-main {
	display: grid !important;
	grid-template-columns: 230px minmax(0, 1fr) !important;
	gap: 18px !important;
	align-items: start !important;
}

.bl-profile-side {
	display: flex !important;
	flex-direction: column !important;
	gap: 13px !important;
}

.bl-profile-content {
	min-width: 0 !important;
}


/* ============================================================
   AVATAR UND SEITENKARTEN
============================================================ */

.bl-profile-avatarbox {
	padding: 8px !important;
	border-radius: 20px !important;
	background: linear-gradient(135deg, #ffffff, #edf8f9) !important;
	border: 1px solid #d8ebef !important;
	box-shadow: 0 8px 22px rgba(36,127,145,.10) !important;
	overflow: hidden !important;
}

.bl-profile-avatarbox img {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 15px !important;
	filter: contrast(1.02) saturate(1.04) !important;
}

.bl-side-card {
	padding: 14px 15px !important;
	border-radius: 15px !important;
	background: #fbfaf7 !important;
	border: 1px solid #e8e1db !important;
	box-shadow: 0 4px 12px rgba(90,78,70,.05) !important;
}

.bl-side-label {
	display: block !important;
	margin-bottom: 7px !important;
	color: #247f91 !important;
	font-size: 9px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.4px !important;
	font-weight: 900 !important;
}

.bl-side-value {
	color: #3f4a4f !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
	font-weight: 600 !important;
}


/* ============================================================
   TAB PANELS
============================================================ */

.bl-panel {
	display: none !important;
	animation: blFade .22s ease !important;
}

#bl-tab-allgemein:checked ~ .bl-profile-main .bl-panel-allgemein,
#bl-tab-facts:checked ~ .bl-profile-main .bl-panel-facts,
#bl-tab-basics:checked ~ .bl-profile-main .bl-panel-basics,
#bl-tab-steckbrief:checked ~ .bl-profile-main .bl-panel-steckbrief,
#bl-tab-inplay:checked ~ .bl-profile-main .bl-panel-inplay {
	display: block !important;
}

@keyframes blFade {
	from {
		opacity: 0;
		transform: translateY(4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/* ============================================================
   SECTION HEADLINES
============================================================ */

.bl-section-head {
	margin-bottom: 14px !important;
	padding: 13px 17px !important;
	border-radius: 15px !important;
	background: linear-gradient(90deg, #edf8f9 0%, #fff7f7 55%, #ffffff 100%) !important;
	border-left: 4px solid #247f91 !important;
	color: #247f91 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 20px !important;
	text-transform: lowercase !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.75) !important;
}


/* ============================================================
   STATISTIK
============================================================ */

.bl-stat-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 11px !important;
	margin-bottom: 11px !important;
}

.bl-stat-box {
	padding: 18px 16px !important;
	border-radius: 15px !important;
	background: #fbfaf7 !important;
	border: 1px solid #e8e1db !important;
	text-align: center !important;
	box-shadow: 0 4px 12px rgba(90,78,70,.05) !important;
}

.bl-stat-number {
	display: block !important;
	margin-bottom: 6px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #9f5d65 !important;
}

.bl-stat-label {
	display: block !important;
	color: #247f91 !important;
	font-size: 9px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	font-weight: 900 !important;
}


/* ============================================================
   PROFILFELDER
============================================================ */

.bl-field-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 11px !important;
}

.bl-field {
	position: relative !important;
	padding: 15px 16px !important;
	border-radius: 15px !important;
	background: #fbfaf7 !important;
	border: 1px solid #e8e1db !important;
	box-shadow: 0 4px 12px rgba(90,78,70,.05) !important;
	overflow: hidden !important;
	min-height: 86px !important;
}

.bl-field:before {
	content: "" !important;
	position: absolute !important;
	top: 13px !important;
	bottom: 13px !important;
	left: 0 !important;
	width: 4px !important;
	border-radius: 999px !important;
	background: linear-gradient(180deg, #247f91, #e6b9bd) !important;
}

.bl-label {
	display: block !important;
	margin-bottom: 8px !important;
	color: #247f91 !important;
	font-size: 9px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.35px !important;
	font-weight: 900 !important;
}

.bl-value {
	color: #3f4a4f !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	white-space: pre-line !important;
}

.bl-wide {
	grid-column: 1 / -1 !important;
}


/* ============================================================
   STECKBRIEF KARTEN
============================================================ */

.bl-text-card {
	padding: 18px 19px !important;
	border-radius: 15px !important;
	background: #fbfaf7 !important;
	border: 1px solid #e8e1db !important;
	color: #3f4a4f !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
	white-space: pre-line !important;
	box-shadow: 0 4px 12px rgba(90,78,70,.05) !important;
}

.bl-text-card + .bl-text-card {
	margin-top: 13px !important;
}

.bl-text-title {
	margin-bottom: 10px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 19px !important;
	color: #9f5d65 !important;
}


/* ============================================================
   INPLAYSZENEN
============================================================ */

.bl-scenes-box {
	padding: 18px !important;
	border-radius: 15px !important;
	background: #fbfaf7 !important;
	border: 1px solid #e8e1db !important;
	box-shadow: 0 4px 12px rgba(90,78,70,.05) !important;
}

.bl-scenes-box table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 8px !important;
}

.bl-scenes-box td,
.bl-scenes-box th {
	background: #ffffff !important;
	border: 1px solid #eee4de !important;
	padding: 10px !important;
	color: #3f4a4f !important;
}

.bl-scenes-box th {
	color: #247f91 !important;
	text-transform: uppercase !important;
	font-size: 10px !important;
	letter-spacing: 1.2px !important;
	font-weight: 900 !important;
}


/* ============================================================
   SIGNATUR
============================================================ */

.bl-profile-signature {
	width: min(1040px, 94%) !important;
	margin: 18px auto 0 auto !important;
	padding: 16px 18px !important;
	border-radius: 15px !important;
	background: #fff7f7 !important;
	border: 1px solid #ead2d5 !important;
	color: #705c5e !important;
	box-shadow: 0 4px 12px rgba(90,78,70,.05) !important;
}

.bl-profile-signature:empty {
	display: none !important;
}


/* ============================================================
   KLEINE ALT-KLASSEN, DAMIT NICHTS DAGEGENSCHIESST
============================================================ */

.lfam-profile-page {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.lfam-profile-grid,
.lfam-profile-scenes-card,
.lfam-profile-card {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}


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

@media (max-width: 900px) {
	.bl-profile-name {
		font-size: 46px !important;
	}
}

@media (max-width: 780px) {
	.bl-profile-main {
		grid-template-columns: 1fr !important;
	}

	.bl-profile-online {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		display: inline-flex !important;
		margin: 0 auto 14px auto !important;
		justify-content: center !important;
	}

	.bl-profile-header {
		padding: 24px 22px 28px 22px !important;
	}

	.bl-profile-name {
		font-size: 36px !important;
	}

	.bl-field-grid,
	.bl-stat-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 480px) {
	.bl-profile-wrap {
		width: 96% !important;
		margin-top: 20px !important;
	}

	.bl-profile-card {
		padding: 10px !important;
	}

	.bl-profile-nav {
		gap: 6px !important;
	}

	.bl-profile-nav label {
		padding: 9px 12px !important;
		font-size: 9px !important;
		letter-spacing: 1px !important;
	}

	.bl-profile-name {
		font-size: 31px !important;
	}

	.bl-profile-sub {
		font-size: 10px !important;
	}
}