/* ═══════════════════════════════════════════════════════════════════════════
   Archive — query-card stretched links, single-post issue context,
   archive labels, and pagination
   Extracted from daily-feed.css
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 781px) {
  .wp-block-query .wp-block-columns.are-vertically-aligned-center {
    flex-direction: column;
  }
}

/* ─── Archive: Latest Issue — first card highlight (page 1 only) ─────────── */

/* Constrain all archive cards to a readable width */
.wp-block-query .wp-block-post-template.is-layout-grid.columns-1 > li {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}

/* --- Page 1: flex reordering to place signup after latest issue --- */
body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30);
}

body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template {
  display: contents;
}

body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template > li {
  max-width: 680px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template > li:first-child {
  order: 1;
}

body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .archive-signup-interstitial {
  order: 2;
}

body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template > li:nth-child(n+2) {
  order: 3;
}

body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .wp-block-query-pagination {
  order: 4;
}

/* --- Paged pages: normal flow, signup hidden --- */
.daily-feed-archive-paged .wp-block-query .wp-block-post-template {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.daily-feed-archive-paged .archive-signup-interstitial {
  display: none;
}

/* --- Section labels --- */

/* Front page hero: match archive card width */
.front-hero-wrapper .wp-block-post-template > li {
  max-width: 680px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* "Latest Issue" label — front page hero */
.front-hero-wrapper .wp-block-post-template > li:first-child::before {
  content: 'Latest Issue';
  display: block;
  font-family: var(--wp--preset--font-family--barlow), sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--sc-green);
  margin-bottom: 12px;
  padding-left: 32px;
  background: linear-gradient(var(--sc-green), var(--sc-green)) no-repeat left center / 24px 2px;
}

/* Green ambient halo behind latest issue card */
.front-hero-wrapper .wp-block-post-template > li:first-child,
body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template > li:first-child {
  background-image: radial-gradient(ellipse at 70% 50%, rgba(105, 190, 40, 0.04) 0%, transparent 70%);
}

/* Latest issue card: green border emphasis — front page hero */
.front-hero-wrapper .wp-block-post-template > li:first-child .wp-block-cover {
  border: 2px solid var(--sc-green) !important;
  box-shadow: 0 0 32px rgba(105, 190, 40, 0.15), 0 0 80px rgba(105, 190, 40, 0.05);
}

/* "Latest Issue" label on page 1 */
body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template > li:first-child::before {
  content: 'Latest Issue';
  display: block;
  font-family: var(--wp--preset--font-family--barlow), sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--sc-green);
  margin-bottom: 12px;
  padding-left: 32px;
  background: linear-gradient(var(--sc-green), var(--sc-green)) no-repeat left center / 24px 2px;
}

/* Latest issue card: green border emphasis */
body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template > li:first-child .wp-block-cover {
  border: 2px solid var(--sc-green) !important;
  box-shadow: 0 0 32px rgba(105, 190, 40, 0.15), 0 0 80px rgba(105, 190, 40, 0.05);
}

/* "Previous Issues" label on page 1 (after latest + signup) */
body.post-type-archive-daily_feed:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template > li:nth-child(2)::before {
  content: 'Previous Issues';
  display: block;
  font-family: var(--wp--preset--font-family--barlow), sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--wp--preset--color--secondary, var(--sc-silver));
  margin-bottom: 12px;
  padding-left: 32px;
  background: linear-gradient(var(--wp--preset--color--secondary, var(--sc-silver)), var(--wp--preset--color--secondary, var(--sc-silver))) no-repeat left center / 24px 2px;
}

/* "Previous Issues" label on paged pages */
.daily-feed-archive-paged .wp-block-query .wp-block-post-template > li:first-child::before {
  content: 'Previous Issues';
  display: block;
  font-family: var(--wp--preset--font-family--barlow), sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--wp--preset--color--secondary, var(--sc-silver));
  margin-bottom: 12px;
  padding-left: 32px;
  background: linear-gradient(var(--wp--preset--color--secondary, var(--sc-silver)), var(--wp--preset--color--secondary, var(--sc-silver))) no-repeat left center / 24px 2px;
}

/* Query pagination: global width and on-brand restyle (Option A) */
.wp-block-query .wp-block-query-pagination {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--wp--preset--font-family--barlow), sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-top: 20px;
  margin-top: 24px;
  border-top: 1px solid var(--wp--preset--color--primary, var(--sc-green));
}

.wp-block-query .wp-block-query-pagination a,
.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-next {
  color: var(--wp--preset--color--primary, var(--sc-green)) !important;
  text-decoration: none;
}

.wp-block-query .wp-block-query-pagination a:hover,
.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-next:hover {
  text-decoration: underline;
}

.wp-block-query .wp-block-query-pagination .page-numbers.current {
  color: var(--wp--preset--color--base-contrast, #E2E6EA) !important;
  font-weight: 900;
}

.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
  color: var(--wp--preset--color--secondary, var(--sc-silver)) !important;
  text-decoration: none;
  margin: 0 4px;
}

.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers a.page-numbers:hover {
  color: var(--wp--preset--color--primary, var(--sc-green)) !important;
  text-decoration: underline;
}

/* Pagination page numbers: pill/button treatment (Option D) */
.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  margin: 0 !important;
}

.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers a.page-numbers:hover {
  text-decoration: none;
  background: rgba(105, 190, 40, 0.15);
}

.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers.current {
  background: var(--wp--preset--color--primary, var(--sc-green));
  color: var(--wp--preset--color--base, #091422) !important;
}

/* "Latest Issue" label and green border — page 1 only */
body:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template.is-layout-grid.columns-1 > li:first-child::before {
  content: 'Latest Issue';
  display: block;
  font-family: var(--wp--preset--font-family--barlow), sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--sc-green);
  margin-bottom: 12px;
  padding-left: 32px;
  background: linear-gradient(var(--sc-green), var(--sc-green)) no-repeat left center / 24px 2px;
}

body:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template.is-layout-grid.columns-1 > li:first-child .wp-block-cover {
  border: 2px solid var(--sc-green) !important;
  box-shadow: 0 0 32px rgba(105, 190, 40, 0.15);
}

/* "Previous Issues" label above second card (page 1 only; wolf grey) */
body:not(.daily-feed-archive-paged) .wp-block-query .wp-block-post-template.is-layout-grid.columns-1 > li:nth-child(2)::before {
  content: 'Previous Issues';
  display: block;
  font-family: var(--wp--preset--font-family--barlow), sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--wp--preset--color--secondary, var(--sc-silver));
  margin-bottom: 12px;
  margin-top: 8px;
  padding-left: 32px;
  background: linear-gradient(var(--wp--preset--color--secondary, var(--sc-silver)), var(--wp--preset--color--secondary, var(--sc-silver))) no-repeat left center / 24px 2px;
}

/* Paged archives: "Previous Issues - Page N" on first card (wolf grey), no green border */
.daily-feed-archive-paged .wp-block-query .wp-block-post-template.is-layout-grid.columns-1 > li:first-child::before {
  display: block;
  font-family: var(--wp--preset--font-family--barlow), sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--wp--preset--color--secondary, var(--sc-silver));
  margin-bottom: 12px;
  padding-left: 32px;
  background: linear-gradient(var(--wp--preset--color--secondary, var(--sc-silver)), var(--wp--preset--color--secondary, var(--sc-silver))) no-repeat left center / 24px 2px;
}
