/* Enhanced Filter System Styles */
:root {
            --c-bg-dark: #0A0E13;
            --c-panel: #1A242E;
            --c-panel-light: #121921;
            --c-accent-gold: #E6C97F;
            --c-accent-blue: #CEE5F2;
            --c-muted: #A0A6BC;
            --c-border: rgba(255,255,255,.08);  
            --ff-head: 'khand', sans-serif;
            --ff-body: 'sofia-sans', sans-serif;
            --radius-s: 6px;
            --radius-m: 10px;
            --radius-l: 15px;
            --shadow-card: 0 6px 14px rgba(0,0,0,.35);
        }
.wrestlers-template-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

.wrestlers-header {
	text-align: center;
	padding-top:0;
	margin-bottom: 60px;
	padding-bottom: 40px;
	border-radius: 20px;
	color: #e4dcd6;
}

.wrestlers-page-title {
    color: var(--c-accent-gold);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
	margin-top:0;
	font-family:'khand', sans-serif;
	font-weight:700;
	font-size:3.5rem;
}

.wrestlers-subtitle {
	 font: 1.2rem/1.4 var(--ff-body);
     color: var(--c-muted);
     max-width: 600px;
     margin: 0 auto;
}

.wrestlers-main-wrapper {
	display: block;
	max-width: 1400px;
	margin: 0 auto;
}

/* Enhanced Sidebar Styles */
.wrestlers-sidebar {
	position: sticky;
	top: 20px;
	z-index: 1000;
	max-height: calc(100vh - 40px); /* Viewport height minus top/bottom spacing */
	overflow-y: auto; /* Enable scrolling when content is too tall */
	overflow-x: hidden;
}

/* Custom scrollbar for sidebar */
.wrestlers-sidebar::-webkit-scrollbar {
	width: 6px;
}

.wrestlers-sidebar::-webkit-scrollbar-track {
	background: rgba(10, 14, 19, 0.3);
	border-radius: 3px;
}

.wrestlers-sidebar::-webkit-scrollbar-thumb {
	background: rgba(206, 229, 242, 0.3);
	border-radius: 3px;
	transition: background 0.2s ease;
}

.wrestlers-sidebar::-webkit-scrollbar-thumb:hover {
	background: rgba(206, 229, 242, 0.5);
}

.sidebar-content {
	backdrop-filter: blur(10px);
	border-radius: 16px;
	overflow: visible; /* Changed from hidden to visible */
	padding-bottom: 20px; /* Add some bottom padding */
}

.mobile-modal-header {
	display: none;
	justify-content: space-between;
	align-items: center;
	padding: 20px 24px;
	border-bottom: 1px solid rgba(160, 166, 188, 0.2);
	background: rgba(10, 14, 19, 0.8);
	position: sticky;
	top: 0;
	z-index: 10;
}

.mobile-modal-title {
	color: #CEE5F2;
	font-size: 1.15rem;
	font-weight: 500;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
    font-family:"sofia-sans", sans-serif;
}

.mobile-modal-close {
	background: none;
	border: none;
	color: #a0a6bc;
	font-size: 18px;
	cursor: pointer;
	padding: 8px;
	border-radius: 8px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
}

.mobile-modal-close:hover {
	background: rgba(160, 166, 188, 0.1);
	color: #e4dcd6;
}

.filters-container {
	padding: 24px;
	padding-top:0;
	padding-bottom: 30px; /* Ensure bottom filters are visible */
}

.mobile-clear-section {
	margin-bottom: 20px;
}

.mobile-clear-section .clear-all-btn {
	width: 100%;
	justify-content: center;
	font-size: 14px;
	padding: 12px 16px;
}

/* Hide desktop filter section header on mobile */
.filter-section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(160, 166, 188, 0.2);
}

/* Filter Section Header */
.filter-section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(160, 166, 188, 0.2);
}

.filter-section-title {
	color: #CEE5F2;
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.clear-all-btn {
	background: linear-gradient(135deg, #e5625e 0%, #d45651 100%);
	color: white;
	border: none;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	gap: 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.clear-all-btn:hover {
	background: linear-gradient(135deg, #d45651 0%, #c44944 100%);
	transform: translateY(-1px);
}

/* Filter Card Styles */
.filter-card {
	background: rgba(10, 14, 19, 0.6);
	border: 1px solid rgba(160, 166, 188, 0.2);
	border-radius: 12px;
	margin-bottom: 16px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.filter-card:hover {
	border-color: rgba(206, 229, 242, 0.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.filter-card-header {
	padding: 12px 16px;
	border-bottom: 1px solid rgba(160, 166, 188, 0.1);
	display: flex;
	align-items: center;
	gap: 8px;
	background: #0e151b;
}

.filter-card-icon {
	color: #CEE5F2;
	font-size: 14px;
	width: 16px;
	text-align: center;
}

.filter-card-title {
	color: var(--c-accent-blue);
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family:"sofia-sans", sans-serif;
}

.filter-card-content {
	padding: 16px;
	background:#121921;
}

/* Sort Card Special Styles */
.sort-card .filter-card-content {
	padding: 12px;
}

.sort-options {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.sort-option {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	border: 1px solid rgba(160, 166, 188, 0.2);
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
	background: #10171e;
	position: relative;
}

.sort-option:hover {
	border-color: rgba(206, 229, 242, 0.4);
	background: rgba(206, 229, 242, 0.05);
}

.sort-option.active {
	border-color: #CEE5F2;
	background: rgba(206, 229, 242, 0.1);
}

.sort-option input[type="radio"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.sort-option-content {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.sort-option-content i {
	color: #CEE5F2;
	font-size: 15px;
	width: 17px;
	text-align: center;
}

.sort-label {
	color: #e4dcd6;
	font-size: 14px;
	font-weight: 500;
    font-family:"sofia-sans", sans-serif;
}

/* Enhanced Select Styles */
.enhanced-select, .enhanced-select-small {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid rgba(160, 166, 188, 0.3);
	border-radius: 8px;
	background: #10171e;
	color: #e4dcd6;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e4dcd6%27%20stroke-width%3D%272%27%3E%3Cpolyline%20points%3D%276%2C9%2012%2C15%2018%2C9%27%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
	padding-right: 40px;
}

.enhanced-select-small {
	font-size: 12px;
	padding: 8px 12px;
	padding-right: 36px;
	background-size: 14px;
	background-position: right 8px center;
}

.enhanced-select:focus, .enhanced-select-small:focus {
	outline: none;
	border-color: #CEE5F2;
	box-shadow: 0 0 0 2px rgba(206, 229, 242, 0.2);
}

.enhanced-select:hover, .enhanced-select-small:hover {
	border-color: rgba(206, 229, 242, 0.5);
}

.promotion-type-selector {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(160, 166, 188, 0.1);
}

.filter-sublabel {
	display: block;
	font-size: 11px;
	color: #a0a6bc;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 6px;
}

/* Floating Filter Button (Sticky on Scroll) */
.floating-filter-button {
	position: fixed;
	right: -2px;
	top: 20%;
	transform: translateY(-50%);
	z-index: 9998;
	opacity: 1;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.floating-filter-trigger {
	background: #1a242e;
	border: 2px solid rgba(206, 229, 242, 0.3);
	border-radius: 10%;
	width: 48px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #CEE5F2;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.floating-filter-trigger:hover {
	transform: scale(1.05);
	background: #10161c;
    border-color: #E6C97F;
	color:#E6C97F;
}

.floating-filter-count {
	position: absolute;
	top: -4px;
	right: -1px;
	background: #E6C97F;
	color: #1a242e;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-family:'sofia-sans', sans-serif;
	font-weight: 700;
	border: 2px solid #0A0E13;
}

/* Sliding Filter Panel */
.filter-panel-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.filter-panel-backdrop.active {
	opacity: 1;
	visibility: visible;
}

.filter-panel {
	position: fixed;
	top: 0;
	right: 0;
	width: 400px;
	max-width: 90%;
	height: 100%;
	background: var(--c-panel, #1A242E);
	z-index: 9999;
	transform: translateX(100%);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: -4px 0 20px rgba(0, 0, 0, 0.5);
	display: flex;
	flex-direction: column;
}

.filter-panel.active {
	transform: translateX(0);
}

/* Mobile/Tablet Responsive for Filter Panel */
@media (max-width: 768px) {
	.filter-panel {
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.filter-panel-header h3 {
		font-size: 1.25rem;
	}

	.filter-panel-content {
		padding: 16px;
	}

	.filter-panel-section {
		margin-bottom: 20px;
	}
}

.filter-panel-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	border-bottom: 1px solid var(--c-border, rgba(255,255,255,.08));
	background: var(--c-bg-dark, #0A0E13);
}

.filter-panel-header h3 {
	margin: 0;
	font-family: var(--ff-head, 'khand', sans-serif);
	font-size: 1.5rem;
	color: var(--c-accent-gold, #E6C97F);
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.filter-panel-close {
	background: none;
	border: none;
	color: var(--c-accent-blue, #CEE5F2);
	font-size: 1.5rem;
	cursor: pointer;
	padding: 5px;
	transition: color 0.2s ease, transform 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
}

.filter-panel-close:hover {
	color: var(--c-accent-gold, #E6C97F);
	transform: rotate(90deg);
}

.filter-panel-content {
	flex: 1;
	overflow-y: auto;
	padding: 20px;
}

.filter-panel-section {
	margin-bottom: 24px;
}

.filter-panel-label {
	display: block;
	font-size: 12px;
	color: var(--c-muted, #A0A6BC);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 8px;
}

.filter-panel-select {
	width: 100%;
	padding: 12px 40px 12px 16px;
	background: var(--c-panel-light, #121921);
	border: 1px solid rgba(206 229 242 / 20%);
	border-radius: var(--radius-s, 6px);
	color: var(--c-accent-blue, #CEE5F2);
	font-family: var(--ff-body, 'sofia-sans', sans-serif);
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23E6C97F%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276,9 12,15 18,9%27%3e%3c/polyline%3e%3c/svg%3e');
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px;
}

.filter-panel-select:hover {
	border-color: var(--c-accent-blue, #CEE5F2);
}

.filter-panel-select:focus {
	outline: none;
	border-color: var(--c-accent-gold, #E6C97F);
	box-shadow: 0 0 0 3px rgba(230, 201, 127, 0.1);
}

.filter-panel .search-input-wrapper {
	position: relative;
	width: 100%;
}

.filter-panel .wrestler-search-input {
	width: 100%;
	padding: 12px 16px 12px 12px;
	background: var(--c-panel-light, #121921);
	border: 1px solid var(--c-border, rgba(255,255,255,.08));
	border-radius: var(--radius-s, 6px);
	color: var(--c-accent-blue, #CEE5F2);
	font-family: var(--ff-body, 'sofia-sans', sans-serif);
	font-size: 14px;
	transition: all 0.2s ease;
}

.filter-panel .wrestler-search-input:hover {
	border-color: var(--c-accent-blue, #CEE5F2);
}

.filter-panel .wrestler-search-input:focus {
	outline: none;
	border-color: var(--c-accent-gold, #E6C97F);
	box-shadow: 0 0 0 3px rgba(230, 201, 127, 0.1);
}

/* Mobile Filter Button */
.mobile-filter-container {
	display: none;
	margin-bottom: 20px;
}

.mobile-filter-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 16px 20px;
	background: linear-gradient(135deg, #1a242e 0%, #0A0E13 100%);
	border: 1px solid rgba(160, 166, 188, 0.3);
	border-radius: 12px;
	color: #e4dcd6;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
}

.mobile-filter-btn:hover {
	border-color: #CEE5F2;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.filter-icon {
	font-size: 16px;
	color: #CEE5F2;
}

.active-filter-indicator {
	position: absolute;
	top: 8px;
	right: 8px;
	background: #CEE5F2;
	color: #1a242e;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 700;
}

/* Enhanced Active Filters */
.active-filters-section {
	background: rgba(26, 36, 46, 0.6);
	border: 1px solid rgba(160, 166, 188, 0.2);
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 24px;
}

.active-filters-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.active-filters-title {
	color: #CEE5F2;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.clear-all-filters-btn {
	background: linear-gradient(135deg, #e5625e 0%, #d45651 100%);
	border: none;
	border-radius: 6px;
	padding: 6px 12px;
	color: white;
	font-size: 14px;
	font-weight: 500;
	font-family:'sofia-sans', sans-serif;
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	gap: 4px;
}

.clear-all-filters-btn:hover {
	background: linear-gradient(135deg, #d45651 0%, #c44944 100%);
	transform: translateY(-1px);
}

.active-filters-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;

}

.filter-tag {
	display: inline-flex;
	align-items: center;
	background: rgba(206, 229, 242, 0.1);
	border: 1px solid rgba(206, 229, 242, 0.3);
	border-radius: 6px;
	padding: 8px 8px 8px 12px;
	font-size: 13px;
	color: #e4dcd6;
	gap: 8px;
	transition: all 0.2s ease;

}

.filter-tag:hover {
	background: rgba(206, 229, 242, 0.15);
	border-color: rgba(206, 229, 242, 0.5);
}

.filter-tag i {
	color: #E9ECF2;
	font-size: 12px;
}

.filter-tag-label {
	font-weight: 500;
	color:#E9ECF2;
	font-size:15px
}

.remove-filter-btn {
	background: rgba(239, 68, 68, 0.8);
	border: none;
	border-radius: 0%;
	width: 18px;
	height: 18px;
	padding-top:1px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: 10px;
}

.remove-filter-btn:hover {
	background: rgba(239, 68, 68, 1);
	transform: scale(1.1);
}

/* Results Section */
.wrestlers-results-section {
	margin-bottom: 24px;
	text-align: right;
}

.results-info {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #a0a6bc;
	font-size: 16px;
	font-weight: 500;
	justify-content:right;
}

.results-info i {
	color: #CEE5F2;
	font-size: 14px;
}

/* Wrestlers Grid */
.wrestlers-grid {
	display: grid;
	gap: 24px;
	margin-bottom: 40px;
}

.wrestlers-cols-2 { grid-template-columns: repeat(2, 1fr); }
.wrestlers-cols-3 { grid-template-columns: repeat(4, 1fr); }
.wrestlers-cols-4 { grid-template-columns: repeat(4, 1fr); }
.wrestlers-cols-5 { grid-template-columns: repeat(5, 1fr); }

.wrestler-card {
	border-radius: 12px;
	transition: all 0.3s ease;
	background: #121921;
    border: 1px solid var(--c-border);
    position: relative;
	z-index: 1;
		overflow:hidden !important;
}

.wrestler-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 32px rgba(10, 14, 19, 0.6);
	border-color: #e6c97f;
}

.wrestler-content {
    padding: 20px;
	padding-bottom:10px;
    background: #121921;
    flex: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.all-wrestlers-wrestler-name {
	   font-size: 20px !important;
    font-weight: 500;
    color: #E9ECF2 !important;
    margin: 0;
    font-family: 'khand', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px !important;
    transition: color 0.3s ease;
}

.wrestler-status-pills {
	display: flex;
	gap: 4px;
	align-items: center;
	
}

.all-wrestlers-wrestler-status {
	font-size: 11px;
	font-weight: 600;
	padding: 3px 6px;
	border-radius: 8px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	flex-shrink: 0;
	white-space: nowrap;
}

/* Current champion text in content area */
.all-wrestlers-current-champion {
	font-size: 13.6px;
	color: #e6c97f;
	font-weight: 500;
}
.all-wrestlers-current-champion i {
	margin-right: 4px;
	font-size: 13px;
}

/* Manager Role Badge - positioned top right on image */
.manager-role-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0, 0, 0, 0.8);
	color: #818cf8;
	font-size: 10px;
	font-weight: 700;
	padding: 4px 8px;
	border-radius: 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(129, 140, 248, 0.3);
	z-index: 2;
}

.all-wrestlers-wrestler-stats {
	margin-top: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.all-wrestlers-real-name {
    font-size: 14px;
    font-weight: 400;
    color: #a0a6bc;
    margin-bottom: 4px;
}

.all-wrestlers-stats-block {
    margin-top: 3px;
    padding-top: 8px;
	margin-bottom:7px !important;
    border-top: 1px solid rgb(255 255 255 / 7%);
}

.all-wrestlers-physical {
    font-size: 13.6px;
    color: #E9ECF2;
    font-weight: 400;
    margin-bottom: 2px;
}

.physical-stats{
		margin-top: -8px !important;
	margin-bottom:10px !important;
	text-align:center;
}
.physical-stats .all-wrestlers-stat-item {
	font-size: 14.4px !important;
	color: #a0a6bc;
	font-weight: 500;

}

.career-titles {
	margin-top: 20px;
}

.career-titles .title-count {
	font-size: 14px;
	color: #e6c97f;
	font-weight: 500;
	padding: 3px 6px;
	background: rgba(230, 201, 127, 0.1);
	border-radius: 8px;
	display: inline-block;
	border: 1px solid rgba(230, 201, 127, 0.2);
}

.wrestler-card-link {
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #121921;
}

.wrestler-card:hover .all-wrestlers-wrestler-name {
	color: #e6c97f;
}

.wrestler-image {
	position: relative;
	height: 230px;
	overflow: hidden;
	background: radial-gradient(ellipse at center, #1A242E 0%, #0A0E13 70%);
}

.wrestler-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
	padding-top:5px;
	transition: transform 0.3s ease;
}

.wrestler-card:hover .wrestler-image img {
	transform: scale(1.05);
}

.wrestler-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(transparent, rgba(10, 14, 19, 0.4));
	pointer-events: none;
}

.wrestler-promotion {
	font-size: 13px;
	color: #e6c97f;
	font-weight: 600;
	margin-bottom: 6px;
	padding: 4px 8px;
	background: rgba(230, 201, 127, 0.1);
	border-radius: 10px;
	display: inline-block;
	border: 1px solid rgba(230, 201, 127, 0.3);
}

.wrestler-gimmick-name {
	margin-top: 5px;
	margin-bottom: 10px;
}

.gimmick-label {
	font-size: 15px;
	color: #CEE5F2;
	font-weight: 500;
	padding: 2px 6px;
	background: rgba(127, 201, 230, 0.1);
	border-radius: 6px;
	border: 1px solid rgba(230, 201, 127, 0.2);
	display: inline-block;
}

/* Status Colors */
.status-active {
	background: rgba(34, 197, 94, 0.2);
	color: #22c55e;
	border: 1px solid rgba(34, 197, 94, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
	
}

.status-inactive {
	background: rgba(156, 163, 175, 0.2);
	color: #9ca3af;
	border: 1px solid rgba(156, 163, 175, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-retired {
	background: rgba(239, 68, 68, 0.2);
	color: #ff8a8a;
	border: 1px solid rgba(239, 68, 68, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-part-time {
	background: rgba(255, 193, 7, 0.2);
	color: #ffb300;
	border: 1px solid rgba(255, 193, 7, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-legend {
	background: rgba(136, 82, 250, 0.2);
	color: #a57dff;
	border: 1px solid rgba(136, 82, 250, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-injured {
  background: rgba(234, 88, 12, 0.18);
  color: #EA580C;
  border: 1px solid rgba(234, 88, 12, 0.35);
  text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-deceased {
	background: rgba(148, 163, 184, 0.2);
	color: #94a3b8;
	border: 1px solid rgba(148, 163, 184, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}


.status-hof {
	background: rgba(255, 215, 0, 0.2);
	color: #ffd700;
	border: 1px solid rgba(255, 215, 0, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-hiatus {
	background: rgba(251, 146, 60, 0.2);
	color: #fb923c;
	border: 1px solid rgba(251, 146, 60, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-free-agent {
	background: rgba(34, 211, 238, 0.2);
	color: #22d3ee;
	border: 1px solid rgba(34, 211, 238, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-general-manager {
	background: rgba(96, 165, 250, 0.2);
	color: #60a5fa;
	border: 1px solid rgba(96, 165, 250, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-manager {
	background: rgba(129, 140, 248, 0.2);
	color: #818cf8;
	border: 1px solid rgba(129, 140, 248, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-commentator {
	background: rgba(132, 204, 22, 0.2);
	color: #84cc16;
	border: 1px solid rgba(132, 204, 22, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-trainer {
	background: rgba(245, 158, 11, 0.2);
	color: #f59e0b;
	border: 1px solid rgba(245, 158, 11, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}
.status-owner {
        background: rgba(5, 150, 105, 0.2);
        color: #5fe3b7;
        border: 1px solid rgba(5, 150, 105, 0.3);
	    text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
     }

.status-president {
	background: rgba(28, 28, 46, 0.8);
	color: #e7e7ea;
	border: 1px solid rgba(192, 192, 208, 0.35);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-producer,
.status-backstage-helper {
	background: rgba(100, 116, 139, 0.2);
	color: #94a3b8;
	border: 1px solid rgba(100, 116, 139, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-road-agent,
.status-Road-Agent {
	background: rgba(180, 130, 200, 0.15);
	color: #B482C8;
	border: 1px solid rgba(180, 130, 200, 0.35);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-tbd {
	background: rgba(107, 114, 128, 0.2);
	color: #9ca3af;
	border: 1px solid rgba(107, 114, 128, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.status-signed {
	background: rgba(45, 212, 191, 0.2);
	color: #2dd4bf;
	border: 1px solid rgba(45, 212, 191, 0.3);
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Status pills overlay - bottom left of image (HOF style) */
.wrestler-card-status-pills {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    z-index: 2;
}

/* Promotion pills overlay - bottom right of image */
.wrestler-card-promo-pills {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    z-index: 2;
	text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.5);
}

.wrestler-card-promo-pills .wrestler-promotion-pill,
.wrestler-card-promo-pills .wrestler-brand-pill {
    backdrop-filter: blur(4px);
    background: rgba(10, 14, 19, 0.7);
    border-color: rgba(230, 201, 127, 0.5);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.wrestler-card-promo-pills .wrestler-brand-pill.brand-raw {
    background: rgba(231, 76, 60, 0.5);
    border-color: #c0392b;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.wrestler-card-promo-pills .wrestler-brand-pill.brand-smackdown {
    background: rgba(52, 152, 219, 0.5);
    border-color: #2980b9;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.wrestler-card-promo-pills .wrestler-brand-pill.brand-nxt {
    background: rgba(60, 60, 60, 0.8);
    border-color: #cbcbcb;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.wrestler-card-promo-pills .wrestler-division-pill {
    backdrop-filter: blur(4px);
    background: rgba(10, 14, 19, 0.7);
    border-color: rgba(230, 201, 127, 0.5);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.wrestler-card-promo-pills .wrestler-division-pill.division-ajpw_heavyweight {
    background: rgba(212, 175, 55, 0.45);
    border-color: #b8860b;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.wrestler-card-promo-pills .wrestler-division-pill.division-ajpw_junior_heavyweight {
    background: rgba(120, 180, 200, 0.45);
    border-color: #4a90a4;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.wrestler-card-status-pills .all-wrestlers-wrestler-status {
    backdrop-filter: blur(4px);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Years active styling */
.all-wrestlers-years-active {
    font-size: 13.6px;
    color: #E9ECF2 !important;
    margin-bottom: 2px;
	text-align: left;
}

.all-wrestlers-career-titles {
    font-size: 13.6px;
    color:#E9ECF2;
    margin-bottom: 2px;
    text-align: left;
}

.all-wrestlers-career-titles .fa-crown {
    color: #e6c97f;
    margin-right: 4px;
}

/* Not yet rated fallback styling */
.all-wrestlers-not-rated {
    font-size: 12px;
    color: #a0a6bc;
    font-style: italic;
}

/* Make the image box clip everything cleanly */
.wrestler-image{
  border-radius: none;
  overflow: hidden;
  position: relative;
}

/* Hall of Fame: gold gradient overlay on the photo */
.wrestler-card:has(.status-hof) .wrestler-image::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        transparent 10%,
        #c0962c29 70%,
        rgba(214, 164, 35, 0.25) 100%
    );

}

.wrestler-card:has(.status-hof) .wrestler-image img {
    position: relative;
    z-index: 1;
    border-radius: var(--radius-m);
    border: 1px solid var(--c-border);
    filter: contrast(1.04) brightness(1.02) saturate(.98);
}

/* Keep your outer card hover */
.wrestler-card:has(.status-hof):hover{
  border-color:#ffd700;
  box-shadow:0 6px 22px rgba(255,215,0,.12);
}
.no-wrestlers {
	grid-column: 1 / -1;
	text-align: center;
	padding: 80px 20px;
	background: rgba(26, 36, 46, 0.6);
	border: 1px solid rgba(160, 166, 188, 0.2);
	border-radius: 16px;
}

.no-wrestlers-icon {
	font-size: 48px;
	color: #a0a6bc;
	margin-bottom: 16px;
}

.no-wrestlers h3 {
	font-size: 24px;
	color: #e4dcd6;
	margin: 0 0 12px 0;
	font-weight: 600;
}

.no-wrestlers p {
	font-size: 16px;
	color: #a0a6bc;
	margin: 0;
}

/* TABLET STYLES - 1024px and down */
@media (max-width: 1024px) {
	.wrestlers-template-container {
		padding: 0 16px;
	}

	.wrestlers-main-wrapper {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.mobile-filter-container {
		display: block;
	}

	/* Adjust floating filter button for tablet */
	.floating-filter-button {
		right: 10px;
		top: 50%;
	}

	.floating-filter-trigger {
		width: 52px;
		height: 52px;
		font-size: 22px;
	}


	.wrestlers-sidebar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		display: none;
	}

	.sidebar-backdrop {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		backdrop-filter: blur(4px);
	}

	.sidebar-content {
		position: relative;
		background: #1a242e;
		margin: 10px;
		border-radius: 16px;
        max-height: calc(100vh - 60px);
        height: calc(100vh - 60px);
        max-height: calc(100dvh - 40px);
        height: calc(100dvh - 40px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.wrestlers-sidebar.mobile-modal-open {
		display: block;
	}

	.wrestlers-sidebar.mobile-modal-open .mobile-modal-header {
		display: flex !important;
	}

	.wrestlers-sidebar.mobile-modal-open .filter-section-header {
		display: none !important;
	}

	.wrestlers-page-title {
		font-size: 3rem;
	}

	.wrestlers-grid {
		gap: 20px;
	}

	.wrestlers-cols-4, .wrestlers-cols-5 {
		grid-template-columns: repeat(3, 1fr);
	}

	.wrestler-image {
		height: 240px;
	}

	.wrestler-content {
		padding: 16px;
	}
    
    .filter-text{
        font-family: "sofia-sans", sans-serif;
        font-size:16px;
        font-weight:500;
    }
}

/* MOBILE LANDSCAPE - 768px and down */
@media (max-width: 768px) {
	.wrestlers-template-container {
		padding: 0 12px;
	}

	.wrestlers-subtitle {
		font-size: 16px;
	}

	.wrestlers-header {
		padding: 24px 16px;
		margin-bottom: 24px;
	}

	/* Adjust floating filter button for mobile */
	.floating-filter-button {
		right: -2px;
	}

	.floating-filter-trigger {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

	.floating-filter-count {
		width: 16px;
		height: 16px;
		font-size: 10px;
		top: -2px;
		right: -2px;
	}

	.sidebar-content {
		margin: 8px;
		/* FIXED: Better height calculation for landscape */
		max-height: calc(100dvh - 30px);
		height: calc(100dvh - 30px);
	}

	.wrestlers-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 16px;
	}

	.wrestler-image {
		height: 200px;
	}

	.all-wrestlers-wrestler-name {
		font-size: 1.3rem !important;
	}

	.wrestler-content {
		padding: 14px;
	}

	.active-filters-tags {
		gap: 8px;
	}

	.filter-tag {
		font-size: 11px;
		padding: 6px 6px 6px 10px;
	}
	.all-wrestlers-stats-block {
    margin-top: 8px;
    padding-top: 8px;
		padding-bottom:5px;
    border-top: 1px solid rgb(255 255 255 / 7%);
}
}

/* MOBILE PORTRAIT - 480px and down */
@media (max-width: 480px) {
	.wrestlers-template-container {
		padding: 0 8px;
	}

	.wrestlers-page-title {
     color: #E6C97F;
    font-family: "khand", sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 1rem;
	}

	.wrestlers-subtitle {
		font-size: 16px;
	}

	.wrestlers-header {
		padding: 20px 12px;
		margin-bottom: 20px;
	}

	.wrestlers-grid {
		grid-template-columns: 1fr !important;
		gap: 20px;
		margin-bottom: 30px;
	}

	.wrestler-image {
		height: 240px;
	}

	.all-wrestlers-wrestler-name {
		font-size: 1.3rem !important;
		margin-top:5px
	}

	.wrestler-content {
		padding: 12px;
	}

	.all-wrestlers-wrestler-status {
		font-size: 11px;
		padding: 3px 6px;
	}

	.wrestler-promotion {
		font-size: 12px;
		padding: 3px 6px;
	}

	.no-wrestlers {
		padding: 40px 16px;
	}

	.no-wrestlers-icon {
		font-size: 36px;
	}

	.no-wrestlers h3 {
		font-size: 20px;
	}

	.no-wrestlers p {
		font-size: 14px;
	}

	.active-filters-section {
		padding: 16px;
	}

	.active-filters-tags {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.filter-tag {
		font-size: 13px;
	}

	.filters-container {
		padding: 20px;
		/* FIXED: Add bottom padding to ensure last items are accessible */
		padding-bottom: 40px;
	}

	.filter-card {
		margin-bottom: 12px;
	}

	.filter-card-content {
		padding: 12px;
	}
	
	.sidebar-content {
		/* FIXED: Better spacing and height for small screens */
		margin: 5px;
		border-radius: 16px;
		max-height: calc(100dvh - 20px);
		height: calc(100dvh - 20px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.all-wrestlers-career-titles i{
    font-size: 14px;
}
	.all-wrestlers-career-titles {
    font-size: 15px;
    color:#E9ECF2;
    margin-bottom: 0px;
    text-align: left;
}
	.all-wrestlers-current-champion {
	font-size: 15px;
	color: #e6c97f;
	font-weight: 500;
}
}

/* VERY SMALL SCREENS - 360px and down */
@media (max-width: 360px) {
	.wrestlers-page-title {
		font-size: 1.75rem;
	}

	.all-wrestlers-wrestler-name {
		font-size: 1.2rem !important;
	}

	.wrestler-image {
		height: 220px;
	}

	.wrestler-content {
		padding: 10px;
	}
	.filters-container {
		padding-bottom: 60px;
	}
}


/* Enhanced Load More Button */
.load-more-btn {
  margin: 40px auto;
  display: block;
  padding: 8px 16px;
  font-size: 14px;
  font-family: "sofia-sans", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: #1a242e;
  color: #e4dcd6;
  border: 1px solid rgba(160, 166, 188, 0.3);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  user-select: none;
  -webkit-user-select: none;
}

/* Hover state with your accent colors */
.load-more-btn:hover {
  background: #CEE5F2;
  color: #1a242e;
  border-color: #b6c9d5;
  transform: translateY(-2px);

}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .load-more-btn {
    margin: 30px auto;
    padding: 14px 28px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .load-more-btn {
    margin: 24px auto;
    padding: 12px 24px;
    font-size: 14px;
    width: calc(100% - 40px);
    max-width: 280px;
  }
}



/*.load-more-btn{
  margin:30px auto; display:block; padding:8px 16px;
  font-size:16px; font-family:"sofia-sans",sans-serif; background:#CEE5F2; color:#1a242e;
  border:none; border-radius:10px; cursor:pointer; font-weight:600;
}
.load-more-btn:hover{ background:#1A242E; color:#CEE5F2;}*/

/* ===============================================
   IMPROVED FILTER SYSTEM STYLES
   =============================================== */

/* ===============================================
   ENHANCED WRESTLERS FILTER STYLING
   =============================================== */

/* Wrestlers Filter Group */
.wrestlers-filter-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 160px;
	
}

.wrestlers-filter-group label {
    display: block;
    font-size: 0.9rem;
    color: var(--c-muted);
    margin-bottom: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wrestlers-filter-label {
     font-size: 14px;
    font-weight: 500;
	margin-left:5px;
    color: var(--c-accent-blue) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: var(--ff-body);
}

/* Enhanced Wrestlers Filter Select */
.wrestlers-filter-select {
    width: 100%;
    padding: 10px 16px;
    padding-right: 40px; /* Space for custom arrow */
    background: rgba(10, 14, 19, 0.8);
    border: 1px solid rgb(206 229 242 / 13%);
    border-radius: var(--radius-s);
    color: #E9ECF2;
	min-width:200px;
    font-size: 15px !important;
    transition: all 0.3s ease;
    font-family: 'sofia-sans', sans-serif;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	min-height:none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6C97F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

.wrestlers-filter-select:hover,
.wrestlers-filter-select:focus {
    border-color: var(--c-accent-gold);
    outline: none;
}

.wrestlers-filter-select option {
    background: var(--c-panel);
    color: #E9ECF2;
    padding: 8px;
}

.wrestlers-filter-select optgroup {
    background: var(--c-panel-light);
    color: var(--c-accent-gold);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px;
}

/* Mobile Responsive Enhancements for Wrestlers Filters */
@media (max-width: 768px) {
    .wrestlers-filter-group {
        width: 100%;
    }
    
    .wrestlers-filter-select {
        padding: 10px 16px;
        padding-right: 50px;
        font-size: 15px !important;
        background-size: 18px;
        background-position: right 16px center;
    }
}

@media (max-width: 480px) {
    .wrestlers-filter-select {
        padding: 8px 10px !important;
        padding-right: 55px;
        font-size: 15px !important;
        background-size: 18px;
        background-position: right 18px center;
        min-height: 44px;
        border-radius: 6px;
    }
}

/* Hide old sidebar on desktop */
.wrestlers-sidebar {
    display: none !important;
}

/* New horizontal filter bar */
.wrestlers-filters-bar {
    background: #121920;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-m);
    margin-bottom: 30px;
    padding: 24px;
    backdrop-filter: blur(10px);
}

.filters-main-container {
    max-width: 100%;
}

/* Search Section */
.search-section {
    margin-bottom: 40px;
}

/* Role Toggle Tabs */
.role-toggles-section {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.role-toggles {
    display: flex;
    gap: 0;
    background: rgba(10, 14, 19, 0.8);
    border-radius: var(--radius-s);
    border: 1px solid rgba(206, 229, 242, 0.1);
    max-width: 400px;
    overflow: hidden;
    position: relative;
}

.role-toggle-btn {
    flex: 1;
    padding: 12px 24px;
    background: none;
    border: none;
    color: var(--c-muted);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'sofia-sans', sans-serif;
    letter-spacing: 0.3px;
    position: relative;
    z-index: 1;
}

.role-toggle-btn:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: rgba(206, 229, 242, 0.1);
}

.role-toggle-btn:hover:not(.active) {
    background: rgba(206, 229, 242, 0.05);
    color: var(--c-text-light);
}

.role-toggle-btn.active {
    background: linear-gradient(135deg, #CEE5F2 0%, #B8D8EA 100%);
    color: var(--c-bg-dark);
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(206, 229, 242, 0.2);
}

.role-toggle-btn.active::after {
    display: none;
}

/* Mobile responsive for role toggles */
@media (max-width: 767px) {
    .role-toggles {
        max-width: 100%;
    }

    .role-toggle-btn {
        padding: 10px 16px;
        font-size: 13px;
    }
}

.search-input-wrapper {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}

/* Generic class kept for potential other uses, but with reduced padding */

.wrestler-search-input {
    width: 100%;
  
    background: rgba(10, 14, 19, 0.8);
    border: 1px solid rgba(206, 229, 242, 0.2);
    border-radius: var(--radius-s);
    color: var(--c-accent-blue);
    font-size: 16px;
    font-family: var(--ff-body);
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Specific targeting for wrestlers template search input */
.wrestlers-template-container #wrestler-search {
    width: 100%;
    padding: 12px 30px 12px 12px;
    background: rgba(10, 14, 19, 0.8);
    border: 1px solid rgba(206, 229, 242, 0.2);
    border-radius: var(--radius-s);
    color: #E9ECF2;
    font-size: 16px;
    font-family: var(--ff-body);
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Focus styles for both generic and specific wrestler search inputs */
.wrestler-search-input:focus,
.wrestlers-template-container #wrestler-search:focus {
    outline: none;
    border-color: var(--c-accent-gold);
    box-shadow: 0 0 0 3px rgba(230, 201, 127, 0.1);
    background: rgba(10, 14, 19, 0.95);
}

/* Placeholder styles for both generic and specific wrestler search inputs */
.wrestler-search-input::placeholder,
.wrestlers-template-container #wrestler-search::placeholder {
    color: var(--c-muted);
}

/* Search Submit Buttons */
.all-wrestlers-search-submit-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px 16px;
    background: var(--c-accent-gold);
    border: none;
    border-radius: var(--radius-s);
    color: var(--c-bg-dark);
    font-size: 14px;
    font-family: var(--ff-body);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.all-wrestlers-search-submit-btn:hover {
    background: #d4b56d;
    transform: translateY(-50%) scale(1.02);
}

.all-wrestlers-search-submit-btn i {
    font-size: 13px;
}

.all-wrestlers-search-submit-btn span {
    display: inline;
}

/* Clear search button - positioned left of search button */
.clear-search-btn {
    position: absolute;
    right: 100px; /* Left of search submit button */
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--c-muted);
    cursor: pointer;
    padding: 6px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

/* Specific positioning for wrestlers template clear button */
.wrestlers-template-container .clear-search-btn {
    right: 100px;
}

.wrestlers-template-container .clear-search-btn:hover {
    color: var(--c-accent-blue);
}

/* Panel Search Submit Button */
.all-wrestlers-panel-search-submit-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px 12px;
    background: var(--c-accent-gold);
    border: none;
    border-radius: var(--radius-s);
    color: var(--c-bg-dark);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-wrestlers-panel-search-submit-btn:hover {
    background: #d4b56d;
    transform: translateY(-50%) scale(1.05);
}

.all-wrestlers-panel-search-submit-btn i {
    font-size: 14px;
}

/* Adjust search input padding to accommodate both buttons */
.wrestlers-template-container #wrestler-search {
    padding-right: 140px; /* Space for clear + submit buttons */
}

.filter-panel .wrestler-search-input {
    padding-right: 50px; /* Space for submit button */
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .all-wrestlers-search-submit-btn span {
        display: none; /* Hide text on mobile, show only icon */
    }

    .all-wrestlers-search-submit-btn {
        right: 5px;
        padding: 8px 12px;
    }

    .clear-search-btn,
    .wrestlers-template-container .clear-search-btn {
        right: 50px; /* Adjust for mobile - left of icon-only button */
    }

    .wrestlers-template-container #wrestler-search {
        padding-right: 95px; /* Adjust for mobile button sizes */
    }
}

/* Primary Filters Row */
.primary-filters-row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: flex-end;
	justify-content:center;
    margin-bottom: 16px;
}

.filter-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: px;
}

.filter-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--c-accent-blue);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Status Toggle Buttons */
.status-toggles {
    flex: 1;
    max-width: 600px;
}

.toggle-buttons {
    display: flex;
    background: #1A242E;
    border-radius: var(--radius-s);
    overflow: hidden;
    border: 1px solid rgb(206 229 242 / 13%);
}

.toggle-btn {
    flex: 1;
    padding: 10px 16px;
    background: #172029;
    border: none;
    color: #E9ECF2;
    font-size: 15px;
    font-weight: 500 !important;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
	font-family:'sofia-sans', san serif;
	text-wrap:nowrap;
}

.toggle-btn:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    height: 90%;
    width: 1px;
    background: rgb(101 161 195 / 10%);
}

.toggle-btn:hover {
    background: rgba(206, 229, 242, 0.05);
    color: var(--c-accent-blue);
}

.toggle-btn.active {
    background: var(--c-accent-gold);
    color: var(--c-bg-dark);
    font-weight: 500;
}

/* Filter Selects */
.filter-select {
    padding: 10px 35px 10px 12px; /* Increased right padding from 12px to 35px for dropdown arrow space */
    background: rgba(10, 14, 19, 0.8);
    border: 1px solid rgba(206, 229, 242, 0.2);
    border-radius: var(--radius-s);
    color: var(--c-accent-blue);
    font-size: 15px;
    font-family: var(--ff-body);
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 160px;
    appearance: none; /* Remove default browser styling to prevent double arrows */
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path fill="%23CEE5F2" d="M6 8L0 2h12z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center; /* Position custom arrow 12px from right edge */
    background-size: 12px 8px;
	font-family: 'sofia-sans', sans-serif;
}

.filter-select:focus {
    outline: none;
    border-color: var(--c-accent-gold);
    background: rgba(10, 14, 19, 0.95);
}

.filter-select option {
    background: var(--c-panel);
    color: var(--c-accent-blue);
    padding: 8px;
}

.filter-select optgroup {
    background: var(--c-panel-light);
    color: var(--c-accent-gold);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px;
}

/* Advanced Filters Section */
.advanced-filters-section {
    border-top: 1px solid rgba(206, 229, 242, 0.1);
    padding-top: 16px;
}

.show-advanced-btn {
    background: none;
    border: none;
    color: var(--c-muted);
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    transition: all 0.2s ease;
}

.show-advanced-btn:hover {
    color: var(--c-accent-blue);
}

.show-advanced-btn.expanded i {
    transform: rotate(180deg);
}

.advanced-filters-content {
    padding-top: 16px;
    animation: slideDown 0.3s ease;
}


.advanced-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 16px;
}

.advanced-filter-row.secondary {
    margin-bottom: 0;
}

.clear-all-section {
    margin-bottom: 16px;
}

/* Content Layout Adjustments */
.wrestlers-content {
    width: 100%;
}

/* Mobile Responsiveness for New Filters */
@media (max-width: 768px) {
    .wrestlers-filters-bar {
        display: none;
        padding: 16px;
        margin: 0 0px 20px;
    }

    .wrestlers-filters-bar.is-open {
        display: block;
        animation: slideDown 0.3s ease-out;
    }

    .mobile-filter-btn.is-active {
        background: linear-gradient(135deg, #243242 0%, #1a242e 100%);
        border-color: #CEE5F2;
    }

    .mobile-filter-btn.is-active .filter-icon {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
    }

    .filter-icon {
        transition: transform 0.3s ease;
    }
    
    .search-input-wrapper {
        max-width: 100%;
    }
    
    .wrestler-search-input {
        font-size: 16px; /* Prevent zoom on iOS */
    }
    
    .primary-filters-row {
        flex-direction: column;
        gap: 16px;
        align-items: stretch;
    }
    
    .status-toggles {
        max-width: none;
    }
    
    .toggle-buttons {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    
    .toggle-btn {
        padding: 12px 8px;
        font-size: 15px;
    }
    
    .advanced-filter-row {
        flex-direction: column;
        gap: 16px;
    }
    
    .filter-select {
        min-width: 100%;
    }
    
    .wrestlers-main-wrapper {
        padding: 0 0px;
    }
}

@media (max-width: 480px) {
    .toggle-buttons {
        grid-template-columns: repeat(2, 1fr);
        gap: 1px;
    }
    
    .toggle-btn {
        padding: 10px 6px;
        font-size: 15px;
    }
}

/* Animation */
@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 300px;
    }
}

/* ===============================================
   PROMOTION ROSTER SECTIONED VIEW
   =============================================== */

/* Promotion Header */
.promotion-roster-view {
    margin-top: 20px;
}

.promotion-header {
    text-align: center;
    margin-bottom: 32px;
}

h2.promotion-title {
    font: clamp(2rem, 5vw, 3rem)/1 var(--ff-head);
    color: var(--c-accent-gold);
    text-transform: uppercase;
    letter-spacing: 0.5px !important;
    margin: 0 0 24px 0;
}

/* Roster Tabs - Styled like toggle buttons */
.roster-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
    background: rgba(10, 14, 19, 0.8);
    border-radius: var(--radius-s);
    overflow: hidden;
    border: 1px solid rgba(206, 229, 242, 0.1);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.roster-tab-btn {
    flex: 1;
    padding: 10px 16px;
    background: none;
    border: none;
    color: var(--c-muted);
    font-size: 16px !important;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    font-family: 'sofia-sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.roster-tab-btn:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: rgba(206, 229, 242, 0.1);
}

.roster-tab-btn:hover {
    background: rgba(206, 229, 242, 0.05);
    color: var(--c-accent-blue);
}

.roster-tab-btn.active {
    background: var(--c-accent-gold);
    color: var(--c-bg-dark);
    font-weight: 500;
}

.roster-count {
    font-size: 13px !important;
    opacity: 0.8;
    font-weight: 400;
}

.roster-tab-btn.active .roster-count {
    opacity: 1;
}

/* Brand Filter Chips */
.brand-filter-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    flex-wrap: wrap;
	margin-bottom:8px;
}

.brand-filter-label {
    font-weight: 500;
    font-size: 15px;
    color: #A0A6BC;
	text-transform:uppercase;
}

.brand-filter-chip {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: #ccc;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: all 0.2s;
    cursor: pointer;
}

.brand-filter-chip:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.brand-filter-chip.active {
    background: var(--accent-color, #e2b616);
    color: #000;
    border-color: var(--accent-color, #e2b616);
}

/* Tab Panels */
.roster-tab-content {
    min-height: 400px;
}

.roster-tab-panel {
    display: none;
    animation: fadeIn 0.3s ease;
}

.roster-tab-panel.active {
    display: block;
}

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

/* Section Headers for Non-Tab View */
.wrestlers-section {
    margin-bottom: 48px;
    position: relative;
}

.section-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--c-accent-gold);
}

.section-title {
    font: 1.75rem/1 var(--ff-head);
    color: var(--c-accent-gold);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-count {
    font-size: 1rem;
    color: var(--c-muted);
    font-weight: 400;
}

/* Alumni Card Styling */
.alumni-card {
    position: relative;
    opacity: 0.92;
    transition: opacity 0.3s ease;
}

.alumni-card:hover {
    opacity: 1;
}

.alumni-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: linear-gradient(135deg, rgba(160, 166, 188, 0.95) 0%, rgba(107, 114, 128, 0.95) 100%);
    color: white;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Alumni Section Background */
.alumni-roster .wrestlers-grid {
    position: relative;
    padding: 20px;
    background: linear-gradient(135deg, rgba(10, 14, 19, 0.3) 0%, rgba(18, 25, 33, 0.4) 100%);
    border-radius: var(--radius-l);
    border: 1px solid rgba(160, 166, 188, 0.1);
}

/* All Time Section */
.all-time-roster .wrestlers-grid {
    padding: 20px;
    background: rgba(26, 36, 46, 0.2);
    border-radius: var(--radius-l);
    border: 1px solid var(--c-border);
}

/* Mobile Responsive Updates for Tabs */
@media (max-width: 768px) {
    .roster-tabs {
        flex-direction: column;
        margin: 0 20px 32px 20px;
    }
    
    .roster-tab-btn {
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .roster-tab-btn:not(:last-child)::after {
        display: none;
    }
    
    .promotion-title {
        font-size: 2rem;
    }
    
    .alumni-roster .wrestlers-grid,
    .all-time-roster .wrestlers-grid {
        padding: 12px;
    }
    
    .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .roster-tabs {
        margin: 0 10px 20px 10px;
    }
    
    .roster-tab-btn {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    .roster-count {
        font-size: 11px;
    }
    
    .promotion-title {
        font-size: 1.55rem !important;
        margin-bottom: 16px;
    }
    
    .alumni-badge {
        font-size: 9px;
        padding: 3px 6px;
    }
}

/* ==========================================================================
   WRESTLER PROMOTION AND BRAND PILLS
   ========================================================================== */

/* Physical Stats - legacy (kept for backwards compat) */
.physical-stats {
    margin-top: 6px;
    margin-bottom: 6px;
}

.physical-stats .all-wrestlers-stat-item {
    font-size: 13px;
    color: #a0a6bc;
    font-weight: 400;
}

/* Wrestler Pills Container - legacy (pills now on image) */
.wrestler-pills-container {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 0px;
    margin-bottom: 14px;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

/* Promotion Pill - matches title-belts.css promotion styling */
.wrestler-promotion-pill {
    font-size: 12px;
    color: #e6c97f;
    font-weight: 500;
    padding: 2px 6px;
	padding-top:2px;
	padding-bottom:1px;
    background: rgba(230, 201, 127, 0.1);
    border-radius: 5px;
    border: 1px solid rgb(230 201 127 / 72%);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    font-family: var(--ff-body);
}

/* WWE Brand Pills - exact styling from title-belts.css */
.wrestler-brand-pill {
    font-size: 12px;
    font-weight: 500;
    padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:1px;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid transparent;
    font-family: var(--ff-body);
}

/* RAW Brand - Red */
.wrestler-brand-pill.brand-raw {
    background: rgba(231, 76, 60, 0.3);
    color: white;
    border-color: #c0392b;
    
}

/* SmackDown Brand - Blue */
.wrestler-brand-pill.brand-smackdown {
    background: rgba(52, 152, 219, 0.3);
    color: white;
    border-color: #2980b9;
   
}

/* NXT Brand - Dark with Grey Text */
.wrestler-brand-pill.brand-nxt {
    background: rgb(60 60 60 / 80%);
    color: #cbcbcb;
    border-color: #cbcbcb;
    box-shadow: 0 2px 4px rgba(44, 44, 44, 0.4);
}

/* Division Pills (AJPW etc.) — same shape as brand pills, distinct colors */
.wrestler-division-pill {
    font-size: 12px;
    font-weight: 500;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-radius: 5px;
    display: inline-block;
    letter-spacing: 0.5px;
    border: 1px solid transparent;
    font-family: var(--ff-body);
}

/* AJPW Heavyweight — Gold */
.wrestler-division-pill.division-ajpw_heavyweight {
    background: rgba(212, 175, 55, 0.3);
    color: white;
    border-color: #b8860b;
}

/* AJPW Junior Heavyweight — Teal/Silver */
.wrestler-division-pill.division-ajpw_junior_heavyweight {
    background: rgba(120, 180, 200, 0.3);
    color: white;
    border-color: #4a90a4;
}

/* Responsive Design for Pills */
@media (max-width: 768px) {
    .wrestler-pills-container {
        margin-top: 6px;
        gap: 3px;
    }
    
    .wrestler-promotion-pill {
        font-size: 11px !important;
        padding: 2px 6px;
		
    }
    
    .wrestler-brand-pill,
    .wrestler-division-pill {
        font-size: 11px !important;
        padding: 2px 6px;
    }
		.all-wrestlers-years-active {
    font-size: 15px;
    color: #E9ECF2;
    margin-bottom: 4px;
	text-align: left;
}
	.physical-stats .all-wrestlers-stat-item {
    font-size: 15px !important;
    color: #a0a6bc;
    font-weight: 400;
}

	.physical-stats {
		margin-top:-5px !important;
    margin-bottom: 0px !important;
}
	.wrestler-pills-container {
        margin-top: 6px;
		margin-bottom:6px !important;
        gap: 5px;
    }

  
 
}

@media (max-width: 480px) {
    .wrestler-pills-container {
        margin-top: 4px;
		margin-bottom:10px !important;
        gap: 5px;
    }
    
    .wrestler-promotion-pill {
        font-size: 14px !important;
        padding: 2px 6px;
    }
    
    .wrestler-brand-pill,
    .wrestler-division-pill {
        font-size: 14px !important;
        padding-top: 2px !important;
		padding-bottom:1px !important;
		padding-left:6px;
		padding-right:6px;

    }
	.physical-stats{
		margin-top: -5px !important;
	margin-bottom:5px !important;
	text-align: left;
}
.physical-stats .all-wrestlers-stat-item {
	font-size: 15px !important;
	color: #E9ECF2;
	font-weight: 500;
}
	.all-wrestlers-years-active {
    font-size: 15px;
    color: #E9ECF2;
    margin-bottom: 4px;
	text-align: left;
}
    .all-wrestlers-real-name {
        font-size: 15px;
    }
    .all-wrestlers-physical {
        font-size: 15px;
    }
}

/* ==========================================================================
   WRESTLER FOOTER STATS - CAREER TITLES + COMMUNITY STATS
   ========================================================================== */

.wrestler-stats-footer {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: auto;
    padding-top: 6px;
	border-top: 1px solid rgb(255 255 255 / 7%);
}


/* Career titles stat - positioned before community stats widget */
.career-titles-stat {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #CEE5F2;
    opacity: 0.7;
    transition: opacity 0.2s ease;
    cursor: help;
    font-size: 14px;
    margin-right: 16px; 
}

.career-titles-stat:hover {
    opacity: 1;
}

.career-titles-stat .fa-crown {
    color: #CEE5F2 !important;
    font-size: 12px;
    opacity: 0.8;
	margin-top:4px;
    flex-shrink: 0;
}

.career-titles-stat .wrestler-career-titles-value {
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 1.1;
    margin-left: 1px;
    color: #CEE5F2;
	margin-top:2px
}

/* Community stats widget in footer - let it keep its original spacing */
.wrestler-stats-footer .wrestling-community-stats-widget {
    border-top: none; /* Remove duplicate border */
    padding-top: 0;
    margin-top: 0;
}
.wc-value{
		font-size:13px !important;
		margin-top:0px !important;
	text-align:left;
	align-content: flex-start !important;
	}
 .wc-stat-item, .career-titles-stat{
		align-items: flex-start !important;
	}
 .wc-stat-item i {
	 margin-top:2px;
	 font-size:11px;
 }
	

/* Responsive adjustments */
@media (max-width: 768px) {
    .wrestler-stats-footer {
        margin-top: 0px !important;
        padding-top: 6px;
        gap: 4px;
        display: flex;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
	.career-titles-stat { 
		margin-right:0px;
	}
    .wc-stat-item, .career-titles-stat{
		align-items: flex-start !important;
	}
   
    .career-titles-stat .fa-crown {
        font-size: 13px;
		margin-top:5px
    }
  
    .career-titles-stat .wrestler-career-titles-value {
		margin-top: 4px;
        font-size: 14px !important;
		width:100% !important;
    }
	.wc-value{
		font-size:14px !important;
		margin-top:0px !important;
	}
	.wrestler-stats-footer .wrestling-community-stats-widget{
		display:flex;
	
	}
	.wrestler-pills-container{
		margin-bottom:5px
	}
}

/* ==========================================================================
   LIVE SEARCH DROPDOWN STYLES
   ========================================================================== */

.wrestler-find__results {
    background: #0F151C;
    border: 1px solid rgba(255,255,255,.08);
    border-top: none;
    border-radius: 0 0 var(--radius-s) var(--radius-s);
    max-height: 320px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.wrestler-find__item {
    display: block;
    align-items: center;
    padding: .55rem .9rem;
    border-bottom: 1px solid rgba(255,255,255,.03);
    font: 500 14px/1.2 'sofia-sans', sans-serif;
    color: #E9ECF2;
    cursor: pointer;
    transition: background .15s, color .15s;
}

.wrestler-find__item:last-child {
    border-bottom: none;
}

.wrestler-find__item:hover,
.wrestler-find__item.is-active {
    background: #1B2632;
    color: #E6C97F;
}

.wrestler-find__mark {
    background: transparent;
    color: #E6C97F;
    font-weight: 600;
}

.wrestler-find__empty {
    padding: .7rem .9rem;
    color: #A0A6BC;
    font: 500 13px/1 'sofia-sans', sans-serif;
}

/* Scrollbar styling for search results */
.wrestler-find__results::-webkit-scrollbar {
    width: 6px;
}

.wrestler-find__results::-webkit-scrollbar-track {
    background: rgba(10, 14, 19, 0.3);
    border-radius: 3px;
}

.wrestler-find__results::-webkit-scrollbar-thumb {
    background: rgba(206, 229, 242, 0.3);
    border-radius: 3px;
}

.wrestler-find__results::-webkit-scrollbar-thumb:hover {
    background: rgba(206, 229, 242, 0.5);
}

/* Mobile responsive for search dropdown */
@media (max-width: 768px) {
    .wrestler-find__results {
        max-height: 260px;
    }

    .wrestler-find__item {
        padding: .65rem 1rem;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .wrestler-find__results {
        max-height: 220px;
    }

    .wrestler-find__item {
        padding: .6rem .8rem;
        font-size: 14px;
    }

}