/* CuriosityTech Events Manager - Frontend Styles */
:root {
	--ctem-primary: #4F46E5;
	--ctem-primary-dark: #3730A3;
	--ctem-secondary: #06B6D4;
	--ctem-secondary-dark: #0891B2;
	--ctem-bg: #F9FAFB;
	--ctem-white: #ffffff;
	--ctem-text: #111827;
	--ctem-text-muted: #6B7280;
	--ctem-border: #E5E7EB;
	--ctem-radius: 12px;
	--ctem-shadow: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -1px rgba(0,0,0,0.06);
	--ctem-shadow-hover: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
	--ctem-transition: all 0.25s ease;
}

/* ---- Wrapper ---- */
.ctem-events-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px 16px;
	box-sizing: border-box;
}

/* ---- Grid ---- */
.ctem-events-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
}

/* ---- Card ---- */
.ctem-card {
	background: var(--ctem-white);
	border-radius: var(--ctem-radius);
	box-shadow: var(--ctem-shadow);
	overflow: hidden;
	transition: var(--ctem-transition);
	display: flex;
	flex-direction: column;
}
.ctem-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ctem-shadow-hover);
}
.ctem-card.ctem-featured {
	border: 2px solid var(--ctem-primary);
}

/* Card Image */
.ctem-card-image {
	position: relative;
	overflow: hidden;
	height: 200px;
}
.ctem-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.ctem-card:hover .ctem-card-image img {
	transform: scale(1.05);
}
.ctem-card-badges {
	position: absolute;
	top: 12px;
	left: 12px;
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

/* Card Body */
.ctem-card-body {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 10px;
}
.ctem-card-title {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--ctem-text);
	line-height: 1.4;
}
.ctem-card-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s;
}
.ctem-card-title a:hover {
	color: var(--ctem-primary);
}
.ctem-card-desc {
	margin: 0;
	color: var(--ctem-text-muted);
	font-size: 0.9rem;
	line-height: 1.5;
}

/* Card Meta */
.ctem-card-meta {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: auto;
}
.ctem-meta-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.85rem;
	color: var(--ctem-text-muted);
}

/* ---- Badges ---- */
.ctem-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.ctem-status-upcoming { background: #D1FAE5; color: #065F46; }
.ctem-status-past     { background: #F3F4F6; color: #4B5563; }
.ctem-price-free      { background: #DBEAFE; color: #1E40AF; }
.ctem-price-paid      { background: #FEF3C7; color: #92400E; }

.ctem-category-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 600;
}
.ctem-cat-technical     { background: linear-gradient(135deg, #EDE9FE, #C7D2FE); color: #4338CA; }
.ctem-cat-non-technical { background: linear-gradient(135deg, #E0F2FE, #BAE6FD); color: #0369A1; }

.ctem-mode {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 0.78rem;
	font-weight: 500;
}
.ctem-mode-online  { background: #D1FAE5; color: #065F46; }
.ctem-mode-offline { background: #FEE2E2; color: #991B1B; }
.ctem-mode-hybrid  { background: #EDE9FE; color: #5B21B6; }

/* ---- Button ---- */
.ctem-btn {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--ctem-primary), var(--ctem-secondary));
	color: #fff !important;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: var(--ctem-transition);
	text-align: center;
	margin-top: auto;
}
.ctem-btn:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}
.ctem-btn-outline {
	background: transparent;
	border: 2px solid var(--ctem-primary);
	color: var(--ctem-primary) !important;
}
.ctem-btn-outline:hover {
	background: var(--ctem-primary);
	color: #fff !important;
}

/* ---- Filters ---- */
.ctem-filters {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 24px;
	align-items: center;
}
.ctem-search-input,
.ctem-filter-select {
	padding: 10px 14px;
	border: 1.5px solid var(--ctem-border);
	border-radius: 8px;
	font-size: 0.9rem;
	color: var(--ctem-text);
	background: var(--ctem-white);
	outline: none;
	transition: border-color 0.2s;
	flex: 1;
	min-width: 150px;
}
.ctem-search-input:focus,
.ctem-filter-select:focus {
	border-color: var(--ctem-primary);
}

/* ---- Load More ---- */
.ctem-load-more-wrap {
	text-align: center;
	margin-top: 32px;
}

/* ---- No Events ---- */
.ctem-no-events {
	grid-column: 1 / -1;
	text-align: center;
	color: var(--ctem-text-muted);
	padding: 40px;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
	.ctem-events-grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 520px) {
	.ctem-events-grid {
		grid-template-columns: 1fr;
	}
	.ctem-filters {
		flex-direction: column;
	}
}

/* ---- Print ---- */
@media print {
	.ctem-card { box-shadow: none; border: 1px solid #ccc; }
	.ctem-btn { display: none; }
}