/*
Theme Name: Salient UP
Description: Unexpected Productions redesign (2027), a Salient child theme. Built alongside Salient Child, which stays active until launch; admins preview this one with the theater-theme-preview plugin.
Template: salient
Version: 0.1.0
Text Domain: salient-up
*/

/* ==========================================================================
   Carried over from Salient Child, so a page looks the same in preview
   until the redesign deliberately changes it. A fix to one of these during
   the build has to go in salient-child/style.css as well.
   The redesign's own styles are in assets/css/.
   ========================================================================== */

/* Nectar Slider: text shadow and outline on slide headings and text. */
body .swiper-slide .content h2 {
	text-shadow: 0 0 10px #000,
		1px 1px rgba(0, 0, 0, 0.5),
		1px -1px rgba(0, 0, 0, 0.5),
		-1px 1px rgba(0, 0, 0, 0.5),
		-1px -1px rgba(0, 0, 0, 0.5);
	margin-bottom: 0;
}

body .swiper-slide .content p {
	text-shadow: 0 0 10px #000,
		1px 1px rgba(0, 0, 0, 0.5),
		1px -1px rgba(0, 0, 0, 0.5),
		-1px 1px rgba(0, 0, 0, 0.5),
		-1px -1px rgba(0, 0, 0, 0.5);
}

/* The Events Calendar: hide the Organizer box on single event pages. */
.tribe-events-meta-group-organizer {
	display: none !important;
}

/* Sticky "Get Tickets" bar on phones (markup in inc/carried-over.php). */
.sticky-tickets {
	display: none;
}

@media (max-width: 768px) {
	.sticky-tickets {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 14px 20px calc(14px + env(safe-area-inset-bottom));
		text-align: center;
		font: 600 16px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
		color: #fff;
		background: #00803f; /* white on it is 5:1 (WCAG AA); the old #0c6 was 2.1:1 */
		text-decoration: none;
		z-index: 9999;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
		box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.12);
	}

	.sticky-tickets:focus {
		outline: 2px solid #000;
		outline-offset: 2px;
	}

	body.has-sticky-tickets {
		padding-bottom: calc(62px + env(safe-area-inset-bottom));
	}
}

/* Eventbrite checkout button from [up_eventbrite] (theater-events plugin). */
.up-eventbrite-button {
	background-color: #ba020e;
	color: #fff;
	border: 4px solid #000;
	padding: 10px;
	margin: 10px;
	cursor: pointer;
}