/* ============================================================
   TOUR ARCHIVE  —  archive-event.php / archive-tour.php
   Selectors match the template + shortcode markup exactly.
   ============================================================ */

/* --- Wrapper + header ------------------------------------- */
.tour-archive {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1.25rem 4rem;
}

.tour-archive-header {
	text-align: center;
	margin-bottom: 3rem;
}

.tour-archive-title {
	font-family: "Feed Store", Georgia, serif;
	color: #332E2B;
	margin: 0 0 1rem;
}

.tour-archive-rule {
	border: 0;
	border-top: 1px solid #9B9B9B;
	max-width: 120px;
	margin: 1rem auto;
	opacity: 0.5;
}

.tour-archive-tagline {
	font-family: "Feed Store", Georgia, serif;
	font-style: italic;
	color: #3F5461;
	font-size: 1.25rem;
	margin: 1rem 0;
}

.tour-archive-intro {
	max-width: 760px;
	margin: 1.5rem auto 0;
	color: #332E2B;
	line-height: 1.6;
}

/* --- Two-column layout ------------------------------------ */
.tour-archive-columns {
	display: flex;
	gap: 3rem;
	align-items: flex-start;
}

.tour-archive-main {
	flex: 1 1 66%;
	min-width: 0;
}

.tour-archive-sidebar {
	flex: 0 0 320px;
	position: sticky;
	top: 2rem;
}

@media (max-width: 900px) {
	.tour-archive-columns {
		flex-direction: column;
	}
	.tour-archive-sidebar {
		position: static;
		width: 100%;
		flex-basis: auto;
	}
}

/* --- Section headings ------------------------------------- */
.tour-section {
	margin-bottom: 3.5rem;
}

.tour-section-title {
	font-family: "Feed Store", Georgia, serif;
	color: #332E2B;
	margin: 0 0 1.5rem;
}

/* --- Loop item ------------------------------------------- */
.tour-item {
	display: flex;
	gap: 1.5rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #E5DBC2;
}

.tour-item:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.tour-thumbnail {
	flex: 0 0 33%;
	max-width: 33%;
	display: block;
}

.tour-thumbnail img {
	height: auto;          /* no fixed height, no background — SAB loop spec */
	width: 100%;
	display: block;
}

.tour-content {
	flex: 1 1 auto;
	min-width: 0;
}

h2.wp-block-heading{
		font-family: "Feed Store", Georgia, serif !important;

}
/* Post title link */
.tour-title {
	margin: 0 0 0.4rem;
	line-height: 1.25;
	font-weight: 600 !important;
}
.tour-title a {
	color: #332E2B;
	text-decoration: none !important;
	font-size: 2rem !important;
}
.tour-title a:hover {
	color: #506A7A;
}

/* Meta strip: muted, with a bold dark date; venue/city drop to a new line */
.tour-meta-strip {
	color: #9B9B9B;
	font-size: 0.9rem;
	margin: 0 0 0.6rem;
	line-height: 1.5;
}
.tour-meta-strip .tour-meta-date {
	font-weight: 700;
	color: #332E2C;
}
.tour-meta-strip .tour-meta-divider {
	margin: 0 0.35em;
}
.tour-meta-strip .tour-meta-break {
	display: block;        /* forces venue/city onto their own line */
}

/* Secondary event_name line (uppercase, ruled) */
.tour-event-name {
	text-transform: uppercase;
	color: #332E2B;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 0.9rem;
	border-bottom: 1px solid #E5DBC2;
	padding-bottom: 0.4rem;
	margin: 0 0 0.6rem;
}

/* Description / notes */
.tour-notes {
	font-size: 0.75rem;
	color: #332E2B;
	line-height: 1.5;
}
.tour-notes a {
	color: #3F5461;
	text-decoration: underline;
}
.tour-notes p:last-child {
	margin-bottom: 0;
}

/* --- Buttons (high specificity + !important to beat Astra) - */
.tour-item .tour-buttons {
	margin-top: 1rem;
	display: flex;
	gap: 0.75rem;
	align-items: center;
	flex-wrap: wrap;
}

/* More Info — outline */
.tour-item .tour-buttons .tour-btn-info {
	display: inline-block;
	font-size: 0.75em !important;
	color: #332E2B !important;
	border: 1px solid #332E2B !important;
	background: transparent !important;
	padding: 0.5em 1.25em !important;
	text-decoration: none !important;
	border-radius: 0 !important;
	transition: background 0.2s ease, color 0.2s ease;
}
.tour-item .tour-buttons .tour-btn-info:hover {
	background: #E5DBC2 !important;
}

/* Get Tickets — filled slate (primary action, upcoming only) */
.tour-item .tour-buttons .tour-btn-tickets {
	display: inline-block;
	font-size: 0.75em !important;
	color: #ffffff !important;   /* was #E5DBC2 */
	border: 1px solid #3F5461 !important;
	background: #3F5461 !important;
	padding: 0.5em 1.25em !important;
	text-decoration: none !important;
	border-radius: 0 !important;
	transition: background 0.2s ease;
}
.tour-item .tour-buttons .tour-btn-tickets:hover {
	background: #506A7A !important;
	border-color: #506A7A !important;
}

/* --- Past events: compact, muted index row --------------- */
.past-tour-item {
	gap: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	align-items: center;
}
.past-tour-item .tour-thumbnail {
	flex: 0 0 72px;
	max-width: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.past-tour-item .tour-thumbnail img {
	width: auto;
	height: auto;
	max-width: 72px;
	max-height: 72px;
	opacity: 0.9;
}
.past-tour-item .tour-title {
	font-size: 1rem !important;
	margin: 0 0 0.15rem !important;
	padding: 0 !important;
}
.past-tour-item .tour-title a {
	color: #6E7B84 !important;      /* muted slate — lower contrast than upcoming */
		font-size: 1rem !important;
		margin-bottom: 0.5rem !important;
		paddding: 0 !important;

}
.past-tour-item .tour-title a:hover {
	color: #3F5461;
}
.past-tour-item .tour-meta-strip {
	font-size: 0.8rem;
	margin: 0 !important;
	padding: 0 !important;
}
.past-tour-item .tour-meta-strip .tour-meta-date {
	font-weight: 600;
	color: #9B9B9B;      /* muted, not the bold dark of upcoming */
}

/* --- Sidebar CTA ----------------------------------------- */
.tour-cta {
	background: #F0F5FA;
	padding: 1.75rem;
}
.tour-cta-title {
	font-family: "Feed Store", Georgia, serif;
	color: #332E2B;
	font-size: 1.15rem;
	margin: 0 0 0.75rem;
}
.tour-cta-intro {
	font-size: 0.85rem;
	color: #332E2B;
	line-height: 1.5;
	margin: 0 0 1.25rem;
}

/* --- Empty state ----------------------------------------- */
.tour-empty {
	color: #9B9B9B;
	font-style: italic;
}

/* Sign-up form button — match the Get Tickets filled button */
.fluentform .ff-btn-submit {
	font-size: 0.75em !important;
	color: #ffffff !important;
	border: 1px solid #3F5461 !important;
	background: #3F5461 !important;
	padding: 0.5em 1.25em !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: background 0.2s ease;
}
.fluentform .ff-btn-submit:hover,
.fluentform .ff-btn-submit:focus {
	background: #506A7A !important;
	border-color: #506A7A !important;
	color: #ffffff !important;
}