/* CLE Registration — small fixes for The Events Calendar front end.
   Loaded only on single event pages. */

/* 1. Venue block: put "United States", "+ Google Map", and the venue
      website link each on their own line. */
.tribe-events-address .tribe-country-name,
.tribe-events-single .tribe-country-name {
	display: block !important;
	margin-top: 2px;
}

.tribe-events-address a.tribe-events-gmap,
.tribe-events-single a.tribe-events-gmap,
a.tribe-events-gmap {
	display: block !important;
	margin-top: 4px;
}

dd.tribe-venue-url,
.tribe-venue-url {
	display: block !important;
	margin-top: 2px;
}

/* Hide the stray "+" separator TEC prints before the map link when the
   link is on its own line. */
.tribe-events-address .tribe-events-gmap::before {
	content: "";
}

/* 2. "Add to calendar" dropdown: give options a visible hover/focus state
      (TEC's default hover is white-on-white). */
.tribe-events-c-subscribe-dropdown__list-item-link:hover,
.tribe-events-c-subscribe-dropdown__list-item-link:focus,
.tribe-events-c-subscribe-dropdown__list-item:hover,
.tribe-events-c-subscribe-dropdown__list-item:focus-within {
	background: #eef3fb !important;
	color: #1b2a4a !important;
}

.tribe-events-c-subscribe-dropdown__list-item-link:hover span,
.tribe-events-c-subscribe-dropdown__list-item-link:focus span {
	color: #1b2a4a !important;
}

.tribe-events-c-subscribe-dropdown__list-item-link {
	display: block;
	padding: 10px 14px !important;
	border-radius: 6px;
	transition: background 0.12s;
}

/* Whole "Add to calendar" button (icons included) reads as clickable. */
.tribe-events-c-subscribe-dropdown__button,
.tribe-events-c-subscribe-dropdown__button * {
	cursor: pointer;
}

/* 3. Venue links: keep them readable on hover (theme was painting link
      hovers white-on-white). Applies to "View Venue Website", "+ Google
      Map", and other links in the event meta blocks. */
.tribe-events-single .tribe-events-meta-group a:hover,
.tribe-events-single .tribe-events-meta-group a:focus,
.tribe-venue-url a:hover,
.tribe-venue-url a:focus,
a.tribe-events-gmap:hover,
a.tribe-events-gmap:focus,
.tribe-events-single .tribe-events-event-url a:hover,
.tribe-events-single .tribe-events-event-url a:focus {
	color: #2a5db0 !important;
	text-decoration: underline !important;
	opacity: 1 !important;
	background: transparent !important;
}

/* 4. Make the ENTIRE "Add to calendar" button clickable.
      TEC's real toggle element wraps only the text; the icons sit beside it
      and natively do nothing. We stretch the real toggle's hit area over
      the whole visual button with an invisible overlay, so any click —
      icons, edges, padding — physically lands on the real toggle and TEC's
      own handler fires. */
.tribe-events-c-subscribe-dropdown__button {
	position: relative;
}

.tribe-events-c-subscribe-dropdown__button .tribe-events-c-subscribe-dropdown__button-text {
	position: static; /* so the overlay anchors to the wrapper, not the text */
}

.tribe-events-c-subscribe-dropdown__button .tribe-events-c-subscribe-dropdown__button-text::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
}