.pmpro-profile-upload {
  margin-top: 1em;
  margin-bottom: 2em;
}
.pmpro-profile-upload label {
  display: block;
  margin-bottom: 0.5em;
}
.pmpro-profile-upload input[type="file"] {
  display: block;
}
.pmpro-profile-upload .uploaded-file {
  margin-top: 0.75em;
}
.pmpro-profile-upload .uploaded-file a {
  color: #007cba;
  text-decoration: none;
  font-weight: 500;
}
.pmpro-profile-upload .uploaded-file a:hover {
  text-decoration: underline;
}
.pmpro-profile-upload .delete-file {
  margin-top: 0.5em;
}

/* capitalize form label */

.pmpro_form_label {
	text-transform: capitalize;
}

.wsf-container {
			margin: 2rem auto;
			background: #fff;
			border: 1px solid #e2e8f0;
			border-radius: 6px;
			box-shadow: 0 2px 4px rgba(0,0,0,0.05);
			padding: 2rem;
			font-family: Arial, sans-serif;
		}
		.wsf-container h2 {
			color: #4c2889;
			font-size: 1.5rem;
			margin-bottom: 1.5rem;
		}
		.wsf-field {
			margin-bottom: 1rem;
		}
		.wsf-field label {
			display: block;
			font-weight: 600;
			margin-bottom: 0.25rem;
		}
		.wsf-field input[type="text"],
		.wsf-field input[type="number"],
		.wsf-field input[type="file"] {
			width: 100%;
			padding: 0.75rem 1rem;
			border: 1px solid #cbd5e1;
			border-radius: 4px;
			font-size: 1rem;
			box-sizing: border-box;
		}

		.wsf-error-text {
			color: #e53e3e;
			font-size: 0.875rem;
			margin-top: 0.25rem;
			display: none;
		}
		.wsf-field input[type="file"] {
			padding: 0.5rem;
			border-radius: 4px;
			background: #fff;
			color: #4c2889;
			cursor: pointer;
		}
		.wsf-submit-btn {
			background: #ff8c26;
			color: #fff;
			border: none;
			padding: 0.75rem 1.5rem;
			border-radius: 9999px;
			font-size: 1rem;
			font-weight: 600;
			cursor: pointer;
			transition: background 0.2s ease;
		}
		.wsf-submit-btn:hover {
			background: #e67e00;
		}
		.wsf-success {
			background: #e6fffa;
			color: #2c7a7b;
			padding: 0.75rem 1rem;
			border: 1px solid #b2f5ea;
			border-radius: 4px;
			margin-bottom: 1rem;
		}
		.wsf-error {
			background: #fed7d7;
			color: #c53030;
			padding: 0.75rem 1rem;
			border: 1px solid #feb2b2;
			border-radius: 4px;
			margin-bottom: 1rem;
		}



      .wlf-container {
			background: #fff;
			border: 1px solid #e2e8f0;
			border-radius: 6px;
			box-shadow: 0 2px 4px rgba(0,0,0,0.05);
			padding: 2rem;
		}
		.wlf-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 0.5rem;
		}
		.wlf-header h2 {
			color: #4c2889;
			font-size: 1.5rem;
		}
		.wlf-totals {
			font-size: 1rem;
			color: #2d3748;
		}
		.wlf-totals span {
			display: inline-block;
			margin-right: 1.5rem;
			font-weight: 600;
		}
		.wlf-add-btn {
			background: #ff8c26;
			color: #fff;
			text-decoration: none;
			padding: 0.5rem 1rem;
			border-radius: 9999px;
			font-size: 0.9rem;
			font-weight: 600;
			transition: background 0.2s ease;
		}
		.wlf-add-btn:hover {
			background: #e67e00;
		}
		.wlf-table {
			width: 100%;
			border-collapse: collapse;
			margin-top: 1.5rem;
		}
		.wlf-table th,
		.wlf-table td {
			border: 1px solid #e2e8f0;
			padding: 0.75rem 1rem;
			text-align: left;
			vertical-align: middle;
		}
		.wlf-table th {
			background: #f7fafc;
			color: #4a5568;
			font-weight: 600;
		}
		.wlf-thumb {
			width: 100%;
			height: 60px !important;
			border-radius: 4px !important;
			object-fit: cover;
		}
		.wlf-pagination {
			text-align: center;
			margin-top: 1.5rem;
		}
		.wlf-pagination a,
		.wlf-pagination span {
			display: inline-block;
			margin: 0 0.25rem;
			padding: 0.5rem 0.75rem;
			color: #4c2889;
			text-decoration: none;
			border: 1px solid #e2e8f0;
			border-radius: 4px;
		}
		.wlf-pagination .current {
			background: #4c2889;
			color: #fff;
			border-color: #4c2889;
		}

		.wlf-table-responsive {
		  width: 100%;
		  overflow-x: auto;
		  -webkit-overflow-scrolling: touch;
		}

		.wlf-table-responsive .wlf-table {
		  width: 100%;
		  min-width: 600px;
		  border-collapse: collapse;
		}

		@media (max-width: 480px) {
		  .wlf-table th,
		  .wlf-table td {
			padding: 0.5rem 0.75rem;
			font-size: 0.875rem;
		  }
		}

