/****************************************************/
/* THEME – EPIN NOKTA WALLET (DARK UI)
/****************************************************/
:root {
	--wal-color-primary: #6d4eec;
	--wal-color-primary-soft: rgba(109, 78, 236, 0.16);
	--wal-color-secondary: #ebe6ff;
	--wal-color-bg: #242424;
	--wal-color-surface: #333333;
	--wal-color-surface-soft: #2a2a2a;
	--wal-color-border: #3f3f3f;
	--wal-color-text: #ffffff;
	--wal-color-muted: #bababa;
	--wal-radius-lg: 10px;
	--wal-radius-md: 8px;
	--wal-radius-sm: 4px;
	--wal-shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.35);
	--wal-transition-fast: 0.18s ease-out;
}

/****************************************************/
/* Utility
/****************************************************/
.wal-hide { display: none; }
.wal-show { display: block; }

.wal-credit-amount{
	color: #3dd68c; /* Pozitif bakiye – gaming yeşili */
	font-weight: 600;
}

.wal-debit-amount{
	color: #ff6b6b;
	font-weight: 600;
}

/* Chrome, Safari, Edge, Opera */
.wal-number-field::-webkit-outer-spin-button,
.wal-number-field::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.wal-topup-form-actions .wal-number-field::-webkit-outer-spin-button,
.wal-topup-form-actions .wal-number-field::-webkit-inner-spin-button {
	-webkit-appearance: button !important;
}

/* Firefox */
.wal-number-field {
	-moz-appearance: textfield !important;
}

.wal-topup-form-actions .wal-number-field{
	-moz-appearance: none !important;
}

/****************************************************/
/* My Account – Wallet Balance
/****************************************************/
.wal-myaccount-wallet-details-wrapper {
	float: left;
	display: block;
	width: 100%;
}

.wal-myaccount-wallet-details-wrapper .wal-myaccount-wallet-details-content {
	float: left;
	display: block;
	width: 100%;
	background: var(--wal-color-surface);
	border-radius: var(--wal-radius-lg);
	padding: 20px 22px;
	box-shadow: var(--wal-shadow-soft);
	box-sizing: border-box;
}

.wal-myaccount-wallet-details-content h2 {
	color: var(--wal-color-text);
	font-size: 1.7rem !important;
	font-weight: 600;
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 16px;
}

.wal-myaccount-wallet-details-content h2 label {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--wal-color-primary-soft);
	color: var(--wal-color-secondary);
	font-size: 0.8rem;
	letter-spacing: .02em;
	text-transform: uppercase;
}

table.wal-myaccount-wallet-details-table {
	float: left;
	margin-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
	border-radius: var(--wal-radius-md);
	overflow: hidden;
	background: var(--wal-color-surface-soft);
}

table.wal-myaccount-wallet-details-table tr:nth-child(even){
	background: #2a2a2a !important;
}

table.wal-myaccount-wallet-details-table tr td {
	padding: 10px 14px;
	border: none;
	text-align: left;
	color: var(--wal-color-text);
	font-size: 0.95rem;
}

table.wal-myaccount-wallet-details-table tr td:first-child {
	width: 50%;
	color: var(--wal-color-muted);
	background: #292929 !important;
	font-weight: 500;
}

.wal-myaccount-wallet-details-wrapper p.wal-myaccount-wallet-dashboard-view-link {
	color: var(--wal-color-muted);
	font-size: 0.95rem;
	font-weight: normal;
	margin-top: 10px;
}

p.wal-myaccount-wallet-dashboard-view-link a {
	color: var(--wal-color-primary);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color var(--wal-transition-fast), color var(--wal-transition-fast);
}

p.wal-myaccount-wallet-dashboard-view-link a:hover {
	color: var(--wal-color-secondary);
	border-color: var(--wal-color-primary);
}

/****************************************************/
/* Profile – Kullanıcı Kartı
/****************************************************/
.wal-dashboard-profile-wrapper {
	float: left;
	display: block;
	width: 100%;
	background: linear-gradient(135deg, #2b2b2b, #1e1e1e);
	border-bottom: 1px solid var(--wal-color-border);
	border-top-left-radius: var(--wal-radius-lg);
	border-top-right-radius: var(--wal-radius-lg);
	padding: 14px 16px;
	box-shadow: var(--wal-shadow-soft);
	box-sizing: border-box;
}

.wal-dashboard-profile-wrapper .wal-dashboard-profile-image,
.wal-dashboard-profile-wrapper .wal-dashboard-profile-data {
	float: left;
	display: block;
}

.wal-dashboard-profile-wrapper .wal-dashboard-profile-status {
	float: right;
	display: block;
}

.wal-dashboard-profile-wrapper .wal-dashboard-profile-image {
	margin-right: 18px;
	padding: 4px 5px 4px 0;
}

.wal-dashboard-profile-wrapper .wal-dashboard-profile-image img {
	width: 72px;
	height: 72px;
	border-radius: 999px;
	object-fit: cover;
	border: 2px solid var(--wal-color-primary);
	box-shadow: 0 0 0 3px rgba(109, 78, 236, 0.25);
}

.wal-dashboard-profile-wrapper .wal-dashboard-profile-data,
.wal-dashboard-profile-wrapper .wal-dashboard-profile-status {
	padding: 4px 4px 4px 5px;
}

.wal-dashboard-profile-wrapper .wal-dashboard-profile-data p {
	display: block;
	padding: 0;
	margin: 0 0 6px 0;
	font-size: 0.95rem;
	color: var(--wal-color-muted);
}

.wal-dashboard-profile-wrapper .wal-dashboard-profile-data p label {
	display: inline-block;
	color: var(--wal-color-text);
	font-weight: 600;
	font-size: 1rem;
}

.wal-dashboard-profile-wrapper .wal-dashboard-profile-data p span {
	display: inline-block;
	margin-left: 4px;
	color: var(--wal-color-muted);
	font-weight: normal;
}

.wal-dashboard-profile-wrapper .wal_active_status,
.wal-dashboard-profile-wrapper .wal_inactive_status,
.wal-dashboard-profile-wrapper .wal_expired_status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 0.85rem;
	background: rgba(0,0,0,0.35);
	color: var(--wal-color-text);
	backdrop-filter: blur(10px);
}

/* Profil – Durum renkleri */
.wal-dashboard-profile-wrapper .wal_active_status {
	border: 1px solid #3dd68c;
	box-shadow: 0 0 0 1px rgba(61, 214, 140, 0.35);
}

.wal-dashboard-profile-wrapper .wal_inactive_status {
	border: 1px solid #f5c451;
	box-shadow: 0 0 0 1px rgba(245, 196, 81, 0.35);
}

.wal-dashboard-profile-wrapper .wal_expired_status {
	border: 1px solid #ff6b6b;
	box-shadow: 0 0 0 1px rgba(255, 107, 107, 0.35);
}

/****************************************************/
/* Dashboard Yapısı
/****************************************************/
.wal-dashboard-wrapper {
	margin-bottom: 24px;
}

.wal-dashboard-wrapper,
.wal-dashboard-menu-wrapper,
.wal-dashboard-menu-content,
.wal-dashboard-menus {
	float: left;
	width: 100%;
}

/****************************************************/
/* Üst Menü – Sekmeler
/****************************************************/
.wal-dashboard-menus ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #2b2b2b;
	border-bottom: 1px solid var(--wal-color-border);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-sizing: border-box;
}

.wal-dashboard-menus ul li {
	display: inline-block;
	list-style: none;
}

.wal-dashboard-menus ul li a {
	float: left;
	margin: 0;
	padding: 10px 18px;
	background: none;
	border: none;
	text-decoration: none !important;
	color: var(--wal-color-muted);
	font-size: 0.95rem;
	display: flex;
	align-items: center;
	gap: 6px;
	border-bottom: 2px solid transparent;
	transition: color var(--wal-transition-fast), border-color var(--wal-transition-fast), background var(--wal-transition-fast);
}

.wal-dashboard-menus ul li a span {
	margin-right: 0;
}

.wal-dashboard-menus ul li a:hover {
	color: var(--wal-color-text);
	background: #262626;
	border-bottom-color: rgba(109, 78, 236, 0.8);
}

.wal-dashboard-menus ul li .wal-active {
	background: #262626;
	border-bottom-color: var(--wal-color-primary);
	font-weight: 600;
	color: var(--wal-color-text);
}

/* Submenu */
.wal-dashboard-menus ul li ul {
	position: absolute;
	display: none;
}

.wal-dashboard-menus ul li:hover {
	position: relative;
}

.wal-dashboard-menus ul li:hover ul {
	display: block;
	margin: 0;
	padding: 6px 0;
	width: 200px;
	top: 40px;
	left: 0;
	background: #2e2e2e;
	z-index: 99;
	border-radius: var(--wal-radius-md);
	box-shadow: var(--wal-shadow-soft);
}

.wal-dashboard-menus ul li:hover ul li a {
	display: block;
	padding: 8px 12px;
	outline: none;
	background: none;
	color: var(--wal-color-muted);
	border-bottom: none;
}

.wal-dashboard-menus ul li:hover ul li a:hover{
	color: var(--wal-color-text);
	background: #262626;
}

/****************************************************/
/* Dashboard İçerik Kutusu
/****************************************************/
.wal-dashboard-menu-content {
	border-left: 1px solid var(--wal-color-border);
	border-bottom: 1px solid var(--wal-color-border);
	border-right: 1px solid var(--wal-color-border);
	background: #262626;
	border-bottom-left-radius: var(--wal-radius-lg);
	border-bottom-right-radius: var(--wal-radius-lg);
	box-shadow: var(--wal-shadow-soft);
}

.wal-dashboard-menu-content .wal-dashboard-content-wrapper {
	padding: 18px 18px 20px;
}

/****************************************************/
/* Status Etiketleri (Küçük)
/****************************************************/
.wal_status_label {
	padding: 7px 10px;
	color: #fff;
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 500;
}

.wal_active_status {
	background: #3dd68c;
}

.wal_inactive_status {
	background: #f1c40f;
	color: #242424;
}

.wal_expired_status {
	background: #ff6b6b;
}

/****************************************************/
/* Genel Tablo Stili
/****************************************************/
.wal-frontend-table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	background: var(--wal-color-surface-soft);
	border-radius: var(--wal-radius-md);
	overflow: hidden;
	box-shadow: var(--wal-shadow-soft);
}

.wal-frontend-table thead {
	background: #2c2c2c;
}

.wal-frontend-table thead th {
	padding: 14px 16px;
	color: var(--wal-color-text);
	background: #2c2c2c;
	border: none;
	text-transform: capitalize;
	font-size: 0.95rem;
	text-align: left;
	vertical-align: middle;
	word-break: break-all;
	border-bottom: 1px solid var(--wal-color-border);
}

.wal-frontend-table tbody tr:nth-child(2n) {
	background: #2a2a2a;
}

.wal-frontend-table tbody tr:hover {
	background: #313131;
}

.wal-frontend-table tbody td {
	padding: 12px 16px;
	color: var(--wal-color-muted);
	background: none;
	border: none;
	font-size: 0.9rem;
	text-align: left;
	vertical-align: middle;
	word-break: break-all;
}

/* Footer & Pagination */
.wal-frontend-table tfoot {
	border: none;
	box-shadow: none;
}

.wal-frontend-table tfoot td {
	padding-right: 0;
	background: none;
	border: none;
}

.wal-frontend-table tfoot nav {
	float: none;
	padding: 0;
	margin-bottom: 0;
	border: 0;
	clear: none;
	text-align: center;
}

.wal-frontend-table tfoot nav ul {
	margin: 0;
	list-style: none;
	border: none !important;
}

.wal-frontend-table tfoot nav ul li {
	display: inline-block;
	margin: 0 2px;
}

.wal-frontend-table tfoot nav ul li span {
	display: inline-block;
	padding: 8px 11px;
	margin-right: 0;
	color: var(--wal-color-muted);
	background: #2e2e2e;
	border-radius: var(--wal-radius-sm);
	border: 1px solid var(--wal-color-border);
	text-decoration: none;
	cursor: pointer;
	font-size: 0.85rem;
}

/****************************************************/
/* Overview Kartları (Toplam Bakiye, Toplam Harcama vs.)
/****************************************************/
.wal-dashboard-overview-content-wrapper,
.wal-dashboard-overview-content {
	float: left;
	width: 100%;
}

.wal-dashboard-overview-data {
	float: left;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	width: 31.5%;
	max-height: 260px;
	min-height: 140px;
	overflow-y: auto;
	background: var(--wal-color-surface);
	border-radius: var(--wal-radius-lg);
	border: 1px solid var(--wal-color-border);
	box-shadow: var(--wal-shadow-soft);
	padding: 10px 14px 14px;
	box-sizing: border-box;
	transition: transform var(--wal-transition-fast), box-shadow var(--wal-transition-fast), border-color var(--wal-transition-fast);
}

.wal-dashboard-overview-data:hover {
	transform: translateY(-3px);
	border-color: var(--wal-color-primary-soft);
	box-shadow: 0 22px 55px rgba(0, 0, 0, 0.55);
}

.wal-dashboard-overview-data p {
	margin: 10px 0;
	padding: 0;
	text-align: center;
}

.wal-dashboard-overview-data p label {
	display: block;
	margin: 0 0 4px 0;
	padding: 0;
	color: var(--wal-color-muted);
	font-size: 1rem;
	letter-spacing: .02em;
}

.wal-dashboard-overview-data p span {
	margin: 0;
	padding: 0;
	color: var(--wal-color-secondary);
	font-weight: 700;
	font-size: 1.6rem;
}

/****************************************************/
/* Durum Badge’leri (İşlem Durumları)
/****************************************************/
.wal_transfered_status,
.wal_received_status,
.wal_request_received_status,
.wal_requested_status,
.wal_request_declined_status,
.wal_cancelled_status,
.wal_request_cancel_status,
.wal_approved_status,
.wal-user-withdrawal-cancelled-reason{
	display: inline-flex;
	align-items: center;
	padding: 4px 9px;
	margin: -.25em 0;
	max-width: 100%;
	border-radius: 999px;
	border-bottom: 1px solid rgba(0,0,0,.15);
	cursor: default !important;
	white-space: nowrap;
	font-size: 0.8rem;
	font-weight: 500;
}

/* Pending / Request */
.wal_request_received_status,
.wal_requested_status {
	color: #f5c451;
	background: rgba(245, 196, 81, 0.12);
}

/* Transfer completed */
.wal_transfered_status,
.wal_received_status {
	color: #3dd68c;
	background: rgba(61, 214, 140, 0.12);
}

/* Cancelled */
.wal_cancelled_status,
.wal_request_cancel_status {
	color: #ff6b6b;
	background: rgba(255, 107, 107, 0.14);
}

/* Declined */
.wal_request_declined_status {
	color: #9ca3af;
	background: rgba(156, 163, 175, 0.16);
}

/* Approved */
.wal_approved_status{
	color: var(--wal-color-secondary);
	background: rgba(109, 78, 236, 0.2);
	border: 1px solid rgba(109, 78, 236, 0.45);
}

.wal_pending_status{
	color: #f5c451;
	background: rgba(245, 196, 81, 0.2);
}

.wal-wallet-withdrawal-cancelled-reason{
	margin-left:5px;
	color: #7abed2;
	background: rgba(122, 190, 210, 0.15);
	text-decoration: underline !important;
}

.wal-user-withdrawal-cancelled-reason{
	margin-left: 10px;
	color: var(--wal-color-primary);
	border:1px solid var(--wal-color-primary);
	background: transparent;
	cursor:pointer !important;
	border-radius: 999px;
	padding: 3px 8px;
	font-size: 0.8rem;
	transition: background var(--wal-transition-fast), color var(--wal-transition-fast), border-color var(--wal-transition-fast);
}
.wal-user-withdrawal-cancelled-reason:hover{
	background: var(--wal-color-primary);
	color:#fff;
	border-color: transparent;
}

.wal-withdrawal-cancelled-reason-head{
	font-size: 1rem;
	color: var(--wal-color-text);
}

.wal-user-withdrawal-cancelled-reason-wrapper h1{
	font-size: 1.3rem;
	font-weight: 500;
	padding-bottom: 10px;
	border-bottom: 1px dashed var(--wal-color-border);
	color: var(--wal-color-text);
}

/****************************************************/
/* Dashboard içi pagination (ikinci set)
/****************************************************/
.wal-dashboard-content-wrapper tfoot nav {
	float: none;
	border: 0;
	clear: none;
	padding: 0;
	margin-bottom: 0;
}

.wal-dashboard-content-wrapper tfoot nav ul {   
	margin: 0;
	list-style: none;
	border: none !important;
}

.wal-dashboard-content-wrapper tfoot nav ul li {
	display: inline-block;
	margin-left: 3px;
}

.wal-dashboard-content-wrapper tfoot nav ul li span {
	margin: 0;
	padding: 0;
}

.wal-dashboard-content-wrapper tfoot nav ul li a {
	display: inline-block;
	padding: 8px 11px;
	margin: 0;
	background: #2e2e2e;
	border-radius: var(--wal-radius-sm);
	border: 1px solid var(--wal-color-border);
	color: var(--wal-color-muted);
	text-decoration: none;
	font-size: 0.85rem;
	transition: background var(--wal-transition-fast), color var(--wal-transition-fast), border-color var(--wal-transition-fast);
}

.wal-dashboard-content-wrapper tfoot nav ul li .current {
	background: var(--wal-color-primary);
	border: 1px solid transparent;
	color: #fff;
}
.wal-dashboard-content-wrapper thead tr th {
	background: #2c2c2c;
	border: none;
}

.wal-dashboard-content-wrapper tfoot nav ul li .current a,
.wal-dashboard-content-wrapper tfoot nav ul li a:hover {
	background: var(--wal-color-primary);
	border-color: transparent;
	color: #fff;
}

/****************************************************/
/* Responsive
/****************************************************/
@media only screen and (max-width: 768px) {

	.wal-dashboard-profile-wrapper .wal-dashboard-profile-image,
	.wal-dashboard-profile-wrapper .wal-dashboard-profile-data,
	.wal-dashboard-profile-wrapper .wal-dashboard-profile-status {
		float: left;
		display: block;
		width: 100%;
		padding: 6px 0;
		text-align: left;
	}

	.wal-dashboard-profile-wrapper {
		border-radius: var(--wal-radius-lg);
	}

	.wal-frontend-table {
		border: 1px solid var(--wal-color-border);
	}

	.wal-frontend-table tbody tr {
		display: block;
	}

	.wal-frontend-table thead {
		display: none;
	}

	.wal-frontend-table tr td {
		display: block;
		border-right: 0;
		border-bottom: 1px solid var(--wal-color-border);
		text-align: right !important;
	}

	.wal-frontend-table tr td::before {
		float: left;
		content: attr(data-title) ": ";
		font-weight: 600;
		color: var(--wal-color-muted);
	}

	.wal-dashboard-overview-data {
		margin-right: 0%;
		margin-bottom: 4%;
		width: 100%;
	}
}