/**
 * GIMUR Child: pàgines interiors (notícies, socis i col·laboradors, recursos,
 * events, join us). Base comuna a compact.css; targetes de notícia a home.css.
 */

/* ---------------------------------------------------------------------------
 * Notícies (plantilla blog.html): graella de 3 amb meta en una línia
 * ------------------------------------------------------------------------- */
.gx-archive {
	margin-block: var(--gx-section) !important;
	padding-inline: var(--wp--style--root--padding-left, 1.25rem);
}
/* Fora del <main> de la plantilla: limitem l'amplada a mà, alineada amb la resta */
.gx-archive > * {
	max-width: var(--wp--style--global--content-size, 860px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.gx-archive > .gx-lead {
	max-width: var(--wp--style--global--content-size, 860px) !important;
}
.gx-news--archive .gx-news__meta {
	gap: 0.35rem 0.9rem;
	margin: 0 !important;
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.gx-news--archive .gx-news__meta > * {
	margin: 0 !important;
	font-size: 0.8125rem !important;
}
.gx-news--archive .wp-block-post-terms a {
	position: relative;
	z-index: 2;
	color: var(--gx-accent-ink) !important;
	text-decoration: none !important;
}
.gx-news--archive .gx-news__title {
	font-size: 1.1875rem !important;
}
.gx-news--archive .gx-news__excerpt p {
	-webkit-line-clamp: 4;
}
.gx-news--archive .wp-block-query-pagination {
	margin-top: 1.5rem !important;
	padding-top: 1rem !important;
}
.gx-news--archive .wp-block-query-pagination a,
.gx-news--archive .wp-block-query-pagination .current {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* ---------------------------------------------------------------------------
 * Socis i col·laboradors: logos més junts (8 per fila), formulari compacte
 * ------------------------------------------------------------------------- */
.entry-content #gs_logo_area_51 .gs_logo_single--wrapper,
:is(main, section).site-content #gs_logo_area_51 .gs_logo_single--wrapper {
	width: 12.5% !important;
	padding: 2px !important;
}
.entry-content .gs_logo_area_51:not(.gx-home-partners *),
:is(main, section).site-content > .gs_logo_area_51 {
	margin-block: 0.5rem 0 !important;
}
:is(main, section).site-content > .jet-fb-form-block,
:is(main, section).site-content > .gs_logo_area + .wp-block-heading,
:is(main, section).site-content > .gs_logo_area ~ .wp-block-heading {
	margin-top: var(--gx-section) !important;
}
:is(main, section).site-content .jet-form-builder-row {
	padding-block: 0.35rem !important;
	margin: 0 !important;
}
:is(main, section).site-content .jet-form-builder textarea {
	min-height: 120px;
	max-height: 200px;
}

/* ---------------------------------------------------------------------------
 * Recursos: capçalera, revistes en 3 columnes
 * ------------------------------------------------------------------------- */
.gimur-section-header {
	padding-top: 1.5rem !important;
	padding-bottom: 0 !important;
}
.gimur-section-header__inner {
	padding-bottom: 0.9rem !important;
}
.entry-content > .wp-block-group > .wp-block-cover:not(:first-child),
.entry-content > .wp-block-group > .wp-block-cover:only-child {
	min-height: 0 !important;
	padding: clamp(1.5rem, 3.5vw, 2.5rem) clamp(1.25rem, 3vw, 2rem) !important;
}
/* Les 6 revistes: dues columnes de 3 passen a una graella de 3 x 2 */
.entry-content .wp-block-columns.gx-journals,
.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gx-gap) !important;
	margin-block: 0 !important;
}
.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) > .wp-block-column {
	display: contents !important;
}
.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) .wp-block-spacer {
	display: none !important;
}
.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) .wp-block-group {
	margin: 0 !important;
	max-width: none !important;
}
.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) p {
	margin-block: 0.35rem 0 !important;
}
.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) h3 {
	margin-block: 0 !important;
}

/* ---------------------------------------------------------------------------
 * Events: targetes en 3 columnes
 * ------------------------------------------------------------------------- */
.gimur-congress-list-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: var(--gx-gap) !important;
}
.gimur-congress-list-grid > * {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
}

/* ---------------------------------------------------------------------------
 * Tauleta i mòbil
 * ------------------------------------------------------------------------- */
@media (max-width: 1023px) {
	.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.gimur-congress-list-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.entry-content #gs_logo_area_51 .gs_logo_single--wrapper,
	:is(main, section).site-content #gs_logo_area_51 .gs_logo_single--wrapper {
		width: 16.666% !important;
	}
}
@media (max-width: 781px) {
	.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) {
		grid-template-columns: 1fr;
	}
	.gx-news--archive .wp-block-post-template {
		display: grid !important;
		grid-template-columns: 1fr !important;
		overflow: visible;
		margin-right: 0 !important;
		padding-right: 0 !important;
	}
	.gx-news--archive .wp-block-post-template > li.wp-block-post {
		flex: none !important;
	}
	.gimur-congress-list-grid {
		grid-template-columns: 1fr !important;
	}
	.entry-content #gs_logo_area_51 .gs_logo_single--wrapper,
	:is(main, section).site-content #gs_logo_area_51 .gs_logo_single--wrapper {
		width: 25% !important;
	}
}

/* Entre la capçalera de notícies i el llistat només hi va el ritme de la secció */
:is(main, section).site-content:has(+ .gx-archive) {
	padding-bottom: 0 !important;
}

/* Socis: la pàgina porta un <main> dins del contingut. Sense el coixí doble
 * de la plantilla (40px dalt) ni el del <main> intern (baix). */
.wp-site-blocks > :is(main, section).site-content:has(> .entry-content > :is(main, section).site-content > .wp-block-cover:first-child) {
	padding-top: 0 !important;
}
.entry-content > :is(main, section).site-content:not(.gx-home-hub) {
	padding-bottom: 0 !important;
}
/* Logos: l'original posava 24px de coixí i alçada fixa a cada logo */
.entry-content .gs_logo_area .gs_logo_single {
	padding: 4px !important;
	height: auto !important;
}
.entry-content .gs_logo_area .gs_logo_single img {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
}

/* Events: menys aire dins de la targeta (insígnia, títol, data i lloc) */
.gimur-congress-list-card-body {
	padding: 1rem 1.15rem !important;
	display: flex;
	flex-direction: column;
}
.gimur-congress-list-card-body .gimur-listing-badge {
	align-self: flex-start;
	margin-bottom: 0.75rem !important;
}
.gimur-congress-list-card-body .gimur-congress-list-title {
	margin: 0 0 0.4rem !important;
}
.gimur-congress-list-card-body .gimur-congress-list-date {
	margin: 0 0 0.25rem !important;
}
.gimur-congress-list-card-body .gimur-congress-list-location {
	margin: 0 0 0.75rem !important;
}
.gimur-congress-list-card-body .gimur-congress-list-card-footer {
	margin-top: auto !important;
	padding-top: 0.75rem !important;
}

/* Recursos: cada revista amb menys coixí vertical */
.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) .wp-block-group {
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
}
@media (max-width: 781px) {
	.gimur-section-header {
		padding-top: 1rem !important;
	}
	.entry-content > .wp-block-group > .wp-block-cover:not(:first-child) {
		padding: 1.25rem 1.1rem !important;
	}
	.entry-content .wp-block-columns:has(> .wp-block-column > .wp-block-group > h3.has-medium-font-size + p + p.has-small-font-size) .wp-block-group {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	/* Join us: els tres avantatges amb menys separació */
	.entry-content > .wp-block-group > .wp-block-columns > .wp-block-column > h3:first-child {
		margin-top: 0 !important;
	}
}

/* Notícies relacionades al peu d'una notícia */
.gx-related {
	margin-top: var(--gx-section) !important;
	margin-bottom: var(--gx-section) !important;
}

/* ---------------------------------------------------------------------------
 * Àrees de recerca (gx-page-research-areas, EN i ES)
 * ------------------------------------------------------------------------- */
/* L'acordió va dins d'un <main> propi del contingut: a la mateixa amplada que la resta */
.entry-content > :is(main, section).site-content > .wp-block-toggles {
	max-width: var(--wp--style--global--content-size, 860px);
	margin-inline: auto !important;
}
.gx-page-research-areas .entry-content > :is(main, section).site-content > .wp-block-cover:first-child + .wp-block-spacer {
	display: none !important;
}
.gx-page-research-areas .entry-content > :is(main, section).site-content > .wp-block-cover:first-child ~ .wp-block-toggles:first-of-type {
	margin-top: var(--gx-section) !important;
}
/* Un àmbit amb línies desplegables (les munta un script del mu-plugin dins de
 * .gimur-ra-area): una sola columna. En dues, el contenidor es partia entre
 * columnes i l'esquerra començava més avall, amb un filet buit a dalt. */
.wp-block-toggles__content:has(> .gimur-ra-area) {
	columns: auto;
	padding-bottom: 0.5rem;
}
.gimur-ra-area {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.gimur-ra-area > .wp-block-spacer,
.gimur-ra-area > h1 {
	display: none !important;
}
.gimur-ra-sub {
	border-bottom: 1px solid var(--gx-line);
}
.gimur-ra-sub:first-of-type {
	border-top: 1px solid var(--gx-line);
}
.gimur-ra-sub summary {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0.5rem 2rem 0.5rem 0;
	font-family: var(--gx-serif);
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.35;
	color: var(--gx-brand);
}
.gimur-ra-sub summary::after {
	border-color: var(--gx-accent-ink);
	transition: none;
}
.gimur-ra-sub-body {
	max-width: 42.5rem;
	padding: 0 0 1rem;
}
.gimur-ra-sub-body p {
	font-size: 1rem;
	line-height: 1.6;
}
/* Enllaç "tornar a dalt" de cada línia: amb l'àncora al títol de la capçalera */
.gimur-ra-sub-body a[href="#top"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

/* ---------------------------------------------------------------------------
 * Accés (gx-page-login, EN i ES): títol visible i formulari d'amplada útil
 * ------------------------------------------------------------------------- */
body.gx-page-login h1.wp-block-post-title {
	display: block !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto 1.25rem !important;
	overflow: visible !important;
	clip: auto !important;
	white-space: normal !important;
	text-align: center;
	font-family: var(--gx-serif) !important;
	font-size: var(--wp--preset--font-size--section, 2.25rem) !important;
	color: var(--gx-brand) !important;
}
body.gx-page-login main.site-content {
	padding-top: clamp(1.5rem, 4vw, 2.5rem) !important;
}
.gx-page-login .entry-content {
	padding-top: 0 !important;
	min-height: 0 !important;
}
.gx-page-login .entry-content::before {
	display: none !important;
}
.gx-page-login .entry-content > * {
	width: min(100%, 420px) !important;
}
.gx-page-login .entry-content form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	width: 100%;
	max-width: none;
}

/* Events: títol en majúscules i minúscules, subratllat només en passar-hi o amb focus */
.entry-content .gimur-congress-list-title a:not(:hover):not(:focus-visible) {
	text-decoration: none !important;
}
.gimur-congress-list-title {
	font-size: 1.1875rem !important;
	line-height: 1.3 !important;
	text-wrap: balance;
	/* Ara és h2 (abans h3): el mateix pes i espaiat que tenia */
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
}

/* ---------------------------------------------------------------------------
 * Capçalera amb foto de les pàgines interiors: el títol ocupava la meitat de
 * l'amplada perquè el patró original té una segona columna només amb un
 * separador. La columna buida no es pinta i el títol fa servir tota l'amplada.
 * ------------------------------------------------------------------------- */
/* Només a les capçaleres que porten únicament el títol (no a la portada ni a About,
 * que tenen entradeta i botons en columnes pròpies) */
.wp-block-cover:not(:has(p, .wp-block-buttons)) .wp-block-columns > .wp-block-column:not(:has(h1, h2, h3, p, a, img, ul, ol, figure)) {
	display: none !important;
}
.wp-block-cover:not(:has(p, .wp-block-buttons)) .wp-block-columns > .wp-block-column:has(h1) {
	flex: 1 1 100% !important;
}
.wp-block-cover:not(:has(p, .wp-block-buttons)) h1 {
	text-wrap: balance;
}

/* ---------------------------------------------------------------------------
 * Partners (EN i ES): introducció i logos a la columna de contingut
 * ------------------------------------------------------------------------- */
.gx-page-partners .entry-content > .site-content > .wp-block-cover:first-child + .wp-block-spacer {
	display: none !important;
}
.gx-page-partners .entry-content > .site-content > p {
	max-width: min(68ch, var(--wp--style--global--content-size, 860px)) !important;
	margin-left: max(0px, calc((100% - var(--wp--style--global--content-size, 860px)) / 2)) !important;
	margin-right: auto !important;
	margin-top: var(--gx-section) !important;
}
.gx-page-partners .entry-content > .site-content > .gs_logo_area {
	max-width: var(--wp--style--global--content-size, 860px);
	margin-inline: auto !important;
	margin-top: 1.5rem !important;
}

/* ---------------------------------------------------------------------------
 * Graella de logos (Partners i portada): mateixa caixa per a cada logo,
 * en escala de grisos i amb el color en passar-hi el ratolí.
 * ------------------------------------------------------------------------- */
.gs_logo_area .gs_logo_container {
	row-gap: var(--gx-gap);
}
.gs_logo_area .gs_logo_single {
	display: flex !important;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.gs_logo_area .gs_logo_single img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	padding: 0;
	filter: grayscale(1);
	opacity: 0.85;
}
.gs_logo_area .gs_logo_single:hover img,
.gs_logo_area .gs_logo_single:focus-within img {
	filter: none;
	opacity: 1;
}
@media (prefers-reduced-motion: no-preference) {
	.gs_logo_area .gs_logo_single img {
		transition: filter 0.2s ease, opacity 0.2s ease;
	}
}
