/*
 Theme Name: Espazo Ollie Child
 Theme URI: https://espazo.pt
 Description: Child theme do Ollie com design system, patterns e templates para espazo.pt. Tokens de cor e tipografia conforme Espazo-Ollie-Design-Specs (Inter, verde #9BCA3C).
 Author: Espazo
 Version: 1.2.0
 Template: ollie
 Requires at least: 6.6
 Tested up to: 7.1
 Requires PHP: 8.1
 Text Domain: espazo-ollie-child
*/

/* ---------------------------------------------------------------------------
   CTA fixo em mobile — complemento ao suporte nativo de sticky do core.
   O core faz "sticky top" em blocos de topo; a ancoragem ao fundo é CSS.
   --------------------------------------------------------------------------- */
.espazo-sticky-cta {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 90; /* Abaixo do banner de consentimento do CookieYes (999...). */
	display: flex;
	gap: var(--wp--preset--spacing--20, 12px);
	justify-content: center;
	padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
	background: var(--wp--preset--color--base, #fff);
	border-top: 1px solid var(--wp--preset--color--border-light, #E5E7EB);
	box-shadow: 0 -2px 12px rgb(31 41 55 / 10%);
}

.espazo-sticky-cta .wp-block-button__link {
	min-height: 44px; /* Alvo de toque mínimo (WCAG 2.5.5). */
	display: inline-flex;
	align-items: center;
}

/* Só em mobile. */
@media (min-width: 783px) {
	.espazo-sticky-cta { display: none; }
}

/* Impede que a barra tape o fim do conteúdo. */
@media (max-width: 782px) {
	body:has(.espazo-sticky-cta) .wp-site-blocks > footer { padding-bottom: 88px; }
}

@media print {
	.espazo-sticky-cta { display: none; }
}

/* ---------------------------------------------------------------------------
   Banner — variantes de estilo do bloco de grupo.
   Ligar/desligar faz-se esvaziando a parte de modelo «Banner» no Editor do
   Site; as revisões do core guardam a versão anterior.
   --------------------------------------------------------------------------- */
.espazo-banner { text-align: center; }
.espazo-banner .wp-block-group { gap: var(--wp--preset--spacing--40, 12px); }
.espazo-banner p { margin: 0; }

.espazo-banner.is-style-banner-info {
	background: var(--wp--preset--color--tertiary, #F0F5FA);
	color: var(--wp--preset--color--main, #1F2937);
	border-bottom: 1px solid var(--wp--preset--color--border-light, #E5E7EB);
}
.espazo-banner.is-style-banner-alerta {
	background: var(--wp--preset--color--primary-alt, #12433A);
	color: var(--wp--preset--color--base, #fff);
}
.espazo-banner.is-style-banner-alerta a { color: var(--wp--preset--color--primary, #9BCA3C); }

/* O modal passou a ser o bloco espazo/modal — ver blocks/modal/style.css */
