/* Base styles for AK Celebrity Management Frontend */
.akcm-frontend-wrapper {
	font-family: inherit;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
}

.akcm-frontend-wrapper * {
	box-sizing: border-box;
}

/* Search Bar Grid */
.ak-find-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	align-items: stretch;
	margin-bottom: 30px;
}

@media (max-width: 992px) {
	.ak-find-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.ak-find-grid {
		grid-template-columns: 1fr;
	}
}

/* Search Bar */
.akcm-search-bar {
	display: flex;
	gap: 15px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

.akcm-search-bar select,
.akcm-search-bar input {
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 16px;
	flex: 1;
	min-width: 200px;
}

.akcm-btn {
	background-color: #161616;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	transition: background 0.3s;
}

.akcm-btn:hover {
	background-color: #333;
}

.akcm-btn:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}

.akcm-btn-secondary {
	background-color: #f1f1f1;
	color: #333;
}

.akcm-btn-secondary:hover {
	background-color: #e2e2e2;
}

/* Results Grid */
.akcm-results-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}

.akcm-celebrity-card {
	border: 1px solid #4e340c;
	border-radius: 8px;
	padding: 20px;
	background: #000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.akcm-celebrity-card h4 {
	margin: 0 0 10px 0;
	font-size: 20px;
}

.akcm-celebrity-card .akcm-meta {
	color: #666;
	font-size: 14px;
	margin-bottom: 20px;
}

.akcm-celebrity-card .akcm-btn {
	width: 100%;
}

@media (max-width: 576px) {
	.akcm-frontend-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}

	.akcm-results-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.akcm-celebrity-card {
		padding: 12px;
		min-width: 0;
	}

	.akcm-celebrity-card h4 {
		font-size: 16px;
		margin-bottom: 5px;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.akcm-celebrity-card .akcm-meta {
		font-size: 12px;
		margin-bottom: 15px;
		word-wrap: break-word;
	}

	.akcm-celebrity-card .akcm-btn {
		padding: 10px 5px;
		font-size: 14px;
	}
}

/* Pagination */
.akcm-pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.akcm-pagination button {
	background: #fff;
	border: 1px solid #ddd;
	padding: 8px 12px;
	border-radius: 4px;
	cursor: pointer;
}

.akcm-pagination button:hover {
	background: #f1f1f1;
}

.akcm-pagination button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Form Styles */
.akcm-enquiry-header {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

.akcm-enquiry-header h3 {
	margin: 0;
	font-size: 24px;
}

.akcm-enquiry-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 20px;
	animation: akcmFadeIn 0.4s ease;
}

@keyframes akcmFadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.akcm-form-group {
	margin-bottom: 20px;
}

.akcm-full-width {
	grid-column: 1 / -1;
}

@media (max-width: 768px) {
	.akcm-enquiry-grid {
		grid-template-columns: 1fr;
	}
}

.akcm-form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
	color: #fff;
	font-size: 14px;
	opacity: 0.9;
}

.akcm-form-group input,
.akcm-form-group select,
.akcm-form-group textarea {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #333;
	border-radius: 6px;
	font-size: 16px;
	background-color: #111;
	color: #fff;
	outline: none;
	transition: all 0.3s ease;
}

.akcm-form-group input:hover,
.akcm-form-group select:hover,
.akcm-form-group textarea:hover {
	border-color: #444;
	background-color: #161616;
}

.akcm-form-group input:focus,
.akcm-form-group select:focus,
.akcm-form-group textarea:focus {
	border-color: #cc0000;
	background-color: #111;
	box-shadow: 0 0 0 2px rgba(204, 0, 0, 0.2);
}

.akcm-form-group input[disabled],
.akcm-form-group input[readonly] {
	background-color: #1a1a1a;
	color: #888;
	border-color: #2a2a2a;
	cursor: not-allowed;
}

/* Alerts */
.akcm-alert {
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 20px;
}

.akcm-alert-error {
	background: #fde8e8;
	border: 1px solid #f8b4b4;
	color: #c81e1e;
}

.akcm-alert-success {
	background: #def7ec;
	border: 1px solid #84e1bc;
	color: #03543f;
}

.akcm-alert h4 {
	margin: 0 0 10px 0;
}

.akcm-alert p {
	margin: 0;
}

/* Force Dark Theme for Search Bar Inputs */
.ak-find-box .ak-find-select,
.ak-find-box .ak-find-input {
	background-color: #111 !important;
	color: #fff !important;
	border: 1px solid #333 !important;
	padding: 12px 15px !important;
	border-radius: 4px !important;
	outline: none !important;
	appearance: auto;
}

.ak-find-box .ak-find-select:focus,
.ak-find-box .ak-find-input:focus {
	border-color: #555 !important;
}

.ak-find-box .ak-find-select option {
	background-color: #111 !important;
	color: #fff !important;
}

@media (max-width:500px) {

	select,
	.form-control,
	.form-select,
	textarea,
	input {
		width: 100% !important;
	}

	#akcm-main-view {
		padding: 0 15px
	}
}