/* Madusa Agency — fundo da homepage (preto + serpentes) e rodapé transparente.
   Carregado pelo plugin Madusa Site. A imagem (1024x1536) mantém a proporção:
   a largura é definida por tela e ela fica presa ao canto inferior direito da página,
   atrás de OUR ARTISTS, agenda, booking e rodapé. O topo dela fica por trás do banner. */

body.home,
body.madusa-dark {
	background-color: #000;
}

body.home .wp-site-blocks,
body.madusa-dark .wp-site-blocks {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background-color: #000;
}

body.home .wp-site-blocks::before,
body.madusa-dark .wp-site-blocks::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: clamp(560px, 58vw, 1120px);
	aspect-ratio: 1024 / 1536;
	background: url("img/madusa-snakes-bg.jpg") right bottom / cover no-repeat;
	/* Esmaece o topo e a borda esquerda para a imagem se fundir ao preto, sem emendas */
	-webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 24%), linear-gradient(90deg, transparent 0%, #000 34%);
	-webkit-mask-composite: source-in;
	mask-image: linear-gradient(180deg, transparent 0%, #000 24%), linear-gradient(90deg, transparent 0%, #000 34%);
	mask-composite: intersect;
	pointer-events: none;
}

/* Rodapé transparente na homepage, na Tours, na About e na Booking; nas demais páginas mantém o roxo original */
body:not(.home):not(.madusa-dark) .madusa-footer {
	background-color: #21132f !important;
}

body.home .madusa-footer p,
body.madusa-dark .madusa-footer p {
	color: rgba(255, 255, 255, 0.82);
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
}

/* Celular: só a faixa direita da imagem aparece (as serpentes), atrás do booking e do rodapé */
@media (max-width: 781px) {
	body.home .wp-site-blocks::before {
		width: 150vw;
	}
}

/* Tours e About: páginas mais curtas, imagem um pouco menor para enquadrar as serpentes à direita */
body.madusa-dark .wp-site-blocks::before {
	width: clamp(480px, 46vw, 900px);
}

@media (max-width: 781px) {
	body.madusa-dark .wp-site-blocks::before {
		width: 130vw;
	}
}

/* Páginas internas (Tours, About, Booking, Artists e artistas individuais — body.madusa-dark):
   regra única para a distância entre o cabeçalho e o início do H1, e rodapé no fim da janela
   em páginas curtas. Os grupos de conteúdo de cada página não têm espaço superior próprio. */
body.madusa-dark .wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
}

body.madusa-dark .wp-site-blocks > main {
	flex: 1 0 auto;
	margin-top: 0;
	padding-top: 90px;
}

body.madusa-dark .wp-site-blocks > main .entry-content > :first-child,
body.madusa-dark .wp-site-blocks > main .entry-content > :first-child > h1:first-child {
	margin-top: 0;
}

body.madusa-dark .wp-site-blocks > footer {
	margin-top: 0;
}

@media (min-width: 782px) and (max-width: 1099px) {
	body.madusa-dark .wp-site-blocks > main {
		padding-top: 72px;
	}
}

@media (max-width: 781px) {
	body.madusa-dark .wp-site-blocks > main {
		padding-top: 48px;
	}
}