/* ============================================
	THE EVENTS CALENDAR - DESIGN SYSTEM ALIGNMENT
	============================================ */

/* Design tokens defined in: assets/css/global/design-tokens.css */

/* 1. LAYOUT & BACKGROUND STYLES */

/* Main events container - light gray background */
.tribe-events:not(.tribe-common) {
	background-color: var(--bg-light) !important;
	min-height: 400px !important;
}

.tribe-events .tribe-common-l-container,
.tribe-events .tribe-events-l-container {
	padding: 32px 20px !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

/* 2. EVENTS BAR - Search & View Selector */

/* Events bar container */
.tribe-events-header__events-bar,
.tribe-events-c-events-bar {
	background: var(--bg-white) !important;
	padding: 20px !important;
	border-radius: var(--border-radius) !important;
	box-shadow: var(--shadow-card) !important;
	margin-bottom: 20px !important;
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	flex-wrap: wrap !important;
}

/* Search button */
.tribe-events-c-events-bar__search-button {
	background: var(--bg-white) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--border-radius-sm) !important;
	padding: 10px 12px !important;
	cursor: pointer !important;
	transition: var(--transition) !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.tribe-events-c-events-bar__search-button:hover {
	background: var(--bg-light) !important;
	border-color: var(--turfnet-blue) !important;
}

/* Search container when opened */
.tribe-events-c-events-bar__search-container {
	flex: 1 !important;
	min-width: 300px !important;
}

/* Search form */
.tribe-events-c-search {
	display: flex !important;
	gap: 12px !important;
	align-items: center !important;
}

/* Search input */
.tribe-events-c-search__input,
.tribe-common-form-control-text__input {
	flex: 1 !important;
	padding: 10px 14px !important;
	border: 1px solid var(--border-color-dark) !important;
	border-radius: var(--border-radius-sm) !important;
	font-size: 16px !important;
	color: var(--text-primary) !important;
	transition: var(--transition) !important;
	background: var(--bg-white) !important;
	width: 100% !important;
}

.tribe-events-c-search__input:focus,
.tribe-common-form-control-text__input:focus {
	outline: none !important;
	border-color: var(--turfnet-blue) !important;
	box-shadow: 0 0 0 3px rgba(0, 84, 166, 0.1) !important;
}

.tribe-events-c-search__input::placeholder,
.tribe-common-form-control-text__input::placeholder {
	color: var(--text-light) !important;
}

/* Search input control wrapper */
.tribe-events-c-search__input-control,
.tribe-common-form-control-text {
	flex: 1 !important;
	min-width: 0 !important;
}

/* Find Events button */
.tribe-events-c-search__button,
.tribe-events .tribe-events-c-search__button {
	background-color: var(--turfnet-red) !important;
	color: var(--bg-white) !important;
	border: none !important;
	padding: 10px 20px !important;
	border-radius: var(--border-radius) !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	cursor: pointer !important;
	transition: var(--transition) !important;
	white-space: nowrap !important;
}

.tribe-events-c-search__button:hover,
.tribe-events .tribe-events-c-search__button:hover {
	background-color: var(--turfnet-red-dark) !important;
}

/* 3. VIEW SELECTOR TABS (List/Month/Day) */

.tribe-events-c-events-bar__views {
	display: flex !important;
	gap: 6px !important;
	background: var(--bg-light) !important;
	padding: 4px !important;
	border-radius: var(--border-radius-sm) !important;
}

.tribe-events-c-view-selector {
	display: flex !important;
	gap: 6px !important;
}

.tribe-events-c-view-selector__list {
	display: flex !important;
	gap: 6px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.tribe-events-c-view-selector__list-item {
	margin: 0 !important;
}

.tribe-events-c-view-selector__list-item-link {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 8px 14px !important;
	text-align: center !important;
	color: var(--text-secondary) !important;
	text-decoration: none !important;
	border-radius: var(--border-radius-sm) !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	transition: var(--transition) !important;
	background: transparent !important;
	border: 1px solid transparent !important;
}

.tribe-events-c-view-selector__list-item-link:hover {
	background-color: var(--bg-white) !important;
	color: var(--text-primary) !important;
	border-color: var(--border-color) !important;
}

/* View selector icons */
.tribe-events-c-view-selector__list-item-icon {
	display: flex !important;
	align-items: center !important;
	width: 16px !important;
	height: 16px !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after {
	display: none !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control-icon-svg {
	left: auto;
	right: 16px;
}

.tribe-events-c-view-selector__list-item-icon-svg {
	width: 100% !important;
	height: 100% !important;
	fill: currentColor !important;
}

.tribe-events-c-view-selector__list-item-text {
	font-size: 14px !important;
}

/* 4. EVENT CARDS - Modern Card Design */

/* Event list container */
.tribe-events-calendar-list {
	margin-top: 24px !important;
}

/* Individual event row as card */
.tribe-events-calendar-list__event-row {
	background: var(--bg-white) !important;
	border-radius: var(--border-radius) !important;
	padding: 24px !important;
	margin-bottom: 16px !important;
	box-shadow: var(--shadow-card) !important;
	transition: var(--transition) !important;
	display: flex !important;
	gap: 24px !important;
}

.tribe-events-calendar-list__event-row:hover {
	box-shadow: var(--shadow-md) !important;
	transform: translateY(-2px) !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {
	padding: 25px !important;
	width: 100%;
}

.tribe-events-calendar-list__event-date-tag.tribe-common-g-col.post-172001.tribe_events.type-tribe_events.status-publish.entry.has-post-thumbnail {
	margin-bottom: 0;
}

.tribe-common .turfnet-ad-title {
	padding: 28px !important;
    padding-bottom: 10px !important;
}

/* Event date tag/badge */
.tribe-events-calendar-list__event-date-tag {
	flex-shrink: 0 !important;
	width: 70px !important;
	text-align: center !important;
	background: var(--bg-light) !important;
	border-radius: var(--border-radius-sm) !important;
	padding: 12px 8px !important;
	border-left: 3px solid var(--turfnet-red) !important;
}

.tribe-events-calendar-list__event-date-tag-datetime {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	justify-content: center !important;
	padding-top: 0 !important;
}

.tribe-events-calendar-list__month {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--turfnet-red) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.tribe-events-calendar-list__day {
	font-size: 28px !important;
	font-weight: 700 !important;
	color: var(--text-primary) !important;
	line-height: 1 !important;
}

.tribe-events-calendar-list__year {
	font-size: 12px !important;
	color: var(--text-secondary) !important;
}

/* Event content area */
.tribe-events-calendar-list__event-wrapper {
	flex: 1 !important;
	min-width: 0 !important;
}

.tribe-events-calendar-list__event-details {
	margin-bottom: 12px !important;
}

/* 5. TYPOGRAPHY UPDATES */

/* Event title */
.tribe-events-calendar-list__event-title {
	margin: 0 0 8px 0 !important;
}

.tribe-events-calendar-list__event-title-link,
.tribe-common-h3.tribe-events-calendar-list__event-title a {
	color: var(--text-primary) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	transition: var(--transition) !important;
}

.tribe-events-calendar-list__event-title-link:hover,
.tribe-common-h3.tribe-events-calendar-list__event-title a:hover {
	color: var(--turfnet-red) !important;
}

/* Event date/time meta */
.tribe-events-calendar-list__event-datetime {
	font-size: 14px !important;
	color: var(--text-secondary) !important;
	margin-bottom: 4px !important;
}

/* Event venue/location */
.tribe-events-calendar-list__event-venue {
	font-size: 14px !important;
	color: var(--text-secondary) !important;
}

/* Event description */
.tribe-events-calendar-list__event-description {
	color: var(--text-primary) !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	margin-top: 12px !important;
}

.tribe-events-calendar-list__event-description p {
	margin: 0 !important;
}

/* Event featured image */
.tribe-events-calendar-list__event-featured-image {
	width: 100% !important;
	max-width: 200px !important;
	border-radius: var(--border-radius-sm) !important;
	overflow: hidden !important;
	margin-bottom: 12px !important;
}

.tribe-events-calendar-list__event-featured-image img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

span.tribe-event-date-start {
	font-size: 18px !important;
}

/* 6. ALERT/NOTICE BOXES */

.tribe-events-notices {
	background: var(--bg-white) !important;
	border-left: 4px solid #7e0000 !important;
	border-radius: var(--border-radius) !important;
	padding: 16px 20px !important;
	margin-bottom: 24px !important;
	box-shadow: var(--shadow-card) !important;
}

.tribe-events-notices__notice {
	color: var(--text-primary) !important;
	font-size: 16px !important;
	margin: 0 !important;
}

/* 7. TOP BAR - Navigation & Date Controls */

/* Top bar container */
.tribe-events-c-top-bar,
.tribe-events-header__top-bar {
	background: var(--bg-white) !important;
	padding: 16px 20px !important;
	border-radius: var(--border-radius) !important;
	margin-bottom: 20px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	box-shadow: var(--shadow-card) !important;
}

/* Navigation section */
.tribe-events-c-top-bar__nav {
	display: flex !important;
	align-items: center !important;
}

.tribe-events-c-top-bar__nav-list {
	display: flex !important;
	gap: 8px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.tribe-events-c-top-bar__nav-list-item {
	margin: 0 !important;
}

/* Navigation links/buttons */
.tribe-events-c-subscribe-dropdown__button,
.tribe-events-c-top-bar__nav-link {
	padding: 8px !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--border-radius-sm) !important;
	background: var(--bg-white) !important;
	color: var(--text-primary) !important;
	text-decoration: none !important;
	transition: var(--transition) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 36px !important;
	min-height: 36px !important;
}

.tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events-c-top-bar__nav-link:hover {
	background: var(--bg-light) !important;
	border-color: var(--turfnet-red) !important;
}

.tribe-events-c-top-bar__nav-link[disabled] {
	opacity: 0.4 !important;
	cursor: not-allowed !important;
}

.tribe-events-c-top-bar__nav-link[disabled]:hover {
	background: var(--bg-white) !important;
	border-color: var(--border-color) !important;
}

/* Today button */
.tribe-events-c-top-bar__today-button {
	padding: 8px 16px !important;
	background: var(--bg-white) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--border-radius-sm) !important;
	color: var(--text-primary) !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: var(--transition) !important;
	font-size: 14px !important;
}

.tribe-events-c-top-bar__today-button:hover {
	background: var(--turfnet-red) !important;
	border-color: var(--turfnet-red) !important;
	color: var(--bg-white) !important;
}

/* Date picker section */
.tribe-events-c-top-bar__datepicker {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.tribe-events-c-top-bar__datepicker-button {
	padding: 8px 14px !important;
	background: var(--bg-white) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--border-radius-sm) !important;
	color: var(--text-primary) !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	cursor: pointer !important;
	transition: var(--transition) !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.tribe-events-c-top-bar__datepicker-button:hover {
	border-color: var(--turfnet-blue) !important;
	background: var(--bg-light) !important;
}

/* Datepicker input */
.tribe-events-c-top-bar__datepicker-input,
input[type="text"].tribe-events-c-top-bar__datepicker-input {
	padding: 8px 12px !important;
	border: 1px solid var(--border-color-dark) !important;
	border-radius: var(--border-radius-sm) !important;
	font-size: 14px !important;
	color: var(--text-primary) !important;
	transition: var(--transition) !important;
	min-width: 120px !important;
}

.tribe-events-c-top-bar__datepicker-input:focus,
input[type="text"].tribe-events-c-top-bar__datepicker-input:focus {
	outline: none !important;
	border-color: var(--turfnet-blue) !important;
	box-shadow: 0 0 0 3px rgba(0, 84, 166, 0.1) !important;
}

/* Section headings */
.tribe-events h2,
.tribe-events .tribe-events-header__title {
	font-size: 32px !important;
	font-weight: 700 !important;
	color: var(--text-primary) !important;
	margin-bottom: 24px !important;
	line-height: 1.2 !important;
}

/* Past Events Section */
.tribe-events-calendar-list__event-row--past {
	opacity: 0.95 !important;
}

/* Latest Past Events Section */
.tribe-events-calendar-latest-past {
	margin-top: 32px !important;
}

.tribe-events-calendar-latest-past__heading {
	font-size: 28px !important;
	font-weight: 700 !important;
	color: var(--text-primary) !important;
	margin-bottom: 24px !important;
}

/* Latest Past Events - Event row (entire card) */
.tribe-events-calendar-latest-past__event-row {
	background: var(--bg-white) !important;
	border-radius: var(--border-radius) !important;
	padding: 24px !important;
	margin-bottom: 20px !important;
	box-shadow: var(--shadow-card) !important;
	transition: var(--transition) !important;
	display: flex !important;
	gap: 24px !important;
	align-items: flex-start !important;
}

.tribe-events-calendar-latest-past__event-row:hover {
	box-shadow: var(--shadow-md) !important;
	transform: translateY(-2px) !important;
}

/* Latest Past Events - Date badge */
.tribe-events-calendar-latest-past__event-date-tag {
	flex-shrink: 0 !important;
	width: 80px !important;
	text-align: center !important;
	background: var(--bg-light) !important;
	border-radius: var(--border-radius-sm) !important;
	padding: 12px 8px !important;
	border-left: 4px solid var(--turfnet-red) !important;
}

.tribe-events-calendar-latest-past__event-date-tag-month {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--turfnet-red) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	display: block !important;
}

.tribe-events-calendar-latest-past__event-date-tag-daynum {
	font-size: 32px !important;
	font-weight: 700 !important;
	color: var(--text-primary) !important;
	line-height: 1 !important;
	display: block !important;
	margin: 6px 0 !important;
}

.tribe-events-calendar-latest-past__event-date-tag-year {
	font-size: 13px !important;
	color: var(--text-secondary) !important;
	display: block !important;
}

/* Latest Past Events - Event wrapper */
.tribe-events-calendar-latest-past__event-wrapper {
	flex: 1 !important;
	min-width: 0 !important;
}

/* Latest Past Events - Event article */
.tribe-events-calendar-latest-past__event {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	border: none !important;
	display: flex !important;
	gap: 20px !important;
	flex-wrap: wrap !important;
}

/* Latest Past Events - Featured image wrapper */
.tribe-events-calendar-latest-past__event-featured-image-wrapper {
	flex-shrink: 0 !important;
	width: 200px !important;
}

.tribe-events-calendar-latest-past__event-featured-image-link {
	display: block !important;
	border-radius: var(--border-radius-sm) !important;
	overflow: hidden !important;
}

.tribe-events-calendar-latest-past__event-featured-image-link img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	transition: var(--transition) !important;
}

.tribe-events-calendar-latest-past__event-featured-image-link:hover img {
	transform: scale(1.05) !important;
}

/* Latest Past Events - Event details wrapper */
.tribe-events-calendar-latest-past__event-details {
	flex: 1 !important;
	min-width: 250px !important;
}

/* Latest Past Events - Event datetime */
.tribe-events-calendar-latest-past__event-datetime {
	margin-bottom: 8px !important;
}

.tribe-events-calendar-latest-past__event-datetime-featured-text {
	color: var(--text-secondary) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

/* Latest Past Events - Event title */
.tribe-events-calendar-latest-past__event-title {
	margin: 0 0 12px 0 !important;
}

.tribe-events-calendar-latest-past__event-title a,
.tribe-events-calendar-latest-past__event-title-link {
	color: var(--text-primary) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	transition: var(--transition) !important;
}

.tribe-events-calendar-latest-past__event-title a:hover,
.tribe-events-calendar-latest-past__event-title-link:hover {
	color: var(--turfnet-red) !important;
}

/* Latest Past Events - Event venue */
.tribe-events-calendar-latest-past__event-venue-title {
	color: var(--text-secondary) !important;
	font-size: 14px !important;
	margin-bottom: 12px !important;
}

/* Latest Past Events - Description */
.tribe-events-calendar-latest-past__event-description {
	color: var(--text-primary) !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	margin-top: 8px !important;
}

.tribe-events-calendar-latest-past__event-description p {
	margin: 0 !important;
}

.tribe-events-event-image img {
	width: 100%;
}

/* ============================================
   SINGLE EVENT - Card Layout (matches news)
   All rules use !important to beat TEC V2's
   high-specificity selectors.
   ============================================ */

/* Breadcrumbs */
.single-tribe_events .breadcrumb.site-breadcrumbs {
	max-width: 1600px !important;
	padding: 0 clamp(16px, 2vw, 40px) !important;
	font-size: 13px !important;
	color: var(--text-secondary, #64748b) !important;
}

.single-tribe_events .breadcrumb.site-breadcrumbs a {
	color: var(--text-secondary, #64748b) !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.single-tribe_events .breadcrumb.site-breadcrumbs a:hover {
	color: var(--turfnet-red, #7e0000) !important;
}

.single-tribe_events .breadcrumb-sep {
	margin: 0 6px !important;
	color: var(--text-light, #94a3b8) !important;
}

.single-tribe_events .breadcrumb-link-text-wrap {
	color: var(--text-primary, #1e293b) !important;
	font-weight: 500 !important;
}

/* TEC pg-template wrapper — override TEC's 1048px max-width so the two-column
   layout matches news/blog pages where .content-sidebar-wrap has max-width: 1600px. */
.single-tribe_events .tribe-events-pg-template {
	max-width: 100% !important;
	padding: 0 !important;
}

/* Entry card — white card matching news singles */
.single-tribe_events .content .entry {
	background: white !important;
	border: 1px solid rgba(226, 232, 240, 0.6) !important;
	border-radius: var(--community-border-radius-xl, 16px) !important;
	box-shadow: var(--community-shadow-base, 0 1px 3px 0 rgba(0, 0, 0, 0.1)) !important;
	margin-bottom: var(--community-spacing-xl, 32px) !important;
	overflow: hidden !important;
	position: relative !important;
	padding: 0 !important;
}

/* Top gradient line (matching news cards) */
.single-tribe_events .content .entry::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent 0%, rgba(126, 0, 0, 0.1) 50%, transparent 100%) !important;
	pointer-events: none !important;
}

/* Entry header */
.single-tribe_events .entry-header {
	text-align: center !important;
	padding: 30px 32px 16px !important;
	position: relative !important;
	background: linear-gradient(135deg, #fafbfc 0%, #ffffff 50%, #f8fafc 100%) !important;
}

.single-tribe_events .entry-header .entry-title {
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: var(--text-primary, #1e293b) !important;
	margin: 0 0 12px !important;
}

/* Entry meta (date/time + cost) */
.single-tribe_events .entry-header .entry-meta {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	font-size: 14px !important;
	color: var(--text-secondary, #64748b) !important;
}

.single-tribe_events .entry-header .entry-time {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.single-tribe_events .entry-header .entry-time svg {
	flex-shrink: 0 !important;
	opacity: 0.6 !important;
}

.single-tribe_events .entry-header .entry-cost {
	font-weight: 600 !important;
	color: var(--turfnet-red, #7e0000) !important;
}

/* Featured image inside card */
.single-tribe_events .tribe-events-event-image {
	margin: 0 !important;
	line-height: 0 !important;
}

.single-tribe_events .tribe-events-event-image img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

/* Entry content wrapper (inside card) */
.single-tribe_events .entry-content-wrapper {
	padding: 24px 32px 32px !important;
}

/* Event description content */
.single-tribe_events .tribe-events-content {
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: var(--text-primary, #1e293b) !important;
}

.single-tribe_events .tribe-events-content p {
	margin-bottom: 1em !important;
}

/* Event meta details (Venue, Organizer, etc.) */
.single-tribe_events .tribe-events-event-meta {
	width: 100% !important;
	padding: 0 !important;
	margin-top: 24px !important;
	border-top: 1px solid rgba(226, 232, 240, 0.6) !important;
	padding-top: 24px !important;
}

.single-tribe_events .tribe-events-meta-group {
	margin-bottom: 16px !important;
}

.single-tribe_events .tribe-events-meta-group h2,
.single-tribe_events .tribe-events-single-section-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--text-primary, #1e293b) !important;
	margin-bottom: 8px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.single-tribe_events .tribe-venue,
.single-tribe_events .tribe-organizer,
.single-tribe_events .tribe-events-meta-group dd {
	font-size: 15px !important;
	color: var(--text-secondary, #64748b) !important;
	margin: 0 0 4px !important;
}

.single-tribe_events .tribe-events-meta-group dl {
	margin: 0 !important;
}

.single-tribe_events .tribe-events-meta-group dt {
	font-weight: 600 !important;
	color: var(--text-primary, #1e293b) !important;
	font-size: 14px !important;
}

/* Prev/Next navigation */
.single-tribe_events .content > .tribe-events-nav-pagination {
	margin-top: 0 !important;
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav {
	display: flex !important;
	justify-content: space-between !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav li {
	margin: 0 !important;
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav a {
	align-items: center !important;
	gap: 6px !important;
	padding: 10px 16px !important;
	background: white !important;
	border: 1px solid rgba(226, 232, 240, 0.6) !important;
	border-radius: 8px !important;
	box-shadow: var(--community-shadow-base, 0 1px 3px 0 rgba(0, 0, 0, 0.1)) !important;
	color: var(--text-primary, #1e293b) !important;
	text-decoration: none !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	transition: all 0.2s ease !important;
	max-width: 280px !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.single-tribe_events .tribe-events-nav-pagination .tribe-events-sub-nav a:hover {
	border-color: var(--turfnet-red, #7e0000) !important;
	color: var(--turfnet-red, #7e0000) !important;
	box-shadow: var(--community-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)) !important;
	transform: translateY(-1px) !important;
}

/* Hide the old header nav (we only keep footer nav now) */
.single-tribe_events #tribe-events-header {
	display: none !important;
}

/* Hide the old "back to all events" link */
.single-tribe_events .tribe-events-back {
	display: none !important;
}

/* TEC notices inside single */
.single-tribe_events .tribe-events-notices {
	margin: 2% 20.3% -1% !important;
    max-width: 1100px !important;
	padding-left: clamp(16px, 2vw, 40px) !important;
	padding-right: clamp(16px, 2vw, 40px) !important;
}

/* ============================================
   EVENTS ARCHIVE - Listing Page Layout
   ============================================ */

/* TEC outer wrapper — white card matching the .archive-header pattern on news.
   On news, .archive-header is a white card (border-radius, box-shadow) sitting
   on the default gray body background.  Here we make the entire TEC wrapper
   the white card so the hero header + search + event list appear as one
   cohesive unit, same visual weight as the news archive header. */
body.post-type-archive-tribe_events .tribe-common.tribe-events {
	background: #fff !important;
	border-radius: var(--community-border-radius-lg, 12px) !important;
	box-shadow: var(--community-shadow-base, 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)) !important;
	margin-bottom: var(--community-spacing-xl, 24px) !important;
	overflow: hidden;
}

/* Hero header — already inherits .archive-header base styles (white bg,
   border-radius, shadow) from enqueue.php inline CSS + style.css.
   Override those to make it flush inside the TEC white card instead of
   being its own nested card. */
.events-archive-header {
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border-bottom: none !important;
	margin-bottom: 0 !important;
}

.events-archive-header .wrap {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
}

/* Archive title — TEC resets all headings inside .tribe-common to font-weight 400.
   Force 700 to match the news/podcast/video archive titles. */
.events-archive-header .archive-title {
	font-weight: 700 !important;
	font-size: 48px !important;
	line-height: 1.1 !important;
	color: var(--community-color-text-primary, #1e293b) !important;
	margin: 0 !important;
	padding: 0 !important;
}

.events-archive-header .archive-title-area {
	max-width: none !important;
}

/* Archive breadcrumbs — ensure visible inside TEC's .tribe-common container
   which can reset font sizes and colors. Match the news archive breadcrumb. */
.events-archive-header .breadcrumb.site-breadcrumbs {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	font-size: 16px !important;
	color: rgb(156, 163, 175) !important;
	margin-top: 24px !important;
	padding-bottom: var(--community-spacing-2xl, 48px) !important;
}

.events-archive-header .breadcrumb.site-breadcrumbs a {
	color: rgb(156, 163, 175) !important;
	text-decoration: none !important;
}

.events-archive-header .breadcrumb.site-breadcrumbs a:hover {
	color: var(--turfnet-red, #7e0000) !important;
}

.events-archive-header .breadcrumb.site-breadcrumbs .breadcrumb-sep {
	color: rgb(156, 163, 175) !important;
	margin: 0 4px !important;
}

.events-archive-header .breadcrumb.site-breadcrumbs .breadcrumb-link-text-wrap {
	color: rgb(156, 163, 175) !important;
}

/* TEC inner section — no card styling (the outer .tribe-events IS the card) */
body.post-type-archive-tribe_events .tribe-events .tribe-common-l-container,
body.post-type-archive-tribe_events .tribe-events .tribe-events-l-container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 24px 20px 32px !important;
}

body.post-type-archive-tribe_events section.tribe-common-l-container.tribe-events-l-container {
	background-color: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Events bar (search + view tabs) — transparent inside the card */
body.post-type-archive-tribe_events .tribe-events-header__events-bar,
body.post-type-archive-tribe_events .tribe-events-c-events-bar {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 0 16px !important;
	margin-bottom: 0 !important;
	border: none !important;
}

/* Top bar (prev/next arrows, Today, datepicker) — transparent inside card */
body.post-type-archive-tribe_events .tribe-events-c-top-bar,
body.post-type-archive-tribe_events .tribe-events-header__top-bar {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 12px 0 !important;
	margin-bottom: 0 !important;
}

/* Month separator heading */
body.post-type-archive-tribe_events .tribe-events-calendar-list__month-separator h2 {
	font-size: 18px !important;
	font-weight: 600 !important;
	margin-bottom: 12px !important;
	padding-bottom: 8px !important;
	border-bottom: 1px solid var(--border-color, #e2e8f0) !important;
}

/* Subscribe button */
body.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown {
	margin-top: 16px !important;
}

/* Sponsor/ad section at bottom */
body.post-type-archive-tribe_events .tribe-events > div:last-child {
	text-align: center !important;
	padding: 24px 0 !important;
}

/* Bottom nav Previous/Next Events */
body.post-type-archive-tribe_events .tribe-events-c-nav__list {
	display: flex !important;
	justify-content: space-between !important;
	padding: 16px 0 !important;
}

body.post-type-archive-tribe_events .tribe-events-c-nav__list-item .tribe-events-c-nav__prev,
body.post-type-archive-tribe_events .tribe-events-c-nav__list-item .tribe-events-c-nav__next {
	color: var(--text-primary, #1e293b) !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	font-size: 14px !important;
}

body.post-type-archive-tribe_events .tribe-events-c-nav__list-item .tribe-events-c-nav__prev:hover,
body.post-type-archive-tribe_events .tribe-events-c-nav__list-item .tribe-events-c-nav__next:hover {
	color: var(--turfnet-red, #7e0000) !important;
}

/* Responsive styles moved to assets/css/global/responsive/ */