/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  Child theme of Hello Elementor for Theatre / Looking Glass Concessions page
 Author:       Stephanie James Publishing
 Author URI:   https://stephaniejamespublishing.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/

/* Parent styles are loaded via functions.php. Theatre-specific styles are in assets/theatre.css */

/* Logo + headphones on same horizontal line (wrapper created by JS) */
.elementor-location-header .header-logo-and-theatre {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 12px;
}
.elementor-location-header .header-theatre-headphones {
	display: inline-flex !important;
	align-items: center;
	flex-shrink: 0;
}
.elementor-location-header .header-theatre-headphones a {
	display: inline-block;
	line-height: 0;
}
.elementor-location-header .header-theatre-headphones img {
	height: 80px;
	width: auto;
	display: block;
	object-fit: contain;
}

/* Home button: centered link below the 4 marquee tiles */
.theatre-home-wrap {
	display: flex;
	justify-content: center;
	margin-top: 28px;
}

.theatre-home-btn {
	position: relative;
	display: inline-block;
	padding: 7px 14px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(18px, 2.6vw, 20px);
	color: #e0b55d !important;
	letter-spacing: 0.12em;
	text-decoration: none;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	text-align: center;
	border: 2px solid rgba(241, 179, 62, 0.55);
	border-radius: 12px;
	background: rgba(43, 20, 11, 0.6);
	transition: color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	z-index: 2;
}

.theatre-home-btn:hover {
	color: #f1d07a !important;
	border-color: rgba(241, 179, 62, 0.85);
	box-shadow: 0 0 12px rgba(255, 200, 80, 0.35);
	text-decoration: none;
}

@media (min-width: 640px) {
	.theatre-home-btn {
		padding: 12px 22px;
	}
}

@media (min-width: 768px) {
	.theatre-home-btn {
		padding: 8px 16px;
	}
}

@media (min-width: 1536px) {
	.theatre-home-btn {
		padding: 10px 20px;
	}
}