/*
 * Edit this file directly in VS Code.
 * It loads on:
 * - Homepage
 * - TEC Photo view pages
 */

/* ========================================================================== */
/* TEC List View: Compact Poster Cards (16:9)                                  */
/* Full-file replacement                                                      */
/* ========================================================================== */

.tribe-events-view--list .tec-list-compact-article{
	border-radius:18px;
	background: var(--global-palette9, #fff);
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	overflow:hidden;
}

.tribe-events-view--list .tec-list-compact-article:hover{
	transform: translateY(-2px);
	box-shadow: 0 16px 44px rgba(0,0,0,0.12);
	transition: transform 180ms ease, box-shadow 180ms ease;
}

/* Hide the left day column (delete this rule if you want SAT 7 back) */
.tribe-events-view--list .tribe-events-calendar-list__event-date-tag{
	display:none;
}

.tribe-events-view--list .tec-list-compact-card{
	display:grid;
	grid-template-columns: clamp(220px, 26vw, 340px) minmax(0,1fr) 190px;
	gap:16px;
	padding:16px;
	align-items:center;
}

/* 16:9 thumbnail with always-on depth */
.tribe-events-view--list .tec-list-compact__thumb{
	position:relative;
	border-radius:16px;
	overflow:hidden;
	background: rgba(0,0,0,0.06);
	aspect-ratio: 16 / 9;
	box-shadow: 0 12px 22px rgba(0,0,0,0.14);
	border: 1px solid rgba(0,0,0,0.10);
}

.tribe-events-view--list .tec-list-compact__thumb::before{
	content:"";
	position:absolute;
	inset:0;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.22);
	pointer-events:none;
	border-radius:16px;
}

.tribe-events-view--list .tec-list-compact__thumb-link,
.tribe-events-view--list .tec-list-compact__thumb .tribe-events-calendar-list__event-featured-image-wrapper,
.tribe-events-view--list .tec-list-compact__thumb .tribe-events-calendar-list__event-featured-image,
.tribe-events-view--list .tec-list-compact__thumb .tribe-events-calendar-list__event-featured-image-link{
	display:block;
	width:100%;
	height:100%;
	max-width:none;
}

.tribe-events-view--list .tec-list-compact__thumb img{
	display:block;
	width:100%;
	height:100%;
	max-width:none;
	object-fit: cover;
}

/* Featured badge */
.tribe-events-view--list .tec-list-compact__badge{
	position:absolute;
	top:12px;
	left:12px;
	padding:6px 10px;
	border-radius:999px;
	font-weight:900;
	font-size:12px;
	color: var(--global-palette3, #111);
	background: rgba(255,255,255,0.92);
	backdrop-filter: blur(8px);
}

/* Meta line */
.tribe-events-view--list .tec-list-compact__meta{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items:center;
	margin-bottom:6px;
	font-weight:800;
	font-size:13px;
	opacity:0.9;
}

.tribe-events-view--list .tec-list-compact__venue{
	opacity:0.9;
}

/* Title */
.tribe-events-view--list .tec-list-compact__main .tribe-events-calendar-list__event-title{
	margin: 0 0 8px;
	font-size:22px;
	line-height:1.15;
}

.tribe-events-view--list .tec-list-compact__main .tribe-events-calendar-list__event-title a{
	text-decoration:none;
}

/* Category pills */
.tribe-events-view--list .tec-list-compact__cats{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin: 0 0 10px;
}

.tribe-events-view--list .tec-list-compact__cats a{
	display:inline-flex;
	align-items:center;
	padding:6px 10px;
	border-radius:999px;
	font-weight:800;
	font-size:12px;
	line-height:1;
	text-decoration:none;
	color: var(--global-palette3, #111);
	background: rgba(0,0,0,0.06);
}

/* Excerpt clamp */
.tribe-events-view--list .tec-list-compact__excerpt{
	opacity:0.9;
	display:-webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow:hidden;
}

/* CTA column */
.tribe-events-view--list .tec-list-compact__cta{
	--tec-cta-width: 170px;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	gap:8px;
}

/* Price: bigger, centered above button */
.tribe-events-view--list .tec-list-compact__cta .tec-list-compact__price{
	order: -1;
	width: var(--tec-cta-width);
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.02em;
	opacity: 0.95;
}

/* Button: support either class name */
html body .tribe-events-view--list .tec-list-compact__cta > a.tec-list-compact__button,
html body .tribe-events-view--list .tec-list-compact__cta > a.tec-list-cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width: var(--tec-cta-width);
	padding:12px 16px;
	border-radius:14px;
	font-size: 16px;
	font-weight:900;
	text-decoration:none;

	color: #111 !important;
	background: linear-gradient(180deg, #c79a37, #b58a2b) !important;
	border: 1px solid rgba(0,0,0,0.14) !important;

	box-shadow: 0 12px 20px rgba(0,0,0,0.18) !important;
}

/* Mobile stack */
@media (max-width: 782px){
	.tribe-events-view--list .tec-list-compact-card{
		grid-template-columns: 1fr;
	}
	.tribe-events-view--list .tec-list-compact__cta{
		--tec-cta-width: 100%;
		align-items:stretch;
	}
	html body .tribe-events-view--list .tec-list-compact__cta > a.tec-list-compact__button,
	html body .tribe-events-view--list .tec-list-compact__cta > a.tec-list-cta{
		width:100%;
	}
}


/* ========================================================================== */
/* TEC PRO Photo View: Title, centered date, time below, price over button     */
/* Full-file replacement                                                      */
/* ========================================================================== */

.tribe-events-view--photo li.tribe-events-pro-photo__event > article{
	background: var(--global-palette9, #fff);
	border-radius: 18px;
	border: 1px solid rgba(17, 24, 39, 0.14);
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	overflow: hidden;
}

/* Poster with depth */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-featured-image-wrapper{
	margin: 14px 14px 0;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.10);
	box-shadow: 0 12px 22px rgba(0,0,0,0.14);
}

.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-featured-image{
	display:block;
	width:100%;
	height:auto;
}

/* One-column layout under poster */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-details-wrapper{
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-areas:
		"title"
		"datetag"
		"datetime"
		"cost";
	gap: 12px;
	padding: 14px 16px 18px;
	align-items: start;
}

/* Critical: expose inner items as grid items */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-details{
	display: contents !important;
}

/* Placement */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-title{ grid-area: title; }
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-date-tag{ grid-area: datetag; }
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-datetime{ grid-area: datetime; }
.tribe-events-view--photo li.tribe-events-pro-photo__event .tec-events-calendar-photo__event-categories{ grid-area: cats; }
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-c-small-cta.tribe-events-pro-photo__event-cost{ grid-area: cost; }

/* Title: full width under poster */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-title{
	margin: 0 !important;
	font-size: 28px;
	line-height: 1.15;
	font-weight: 900;
	text-align: center;
}

.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-title a{
	text-decoration: none;
}

/* Date: slightly smaller, dead center */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-date-tag{
	margin: 0 !important;
	justify-self: center;
	text-align: center;
	width: 100%;
	max-width: 260px;
}

.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-date-tag-month{
	display:block;
	font-size: 15px !important;
	font-weight: 900 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.65;
}

.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-date-tag-daynum{
	display:block;
	font-size: 62px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

/* Time: centered directly below date */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-datetime{
	margin: 0 !important;
	text-align: center;
	justify-self: center;
	font-size: 20px !important;
	line-height: 1.2 !important;
	font-weight: 900 !important;
	opacity: 0.95;
	white-space: nowrap;
}

.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-datetime time{
	display: inline !important;
	white-space: nowrap;
}

/* Category: subtle */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tec-events-calendar-photo__event-categories{
	display: none !important;
}

.tribe-events-view--photo li.tribe-events-pro-photo__event .tec-events-calendar-photo__category{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 2px 0;
	font-size: 13px;
	font-weight: 700;
	background: transparent;
	border: 0;
}

/* Price centered above button */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-c-small-cta.tribe-events-pro-photo__event-cost{
	margin: 8px 0 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 10px !important;
}

/* Hide stock line for clean card */
.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-c-small-cta__stock{
	display: none !important;
}

.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-c-small-cta__price{
	order: 1;
	font-size: 26px !important;
	font-weight: 900 !important;
	letter-spacing: 0.02em;
	opacity: 0.95;
	text-align: center;
}

/* Button: slightly smaller than before */
.tribe-events-view--photo li.tribe-events-pro-photo__event a.tribe-events-c-small-cta__link{
	order: 2;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 280px !important;
	padding: 13px 18px !important;
	border-radius: 16px !important;
	font-size: 19px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	color: #fff !important;

	background: linear-gradient(180deg, #9d7626, #7a5d1e) !important;
	border: 1px solid rgba(0,0,0,0.30) !important;
	box-shadow: 0 12px 20px rgba(0,0,0,0.18) !important;
}

.tribe-events-view--photo li.tribe-events-pro-photo__event a.tribe-events-c-small-cta__link:hover,
.tribe-events-view--photo li.tribe-events-pro-photo__event a.tribe-events-c-small-cta__link:focus{
	color: #fff !important;
	background: linear-gradient(180deg, #8a681f, #6d5319) !important;
}

/* Mobile */
@media (max-width: 782px){
	.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-details-wrapper{
		padding: 14px 14px 18px;
	}
	.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-title{
		font-size: 26px;
	}
	.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-date-tag-daynum{
		font-size: 66px !important;
	}
	.tribe-events-view--photo li.tribe-events-pro-photo__event .tribe-events-pro-photo__event-datetime{
		font-size: 19px !important;
	}
	.tribe-events-view--photo li.tribe-events-pro-photo__event a.tribe-events-c-small-cta__link{
		max-width: 250px !important;
		font-size: 17px !important;
		padding: 12px 16px !important;
	}
}