/* =============================================================
   MIEA Events — Frontend Styles
   ============================================================= */

/* ----- Shared helpers ------------------------------------- */

.miea-tz {
	color: var(--wp--preset--color--muted-gray);
	font-size: .88em;
}

.miea-no-events {
	color: var(--wp--preset--color--muted-gray);
	font-style: italic;
}

/* ----- Page Template ------------------------------------- */

.miea_event .entry-header{
	display: none;
}

/* ----- Tabs (audience toggle above a list/card-list) ------ */

.miea-tab-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}

.miea-tab-btn {
	display: inline-block;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--muted-gray);
	border: 1px solid var(--wp--preset--color--muted-gray);
	padding: 8px 20px;
	border-radius: 10rem;
	font-size: .9em;
	font-weight: 700;
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s;
}

.miea-tab-btn:hover {
	border-color: var(--wp--preset--color--dark-blue);
	color: var(--wp--preset--color--dark-blue);
}

.miea-tab-btn.is-active {
	background: var(--wp--preset--color--dark-blue);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--dark-blue);
}

.miea-tab-panel [data-tabs].is-hidden {
	display: none;
}

/* ----- Table List ------------------------------------------ */

.miea-table-title {
	font-weight: 700;
	margin: 20px 0 4px;
}

.miea-table-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 20px;
	padding: 6px 0 12px;
	border-bottom: 1px solid var(--wp--preset--color--border);
	font-size: .9em;
	color: var(--wp--preset--color--muted-gray);
}

.miea-table-row .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-right: 2px;
}

.miea-details-link {
	margin-left: auto;
	font-weight: 600;
	white-space: nowrap;
}

.miea-details-link:hover {
	color: var(--miea-accent-dark);
}

/* ----- Image List ---------------------------------------- */

.miea-image-list { margin: 0; }

.miea-image-item {
	display: flex;
	gap: 24px;
	padding: 24px 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
	align-items: flex-start;
}

.miea-image-item-thumb {
	position: relative;
	flex: none;
	width: 160px;
}

.miea-event-thumb {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

.miea-category-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background-color: #7cb141;
	color: var(--wp--preset--color--bright-blue);	
	color: var(--wp--preset--color--white);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .06em;
	padding: 2px 8px;
	border-radius: 3px;
}

.miea-image-item-details .miea-event-title {
	margin: 0 0 10px;
	font-size: 1.05em;
}

.miea-image-item-details p {
	margin: 4px 0;
	font-size: .9em;
	color: var(--wp--preset--color--muted-gray);
}

.miea-image-item-details .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-right: 2px;
}

.miea-register-link {
	display: inline-block;
	margin-top: 10px;
	font-weight: 600;
}

.miea-register-link:hover { 
//	color: var(--miea-accent-dark); 
}

/* ----- Card List --------------------------------------------
   One card layout for the plugin's card-list style. Trainer
   avatars are optional — .miea-card-item--no-avatar is added
   when an event has none, for any layout hooks that need it.
   ------------------------------------------------------------- */

.miea-card-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.miea-card-item {
	display: flex;
	align-items: center;
	gap: 16px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 14px;
	padding: 16px 20px;
	background: var(--wp--preset--color--white);
}

.miea-card-avatars {
	display: flex;
	flex: none;
	min-width: 90px;
}

.miea-card-avatar {
	width: 52px !important;
	height: 52px !important;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--wp--preset--color--white);
	box-shadow: 0 0 0 1px var(--wp--preset--color--border);
	position: relative;
	z-index: 1;
}
.has-dark-blue-background-color .miea-card-avatar{
	border-color: var(--wp--preset--color--dark-blue);
	box-shadow: none;
}
.miea-card-avatars img:first-child {
  z-index: 2;
}

.miea-card-avatars img + img {
	margin-left: -14px;
}

.miea-card-cta { flex: none; }

.miea-card-btn {
	display: inline-block;
//	background: var(--wp--preset--color--border);
//	color: var(--wp--preset--color--white) !important;
	border: none;
	padding: 9px 22px;
	font-size: .9em;
	font-weight: 600;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	transition: background .15s;
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border: 0;
	border-radius: var(--btn-radius);
}

.miea-card-btn:hover {
//	background: var(--miea-accent-dark);
//	color: var(--wp--preset--color--white) !important;
}

.miea-card-details { flex: 1; min-width: 0; }

.miea-card-dates {
	display: block;
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 5px;
	color: var(--miea-text);
}

.miea-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
	font-size: .85em;
	color: var(--wp--preset--color--muted-gray);
}

.miea-card-meta .dashicons {
	font-size: 13px;
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin-right: 2px;
}

.miea-card-retreat {
	color: var(--wp--preset--color--green);
	font-weight: 500;
}

/* ----- Category Widget ----------------------------------- */

.miea-category-widget { text-align: center; }

.miea-widget-event {
	padding: 7px 0;
	font-size: .95em;
}
.miea-category-widget .miea-widget-dates {
	font-weight: 600;
}
.miea-widget-cta {
	display: inline-block;
	margin-top: 14px;
	background: transparent;
	border: 2px solid currentColor;
	padding: 9px 24px;
	border-radius: 40px;
	text-decoration: none;
	font-weight: 600;
}



/* ----- Single-event shortcodes -------------------------- */

.miea-trainers {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.miea-trainer {
	display: flex;
	align-items: center;
	gap: 8px;
}

.miea-trainer-photo {
	width: 52px !important;
	height: 52px !important;
	border-radius: 50%;
	object-fit: cover;
}

.miea-trainer-name { font-weight: 600; }

/* Full trainer profile rows — photo + bio side by side, stacked
   vertically when there's more than one trainer. */
.miea-trainer-profiles {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.miea-trainer-profile {
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.miea-trainer-profile-photo {
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.miea-trainer-profile-bio {
	flex: 1;
	min-width: 0;
}

.miea-trainer-profile-bio p:last-child {
	margin-bottom: 0;
}

.miea-ics-link {
	font-size: .9em;
}

.miea-app-link {
	display: inline-block;
	color: var(--miea-accent);
	font-weight: 600;
	text-decoration: none;
}

/* ----- Responsive --------------------------------------- */

@media ( max-width: 640px ) {
	.miea-image-item {
		flex-direction: column;
	}
	.miea-image-item-thumb {
		width: 100%;
		max-width: 260px;
	}
	.miea-trainer-profile {
		flex-direction: column;
		gap: 16px;
	}
	.miea-card-item {
		flex-wrap: wrap;
	}
	.miea-card-cta {
		width: 100%;
	}
	.miea-card-btn {
		width: 100%;
		text-align: center;
		display: block;
	}
	.miea-table-row {
		gap: 6px 14px;
	}
	.miea-details-link {
		margin-left: 0;
		flex-basis: 100%;
	}
}