/* Tema Locus: o que o JavaScript do BuddyBoss fazia e aqui passa a ser só CSS. */

/* Listas de artigos: o BuddyBoss escondia a grelha até o «masonry» a desenhar. A grelha tem uma só coluna, por isso basta mostrá-la. */
.post-grid.bb-masonry {
	visibility: visible !important;
}

/* Vídeos do widget bb-review (Medjugorje e Bento XVI): proporção 16:9, que o BuddyBoss calculava com JavaScript. */
.bb-review__video.fluid-width-video-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.bb-review__video.fluid-width-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Grelha das listas em CSS, sem o «masonry» do BuddyBoss (que no site atual empilhava os cartões numa coluna).
   Computador: 3 colunas, o primeiro cartão ocupa 2. Telemóvel: 1 coluna, como antes. */
@media (min-width: 768px) {
	.post-grid.bb-masonry {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 24px;
		align-items: start;
		height: auto !important;
	}
	.post-grid.bb-masonry > * {
		width: auto !important;
		float: none !important;
		position: static !important;
		margin: 0 !important;
		left: auto !important;
		top: auto !important;
	}
	.post-grid.bb-masonry > article.first {
		grid-column: span 2;
	}
	.post-grid.bb-masonry > .bb-masonry-sizer {
		display: none;
	}
	/* O cartão de registo de leitores entra dentro do 2.º artigo: esse artigo ocupa a linha toda. */
	.post-grid.bb-masonry > article:has(.lg-card) {
		grid-column: 1 / -1;
	}
	.post-grid.bb-masonry > article:has(.lg-card) .post-inner-wrap {
		display: grid !important;
		grid-template-columns: minmax(0, 384px) minmax(0, 1fr);
		align-items: start;
	}
	.post-grid.bb-masonry > article:has(.lg-card) .ratio-wrap {
		max-height: 420px;
		overflow: hidden;
	}
}

/* Capitular dos parágrafos (regra do WordPress, block-library). As páginas congeladas usam-na e só têm um bloco HTML. */
.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase} .has-drop-cap.has-background{overflow:hidden}