/* JG Gallery Layout + Site Title + Archive grid + Pagination
 * Fuente original: functions.php §21 (originalmente WPCode #75903).
 * Extraído en H1 F1 (2026-04-11). Sin cambios funcionales.
 */

/* ===========================================
   Gallery Full-Width + Layout Fixes
   =========================================== */

/* Desktop: gallery constrained to 1200px, centered */
.single-post .jg-justified-gallery {
	max-width: 100% !important;
	width: 100% !important;
	position: relative !important;
	left: auto !important;
	transform: none !important;
	padding: 0 !important;
	margin: 20px auto !important;
	gap: 10px !important;
}


/* Gallery alignwide/alignfull: break out of constrained content */
.single-post .entry-content .jg-justified-gallery.alignwide,
.single-post .entry-content .jg-justified-gallery.alignfull {
	width: 96vw !important;
	max-width: 1800px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}

/* Mobile: gallery with lateral padding */
@media (max-width: 768px) {
	.single-post .jg-justified-gallery {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 8px !important;
		gap: 10px !important;
	}
}

/* ===========================================
   Breadcrumb Visibility Rules
   Desktop: only on single posts
   Mobile: hidden everywhere
   =========================================== */
/* Breadcrumbs now visible on all pages (controlled by templates) */

@media (max-width: 768px) {
	.rank-math-breadcrumb {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		clip: rect(0, 0, 0, 0) !important;
		overflow: hidden !important;
		margin: -1px !important;
		padding: 0 !important;
		border: 0 !important;
	}
	.wp-site-blocks > header.wp-block-template-part {
		margin-top: 0 !important;
		margin-block-start: 0 !important;
	}
	.wp-site-blocks > .rank-math-breadcrumb + header.wp-block-template-part {
		margin-top: 0 !important;
		margin-block-start: 0 !important;
	}
}

/* ===========================================
   Archive Grid: hide tipologias, cleaner cards
   =========================================== */
.page-template-loop-proyectos .taxonomy-category,
.page-template-loop-proyectos .wp-block-post-terms.taxonomy-category {
	display: none !important;
}

.page-template-loop-proyectos .taxonomy-architects,
.page-template-loop-proyectos .taxonomy-architects a {
	font-weight: 200 !important;
	font-size: 0.8rem !important;
}

/* Architect font in archives: now controlled by child theme templates */

/* ===========================================
   Site Title: Cormorant Garamond serif (like .eu)
   =========================================== */
.wp-block-site-title,
.wp-block-site-title a {
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-weight: 300 !important;
	font-size: 1.8rem !important;
	letter-spacing: -0.03em !important;
	line-height: 1.2 !important;
}

/* ===========================================
   Post Title H1: match .eu size (48px)
   =========================================== */
.single-post h1.wp-block-post-title,
.single-post .wp-block-post-title,
.single-publicaciones h1.wp-block-post-title,
.single-publicaciones .wp-block-post-title,
.single-activities h1.wp-block-post-title,
.single-activities .wp-block-post-title {
	font-size: 3rem !important;
	line-height: 1.1 !important;
}

/* Mobile: H1 ~87% of 48px = ~42px */
@media (max-width: 768px) {
	.single-post h1.wp-block-post-title,
	.single-post .wp-block-post-title {
		font-size: clamp(2.6rem, 8vw, 3rem) !important;
		line-height: 1.1 !important;
		margin-top: 0.5em !important;
	}
	.single-post .taxonomy-architects,
	.single-post .taxonomy-architects a {
		font-size: 0.95rem !important;
	}
}



/* ── Pagination styling ── */
.wp-block-query-pagination {
	gap: 12px !important;
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif) !important;
}
.wp-block-query-pagination-numbers {
	display: flex;
	gap: 12px;
}
.wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	font-size: 1.1rem;
	font-weight: 300;
	color: #999;
	text-decoration: none;
	transition: color 0.15s;
}
.wp-block-query-pagination-numbers .page-numbers:hover {
	color: #1a1a1a;
}
.wp-block-query-pagination-numbers .page-numbers.current {
	color: #1a1a1a;
	font-weight: 300;
}
.wp-block-query-pagination-numbers .page-numbers.dots {
	color: #ccc;
}
.wp-block-query-pagination-previous a,
.wp-block-query-pagination-next a {
	font-size: 0.9rem !important;
	font-weight: 300 !important;
	color: #999 !important;
	text-decoration: none !important;
	letter-spacing: 0.04em;
}
.wp-block-query-pagination-previous a:hover,
.wp-block-query-pagination-next a:hover {
	color: #1a1a1a !important;
}