/**
 * Ajustes mínimos para conciliar os blocos nativos do WordPress
 * (site-logo, etc.) com o CSS original do site, sem alterar main.css.
 */

/* O WordPress aplica um "blockGap" de 24px entre os blocos de topo
   (header, conteúdo, footer), o que deixava faixas brancas que o site
   original não tem. */
.wp-site-blocks > *,
.wp-block-post-content.is-layout-flow > * {
	margin-block-start: 0;
}

/* O botão do menu lateral (sidebar) só deve aparecer em ecrãs pequenos,
   tal como no site original. */
@media (min-width: 768px) {
	#sidebar-toggler {
		display: none !important;
	}
}

/* Carrinho / Checkout (WooCommerce) — mesma largura de conteúdo e
   espaçamento do "Carrinho de Compras" do site original. */
.ame-wc-page {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 15px 80px;
}
.ame-wc-page .wp-block-post-content > * {
	margin-block-start: 0;
}

/* Botão "Finalizar compras" do carrinho: o WooCommerce passa-o para a
   versão fixa de telemóvel (escondida em ecrãs grandes) se, durante o
   carregamento, o botão ficar abaixo do ecrã — e não volta atrás. Em ecrãs
   grandes mostramo-lo sempre, na coluna do total. */
@media (min-width: 783px) {
	.wc-block-cart .wc-block-cart__submit-container--sticky {
		display: block !important;
		position: static;
		padding: 0;
		background: none !important;
	}
	.wc-block-cart .wc-block-cart__submit-container--sticky::before {
		display: none;
	}
}

/* Botão "Escolher Lugares" (Seating Charts): mesmo estilo que o ".button"
   do site original, em vez do botão cinzento do browser. */
#tickets-page .tc_seating_map_button {
	cursor: pointer;
	font-family: 'Poppins', serif;
	font-size: 12px;
	padding: 14px 25px;
	text-transform: uppercase;
	line-height: 1;
	border: 0;
	border-radius: 50px;
	font-weight: 600;
	letter-spacing: .5px;
	color: #fff;
	background: none;
	box-shadow: 0 0 0 3em #be937e inset;
	transition: all .3s;
}
#tickets-page .tc_seating_map_button:hover,
#tickets-page .tc_seating_map_button:focus-visible {
	box-shadow: 0 0 0 2px #be937e inset;
	color: #be937e;
}

/* Planta de lugares (Tickera Seating Charts) — a letra de cada fila fica
   à esquerda da fila, como na planta do site original, em vez de por cima. */
.tc_seating_map .tc-group-seats .tc-heading {
	position: absolute;
	left: -45px;
	bottom: 0;
	height: 41px;
	display: flex;
	align-items: center;
	background: none !important;
}
.tc_seating_map .tc-group-seats .tc-heading h3 {
	margin: 0;
	color: #be937e;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
