/**
 * External ticket link button, the locked Sell Tickets notice, and the
 * admin-only empty-state note.
 *
 * Deliberately small. The two things that could be restyled here already have
 * owners: snippet 114 dresses the ticket buttons, and snippet 246 dresses
 * every .bsui .alert on the site. Repeating either would mean two places to
 * change when the design moves.
 */

/**
 * External ticket link.
 *
 * Styled to sit alongside the sell-tickets button rather than compete with it.
 * Snippet 114 dresses that button as solid #262626 with square corners and a
 * white hover; this follows the same idea so the two never appear as different
 * species of button on the same page.
 */
.oad-ev-ticket-link-btn,
.oad-ev-ticket-link-btn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;

	/* Matched to Bootstrap's .btn, because this button sits directly beside
	 * one. It stated no font-size at all, so it inherited body copy and came
	 * out 19.3px against the neighbouring button's 16px -- 49px tall next to
	 * 42px. The padding is .btn's own 0.45rem/1.2rem for the same reason. */
	padding: 0.45rem 1.2rem;
	font-size: var(--wp--preset--font-size--custom-7, 1rem);
	background: #262626;
	border: 2px solid #262626;
	border-radius: 0;
	color: #ffffff;
	font-family: var(--bs-body-font-family, sans-serif);
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.oad-ev-ticket-link-btn:hover,
.oad-ev-ticket-link-btn:focus {
	background: #ffffff;
	border-color: #262626;
	color: #262626;
	text-decoration: none;
}

.oad-ev-ticket-link-btn:focus-visible {
	outline: 3px solid #262626;
	outline-offset: 2px;
}

/**
 * Locked "Sell Tickets" button for an invited organiser.
 *
 * The button itself is styled by snippet 114 -- it is a <button> inside
 * div.geodir-sell-tickets, which that snippet paints solid blue, so it is
 * indistinguishable from the real thing. Nothing is restated here.
 *
 * The notice is a .bsui .alert, so snippet 246 gives it the site's white
 * background, 2px #262626 border and square corners like every other notice.
 */
.oad-ev-teaser-note[hidden] {
	display: none;
}

.oad-ev-teaser-note {
	margin-bottom: 0;
	text-align: center;
}

/**
 * Admin-only explanation where the ticket widget has nothing to render.
 * Quiet on purpose: it is a note, not a call to action.
 */
.oad-ev-admin-note {
	margin: 0;
	opacity: 0.65;
	font-size: 0.875rem;
	font-style: italic;
	text-align: center;
}