From 82ffe291d63b2cc18e01910a82cf1f94c5d8aa4d Mon Sep 17 00:00:00 2001
From: Saulo Padilha <saulo@tri.be>
Date: Thu, 9 Apr 2026 00:58:38 -0300
Subject: [PATCH 1/6] [MOOSE-348]: Style pagination for smaller devices

---
 .../blocks/core/querypagination/style.pcss    | 89 +++++++++++++------
 1 file changed, 64 insertions(+), 25 deletions(-)

diff --git a/wp-content/themes/core/blocks/core/querypagination/style.pcss b/wp-content/themes/core/blocks/core/querypagination/style.pcss
index f691b804a..944afaa8e 100644
--- a/wp-content/themes/core/blocks/core/querypagination/style.pcss
+++ b/wp-content/themes/core/blocks/core/querypagination/style.pcss
@@ -4,21 +4,37 @@
  *
  * ------------------------------------------------------------------------- */
 
-@import "_variables.pcss";
+@import '_variables.pcss';
 
 .wp-block-query-pagination {
-	gap: 0 var(--spacer-40) !important;
-	margin-top: var(--spacer-50) !important;
+	gap: 0 var( --spacer-40 ) !important;
+	margin-top: var( --spacer-50 ) !important;
 
 	/* ensure all links within the pagination get the same styling */
 	a {
-		color: var(--pagination-link-color);
+		color: var( --pagination-link-color );
 		text-decoration: none;
-		transition: var(--transition);
+		transition: var( --transition );
 
 		&:hover,
-		&:focus:not(:focus-visible) {
-			color: var(--pagination-link-hover-color);
+		&:focus:not( :focus-visible ) {
+			color: var( --pagination-link-hover-color );
+		}
+	}
+
+	/* Handles mobile and desktop pagination variants using dedicated modifier classes */
+	&.b-pagination-desktop {
+		display: none;
+	}
+
+	@media ( --mq-tablet ) {
+
+		&.b-pagination-mobile {
+			display: none;
+		}
+
+		&.b-pagination-desktop {
+			display: flex;
 		}
 	}
 }
@@ -30,27 +46,50 @@
 .wp-block-query-pagination-numbers {
 	display: flex;
 	align-items: center;
-	gap: 0 var(--spacer-20);
+	gap: 0 var( --spacer-20 );
 	margin: 0;
 
+	/* Reduce the space between numbers on tiny screens */
+	@media ( max-width: 376px ) {
+		gap: 0 var( --spacer-10 );
+	}
+
 	.page-numbers {
 		line-height: 1;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		height: var(--pagination-numbers-size);
-		width: var(--pagination-numbers-size);
+		height: var( --pagination-numbers-size );
+		width: var( --pagination-numbers-size );
 		border-radius: 100%;
 
-		&:where(:not(.current, .dots)):hover,
-		&:where(:not(.current, .dots)):focus:not(:focus-visible) {
-			background-color: var(--pagination-numbers-hover-background-color);
+		&:where( :not( .current, .dots ) ):hover,
+		&:where( :not( .current, .dots ) ):focus:not( :focus-visible ) {
+			background-color: var(
+				--pagination-numbers-hover-background-color
+			);
 		}
 
 		/* Current page indicator */
 		&.current {
-			background-color: var(--pagination-numbers-current-background-color);
-			color: var(--pagination-numbers-current-color);
+			background-color: var(
+				--pagination-numbers-current-background-color
+			);
+			color: var( --pagination-numbers-current-color );
+		}
+
+
+		/* Mobile pagination simplification:
+		hide all items except first, last, current page and ellipsis */
+		@media (--mq-mobile-max) {
+			display: none;
+
+			&:first-child,
+			&:last-child,
+			&.current,
+			&.dots {
+				display: flex;
+			}
 		}
 	}
 }
@@ -67,8 +106,8 @@
 	margin: 0;
 	font-size: 0;
 
-	@media (--mq-desktop) {
-		gap: var(--spacer-20);
+	@media ( --mq-desktop ) {
+		gap: var( --spacer-20 );
 		font-size: inherit;
 	}
 
@@ -82,24 +121,24 @@
 		margin: 0;
 
 		&::before {
-			content: "";
+			content: '';
 			display: block;
 			width: 100%;
 			height: 100%;
-			background-color: var(--pagination-prev-next-icon-color);
-			mask: var(--icon-chevron-left) center no-repeat;
+			background-color: var( --pagination-prev-next-icon-color );
+			mask: var( --icon-chevron-left ) center no-repeat;
 			mask-size: contain;
-			transition: var(--transition);
+			transition: var( --transition );
 		}
 	}
 
 	&:hover,
-	&:focus:not(:focus-visible) {
-		color: var(--pagination-prev-next-hover-color) !important;
+	&:focus:not( :focus-visible ) {
+		color: var( --pagination-prev-next-hover-color ) !important;
 
 		.is-arrow-chevron::before,
 		.is-arrow-arrow::before {
-			background-color: var(--pagination-prev-next-icon-hover-color);
+			background-color: var( --pagination-prev-next-icon-hover-color );
 		}
 	}
 }
@@ -109,6 +148,6 @@
 
 	.is-arrow-chevron::before,
 	.is-arrow-arrow::before {
-		mask-image: var(--icon-chevron-right);
+		mask-image: var( --icon-chevron-right );
 	}
 }

From c6898d431aaee67163cf6884fe9d3ba66adc0741 Mon Sep 17 00:00:00 2001
From: Saulo Padilha <saulo@tri.be>
Date: Thu, 9 Apr 2026 01:11:04 -0300
Subject: [PATCH 2/6] [MOOSE-348]: Update templates

---
 wp-content/themes/core/templates/archive.html | 22 ++++--
 wp-content/themes/core/templates/index.html   | 24 ++++--
 wp-content/themes/core/templates/search.html  | 78 +++++++++++--------
 3 files changed, 77 insertions(+), 47 deletions(-)

diff --git a/wp-content/themes/core/templates/archive.html b/wp-content/themes/core/templates/archive.html
index 72714360f..f518927e4 100644
--- a/wp-content/themes/core/templates/archive.html
+++ b/wp-content/themes/core/templates/archive.html
@@ -1,17 +1,26 @@
-<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
-<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+<!-- wp:template-part {"slug":"header","theme":"core","tagName":"header","className":"site-header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"},"hasTransparentBackground":false} -->
 <main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:query-title {"type":"archive","textAlign":"center","showPrefix":false,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} /-->
 
-<!-- wp:query {"queryId":0,"query":{"perPage":18,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"align":"wide"} -->
+<!-- wp:query {"queryId":0,"query":{"perPage":18,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"align":"wide","className":"alignwide"} -->
 <div class="wp-block-query alignwide"><!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
-	<!-- wp:tribe/post-card {"headingLevel":"h2"} /-->
+<!-- wp:tribe/post-card {"headingLevel":"h2"} /-->
 <!-- /wp:post-template -->
 
 <!-- wp:spacer {"height":"var:preset|spacing|50"} -->
 <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"center"}} -->
+<!-- wp:query-pagination {"paginationArrow":"chevron","metadata":{"name":"Pagination - Mobile"},"className":"b-pagination-mobile","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
+<!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
+
+<!-- wp:query-pagination-numbers {"midSize":0} /-->
+
+<!-- wp:query-pagination-next {"label":"Next Page"} /-->
+<!-- /wp:query-pagination -->
+
+<!-- wp:query-pagination {"paginationArrow":"chevron","metadata":{"name":"Pagination - Desktop"},"className":"b-pagination-desktop","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
 <!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
 
 <!-- wp:query-pagination-numbers /-->
@@ -20,4 +29,5 @@
 <!-- /wp:query-pagination --></div>
 <!-- /wp:query --></main>
 <!-- /wp:group -->
-<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
+
+<!-- wp:template-part {"slug":"footer","theme":"core","tagName":"footer","className":"site-footer"} /-->
diff --git a/wp-content/themes/core/templates/index.html b/wp-content/themes/core/templates/index.html
index bd5a565f1..b1491fcec 100644
--- a/wp-content/themes/core/templates/index.html
+++ b/wp-content/themes/core/templates/index.html
@@ -1,19 +1,28 @@
-<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
+<!-- wp:template-part {"slug":"header","theme":"core","tagName":"header","className":"site-header"} /-->
+
 <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
-<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":1,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
-<h1 class="wp-block-heading alignwide has-text-align-center" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)">Posts Title - Editable in FSE</h1>
+<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":1,"align":"wide","className":"alignwide","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
+<h1 class="wp-block-heading has-text-align-center alignwide" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)">Posts Title - Editable in FSE</h1>
 <!-- /wp:heading -->
 
-<!-- wp:query {"queryId":0,"query":{"perPage":18,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"align":"wide"} -->
+<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"align":"wide","className":"alignwide"} -->
 <div class="wp-block-query alignwide"><!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
-	<!-- wp:tribe/post-card {"headingLevel":"h2"} /-->
+<!-- wp:tribe/post-card {"headingLevel":"h2"} /-->
 <!-- /wp:post-template -->
 
 <!-- wp:spacer {"height":"var:preset|spacing|50"} -->
 <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"center"}} -->
+<!-- wp:query-pagination {"paginationArrow":"chevron","metadata":{"name":"Pagination - Mobile"},"className":"b-pagination-mobile","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
+<!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
+
+<!-- wp:query-pagination-numbers {"midSize":0} /-->
+
+<!-- wp:query-pagination-next {"label":"Next Page"} /-->
+<!-- /wp:query-pagination -->
+
+<!-- wp:query-pagination {"paginationArrow":"chevron","metadata":{"name":"Pagination - Desktop"},"className":"b-pagination-desktop","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
 <!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
 
 <!-- wp:query-pagination-numbers /-->
@@ -22,4 +31,5 @@ <h1 class="wp-block-heading alignwide has-text-align-center" style="margin-top:0
 <!-- /wp:query-pagination --></div>
 <!-- /wp:query --></main>
 <!-- /wp:group -->
-<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
+
+<!-- wp:template-part {"slug":"footer","theme":"core","tagName":"footer","className":"site-footer"} /-->
diff --git a/wp-content/themes/core/templates/search.html b/wp-content/themes/core/templates/search.html
index bc49df742..faceabd87 100644
--- a/wp-content/themes/core/templates/search.html
+++ b/wp-content/themes/core/templates/search.html
@@ -1,37 +1,47 @@
-<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
+<!-- wp:template-part {"slug":"header","theme":"core","tagName":"header","className":"site-header"} /-->
+
 <!-- wp:group {"tagName":"main","metadata":{"name":"Search Results"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
 <main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"metadata":{"name":"Search Results - Header"},"style":{"spacing":{"margin":{"bottom":"0"}}},"layout":{"type":"constrained"}} -->
-	<div class="wp-block-group" style="margin-bottom:0"><!-- wp:heading {"textAlign":"center","level":1,"className":"is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}}} -->
-		<h1 class="wp-block-heading has-text-align-center is-style-default" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)">Search</h1>
-		<!-- /wp:heading -->
-
-		<!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} /--></div>
-	<!-- /wp:group -->
-
-	<!-- wp:group {"metadata":{"name":"Search Results - Results"},"align":"wide","className":"alignwide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
-	<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50)"><!-- wp:paragraph {"align":"wide","metadata":{"bindings":{"content":{"source":"tribe/query-results-count"}}},"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} -->
-		<p class="has-text-align-wide" style="margin-bottom:var(--wp--preset--spacing--40)"></p>
-		<!-- /wp:paragraph -->
-
-		<!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"parents":[],"format":[]},"align":"wide","className":"alignwide s-remove-margin\u002d\u002dtop"} -->
-		<div class="wp-block-query alignwide s-remove-margin--top"><!-- wp:post-template {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default","columnCount":3}} -->
-			<!-- wp:tribe/search-card /-->
-			<!-- /wp:post-template -->
-
-			<!-- wp:query-no-results -->
-			<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0"}}}} -->
-			<p class="has-text-align-center" style="margin-top:0">Your search returned no results. Please try another search term.</p>
-			<!-- /wp:paragraph -->
-			<!-- /wp:query-no-results -->
-
-			<!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"center"}} -->
-			<!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
-
-			<!-- wp:query-pagination-numbers /-->
-
-			<!-- wp:query-pagination-next {"label":"Next Page"} /-->
-			<!-- /wp:query-pagination --></div>
-		<!-- /wp:query --></div>
-	<!-- /wp:group --></main>
+<div class="wp-block-group" style="margin-bottom:0"><!-- wp:heading {"textAlign":"center","level":1,"className":"is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}}} -->
+<h1 class="wp-block-heading has-text-align-center is-style-default" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)">Search</h1>
+<!-- /wp:heading -->
+
+<!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} /--></div>
 <!-- /wp:group -->
-<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
+
+<!-- wp:group {"metadata":{"name":"Search Results - Results"},"align":"wide","className":"alignwide","style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--50)"><!-- wp:paragraph {"align":"wide","metadata":{"bindings":{"content":{"source":"tribe/query-results-count"}}},"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} -->
+<p class="has-text-align-wide" style="margin-bottom:var(--wp--preset--spacing--40)"></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"parents":[],"format":[]},"align":"wide","className":"alignwide s-remove-margin\u002d\u002dtop"} -->
+<div class="wp-block-query alignwide s-remove-margin--top"><!-- wp:post-template {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default","columnCount":3}} -->
+<!-- wp:tribe/search-card /-->
+<!-- /wp:post-template -->
+
+<!-- wp:query-no-results -->
+<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0"}}}} -->
+<p class="has-text-align-center" style="margin-top:0">Your search returned no results. Please try another search term.</p>
+<!-- /wp:paragraph -->
+<!-- /wp:query-no-results -->
+
+<!-- wp:query-pagination {"paginationArrow":"chevron","className":"b-pagination-mobile","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
+<!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
+
+<!-- wp:query-pagination-numbers {"midSize":0} /-->
+
+<!-- wp:query-pagination-next {"label":"Next Page"} /-->
+<!-- /wp:query-pagination -->
+
+<!-- wp:query-pagination {"paginationArrow":"chevron","className":"b-pagination-desktop","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
+<!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next {"label":"Next Page"} /-->
+<!-- /wp:query-pagination --></div>
+<!-- /wp:query --></div>
+<!-- /wp:group --></main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","theme":"core","tagName":"footer","className":"site-footer"} /-->

From 75a1fd360701a9566d3eefe5c051d481f15626c8 Mon Sep 17 00:00:00 2001
From: Saulo Padilha <saulo@tri.be>
Date: Thu, 9 Apr 2026 02:54:22 -0300
Subject: [PATCH 3/6] [MOOSE-348]: Format file

---
 .../blocks/core/querypagination/style.pcss    | 57 +++++++++----------
 wp-content/themes/core/templates/index.html   |  2 +-
 2 files changed, 28 insertions(+), 31 deletions(-)

diff --git a/wp-content/themes/core/blocks/core/querypagination/style.pcss b/wp-content/themes/core/blocks/core/querypagination/style.pcss
index 944afaa8e..c411c47d3 100644
--- a/wp-content/themes/core/blocks/core/querypagination/style.pcss
+++ b/wp-content/themes/core/blocks/core/querypagination/style.pcss
@@ -4,21 +4,21 @@
  *
  * ------------------------------------------------------------------------- */
 
-@import '_variables.pcss';
+@import "_variables.pcss";
 
 .wp-block-query-pagination {
-	gap: 0 var( --spacer-40 ) !important;
-	margin-top: var( --spacer-50 ) !important;
+	gap: 0 var(--spacer-40) !important;
+	margin-top: var(--spacer-50) !important;
 
 	/* ensure all links within the pagination get the same styling */
 	a {
-		color: var( --pagination-link-color );
+		color: var(--pagination-link-color);
 		text-decoration: none;
-		transition: var( --transition );
+		transition: var(--transition);
 
 		&:hover,
-		&:focus:not( :focus-visible ) {
-			color: var( --pagination-link-hover-color );
+		&:focus:not(:focus-visible) {
+			color: var(--pagination-link-hover-color);
 		}
 	}
 
@@ -27,7 +27,7 @@
 		display: none;
 	}
 
-	@media ( --mq-tablet ) {
+	@media (--mq-tablet) {
 
 		&.b-pagination-mobile {
 			display: none;
@@ -46,12 +46,12 @@
 .wp-block-query-pagination-numbers {
 	display: flex;
 	align-items: center;
-	gap: 0 var( --spacer-20 );
+	gap: 0 var(--spacer-20);
 	margin: 0;
 
 	/* Reduce the space between numbers on tiny screens */
-	@media ( max-width: 376px ) {
-		gap: 0 var( --spacer-10 );
+	@media (max-width: 376px) {
+		gap: 0 var(--spacer-10);
 	}
 
 	.page-numbers {
@@ -59,15 +59,13 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		height: var( --pagination-numbers-size );
-		width: var( --pagination-numbers-size );
+		height: var(--pagination-numbers-size);
+		width: var(--pagination-numbers-size);
 		border-radius: 100%;
 
-		&:where( :not( .current, .dots ) ):hover,
-		&:where( :not( .current, .dots ) ):focus:not( :focus-visible ) {
-			background-color: var(
-				--pagination-numbers-hover-background-color
-			);
+		&:where(:not(.current, .dots)):hover,
+		&:where(:not(.current, .dots)):focus:not(:focus-visible) {
+			background-color: var(--pagination-numbers-hover-background-color);
 		}
 
 		/* Current page indicator */
@@ -75,10 +73,9 @@
 			background-color: var(
 				--pagination-numbers-current-background-color
 			);
-			color: var( --pagination-numbers-current-color );
+			color: var(--pagination-numbers-current-color);
 		}
 
-
 		/* Mobile pagination simplification:
 		hide all items except first, last, current page and ellipsis */
 		@media (--mq-mobile-max) {
@@ -106,8 +103,8 @@
 	margin: 0;
 	font-size: 0;
 
-	@media ( --mq-desktop ) {
-		gap: var( --spacer-20 );
+	@media (--mq-desktop) {
+		gap: var(--spacer-20);
 		font-size: inherit;
 	}
 
@@ -121,24 +118,24 @@
 		margin: 0;
 
 		&::before {
-			content: '';
+			content: "";
 			display: block;
 			width: 100%;
 			height: 100%;
-			background-color: var( --pagination-prev-next-icon-color );
-			mask: var( --icon-chevron-left ) center no-repeat;
+			background-color: var(--pagination-prev-next-icon-color);
+			mask: var(--icon-chevron-left) center no-repeat;
 			mask-size: contain;
-			transition: var( --transition );
+			transition: var(--transition);
 		}
 	}
 
 	&:hover,
-	&:focus:not( :focus-visible ) {
-		color: var( --pagination-prev-next-hover-color ) !important;
+	&:focus:not(:focus-visible) {
+		color: var(--pagination-prev-next-hover-color) !important;
 
 		.is-arrow-chevron::before,
 		.is-arrow-arrow::before {
-			background-color: var( --pagination-prev-next-icon-hover-color );
+			background-color: var(--pagination-prev-next-icon-hover-color);
 		}
 	}
 }
@@ -148,6 +145,6 @@
 
 	.is-arrow-chevron::before,
 	.is-arrow-arrow::before {
-		mask-image: var( --icon-chevron-right );
+		mask-image: var(--icon-chevron-right);
 	}
 }
diff --git a/wp-content/themes/core/templates/index.html b/wp-content/themes/core/templates/index.html
index b1491fcec..10d53f1c0 100644
--- a/wp-content/themes/core/templates/index.html
+++ b/wp-content/themes/core/templates/index.html
@@ -5,7 +5,7 @@
 <h1 class="wp-block-heading has-text-align-center alignwide" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)">Posts Title - Editable in FSE</h1>
 <!-- /wp:heading -->
 
-<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"align":"wide","className":"alignwide"} -->
+<!-- wp:query {"queryId":0,"query":{"perPage":18,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"align":"wide","className":"alignwide"} -->
 <div class="wp-block-query alignwide"><!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
 <!-- wp:tribe/post-card {"headingLevel":"h2"} /-->
 <!-- /wp:post-template -->

From 4f55dec19c7b2e7ff9965c703a167b465cddcd6e Mon Sep 17 00:00:00 2001
From: Saulo Padilha <saulo@tri.be>
Date: Thu, 9 Apr 2026 18:37:04 -0300
Subject: [PATCH 4/6] [MOOSE-348]: Update CHANGELOG

---
 CHANGELOG.md | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 73f8b1a98..afbb447b6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,9 +4,13 @@ All notable changes to this project will be documented in this file. The format
 on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). Each changelog entry gets prefixed with the category of the
 item (Added, Changed, Depreciated, Removed, Fixed, Security).
 
+## [2026.04]
+
+- Updated: Archive, index, and search templates now use dedicated mobile and desktop pagination variants for improved responsive layouts. [MOOSE-348](https://moderntribe.atlassian.net/browse/MOOSE-348)
+
 ## [2026.03]
 
-- Updated: Refactor Horizontal Tabs block into a dynamic block. Add reordering functionality. 
+- Updated: Refactor Horizontal Tabs block into a dynamic block. Add reordering functionality.
 - Updated: Refactor Vertical Tabs block to dynamic block; allow sorting.
 
 ## [2026.02]
@@ -24,7 +28,7 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security).
 
 ## [2026.01]
 
-- Updated: Interactive card blocks now use the animated underline on the title element on hover. 
+- Updated: Interactive card blocks now use the animated underline on the title element on hover.
 - Fixed: Vertical Tabs block now scrolls the selected tab into view on mobile, respecting reduced motion preferences. [MOOSE-333](https://moderntribe.atlassian.net/browse/MOOSE-333)
 - Fixed: Removed top margin from spacer block
 - Added: Yoast Duplicate Post plugin v4.5 for easier content duplication in the editor.
@@ -90,10 +94,10 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security).
 
 ## [2025.01]
 - Chore: WordPress plugin updates, Composer & NPM package updates.
-- Updated: Inline link styling should now apply to all links inside the post content block that do not have a 
+- Updated: Inline link styling should now apply to all links inside the post content block that do not have a
   class assigned to them. This should exclude things like buttons & navigation.
 - Added: `Admin_Menu_Order` class to handle reordering the WP Admin menu items that Moose loads with by default.
-  This also includes Yoast SEO & RankMath, just in case either are used by default. 
+  This also includes Yoast SEO & RankMath, just in case either are used by default.
 - Added: Node service to Lando so FE assets can be built automatically on start up.
 - Updated: project start up scripts to automatically generate the correct contents of the lcoal config files.
 - Updated: script to install WordPress so we can use a version constant and not install WP every time composer is

From b81f4683f3ffa0a62fad4de37d6678b5fcfa009e Mon Sep 17 00:00:00 2001
From: Saulo Padilha <saulo@tri.be>
Date: Fri, 10 Apr 2026 21:55:16 -0300
Subject: [PATCH 5/6] [MOOSE-348]: Clean up

---
 .../core/blocks/core/querypagination/style.pcss     | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/wp-content/themes/core/blocks/core/querypagination/style.pcss b/wp-content/themes/core/blocks/core/querypagination/style.pcss
index c411c47d3..5a6219fa9 100644
--- a/wp-content/themes/core/blocks/core/querypagination/style.pcss
+++ b/wp-content/themes/core/blocks/core/querypagination/style.pcss
@@ -75,19 +75,6 @@
 			);
 			color: var(--pagination-numbers-current-color);
 		}
-
-		/* Mobile pagination simplification:
-		hide all items except first, last, current page and ellipsis */
-		@media (--mq-mobile-max) {
-			display: none;
-
-			&:first-child,
-			&:last-child,
-			&.current,
-			&.dots {
-				display: flex;
-			}
-		}
 	}
 }
 

From 78db857fc7292fea5a4040cd4dd8323b7367945e Mon Sep 17 00:00:00 2001
From: Saulo Padilha <saulo@tri.be>
Date: Fri, 10 Apr 2026 22:14:02 -0300
Subject: [PATCH 6/6] [MOOSE-348]: Update patterns

---
 wp-content/themes/core/templates/archive.html |  4 ++--
 wp-content/themes/core/templates/index.html   |  4 ++--
 wp-content/themes/core/templates/search.html  | 10 +++++-----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/wp-content/themes/core/templates/archive.html b/wp-content/themes/core/templates/archive.html
index f518927e4..b2fc2e069 100644
--- a/wp-content/themes/core/templates/archive.html
+++ b/wp-content/themes/core/templates/archive.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"header","theme":"core","tagName":"header","className":"site-header"} /-->
+<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
 
 <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"},"hasTransparentBackground":false} -->
 <main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:query-title {"type":"archive","textAlign":"center","showPrefix":false,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} /-->
@@ -30,4 +30,4 @@
 <!-- /wp:query --></main>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"core","tagName":"footer","className":"site-footer"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
diff --git a/wp-content/themes/core/templates/index.html b/wp-content/themes/core/templates/index.html
index 10d53f1c0..1e8cf4a09 100644
--- a/wp-content/themes/core/templates/index.html
+++ b/wp-content/themes/core/templates/index.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"header","theme":"core","tagName":"header","className":"site-header"} /-->
+<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
 
 <!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
 <main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":1,"align":"wide","className":"alignwide","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
@@ -32,4 +32,4 @@ <h1 class="wp-block-heading has-text-align-center alignwide" style="margin-top:0
 <!-- /wp:query --></main>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"core","tagName":"footer","className":"site-footer"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->
diff --git a/wp-content/themes/core/templates/search.html b/wp-content/themes/core/templates/search.html
index faceabd87..861249d20 100644
--- a/wp-content/themes/core/templates/search.html
+++ b/wp-content/themes/core/templates/search.html
@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"header","theme":"core","tagName":"header","className":"site-header"} /-->
+<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
 
 <!-- wp:group {"tagName":"main","metadata":{"name":"Search Results"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
 <main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"metadata":{"name":"Search Results - Header"},"style":{"spacing":{"margin":{"bottom":"0"}}},"layout":{"type":"constrained"}} -->
@@ -14,7 +14,7 @@ <h1 class="wp-block-heading has-text-align-center is-style-default" style="margi
 <p class="has-text-align-wide" style="margin-bottom:var(--wp--preset--spacing--40)"></p>
 <!-- /wp:paragraph -->
 
-<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"parents":[],"format":[]},"align":"wide","className":"alignwide s-remove-margin\u002d\u002dtop"} -->
+<!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"parents":[],"format":[]},"align":"wide","className":"alignwide s-remove-margin\u002d\u002dtop"} -->
 <div class="wp-block-query alignwide s-remove-margin--top"><!-- wp:post-template {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default","columnCount":3}} -->
 <!-- wp:tribe/search-card /-->
 <!-- /wp:post-template -->
@@ -25,7 +25,7 @@ <h1 class="wp-block-heading has-text-align-center is-style-default" style="margi
 <!-- /wp:paragraph -->
 <!-- /wp:query-no-results -->
 
-<!-- wp:query-pagination {"paginationArrow":"chevron","className":"b-pagination-mobile","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
+<!-- wp:query-pagination {"paginationArrow":"chevron","metadata":{"name":"Pagination - Mobile"},"className":"b-pagination-mobile","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
 <!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
 
 <!-- wp:query-pagination-numbers {"midSize":0} /-->
@@ -33,7 +33,7 @@ <h1 class="wp-block-heading has-text-align-center is-style-default" style="margi
 <!-- wp:query-pagination-next {"label":"Next Page"} /-->
 <!-- /wp:query-pagination -->
 
-<!-- wp:query-pagination {"paginationArrow":"chevron","className":"b-pagination-desktop","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
+<!-- wp:query-pagination {"paginationArrow":"chevron","metadata":{"name":"Pagination - Desktop"},"className":"b-pagination-desktop","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->
 <!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
 
 <!-- wp:query-pagination-numbers /-->
@@ -44,4 +44,4 @@ <h1 class="wp-block-heading has-text-align-center is-style-default" style="margi
 <!-- /wp:group --></main>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"core","tagName":"footer","className":"site-footer"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->