/* OKCA special pages (M3): Club Knife Archives, Knewsletters, Contact, and the "Knife grid" style used on the award
   knife pages. Ported from the approved Classic 1.4 design (Work/13 OKCA 1.4 2026-10-06/styles.css: .entry, .decade,
   .decades, .kyear, .contact-grid, .board). Colours: only the seven theme.json palette colours (shadows are palette
   black made transparent). Loaded on the front end and in the editor (functions.php), so the editor shows the same.
   The page's opening (old heading, intro, jump row) sits in an okca-page-intro group that continues the template's
   black page head, as in the design (M4). */

/* ---- Shared: the intro under the page title, the "Jump to" row, places that links jump to ---- */
.wp-block-columns.okca-intro { gap: 16px 64px; color: var(--wp--preset--color--slate); }
.okca-intro p { margin-block: 0; }
.okca-intro p + p { margin-block-start: 10px; }

.wp-block-group.okca-jump {
  margin-block-start: 36px;
  padding-top: 18px;
  border-top: 1px solid var(--wp--preset--color--ash);
}
.okca-jump p { display: flex; flex-wrap: wrap; gap: 4px 28px; margin: 0; }
.okca-jump a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font: 600 28px/1 var(--wp--preset--font-family--display);
  font-variant-numeric: oldstyle-nums;
  text-decoration: none;
}
.okca-jump a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }

/* The menu bar stays at the top of the window; the room above anything a link jumps to is the scroll margin that
   okca.css gives everything outside the bar, so no extra margin here. */

/* ---- The page's opening on green (was black until 2026-10-19): joined to the page head above it and as wide as the window ----
   The group keeps the content column's width; the black reaches the window's edges through a border image that is
   painted outside the box (it takes no room and adds no scrolling). */
.wp-block-group.okca-page-intro {
  padding: 0 0 52px;
  border-image: conic-gradient(var(--wp--preset--color--green) 0 0) fill 0 / / 0 100vmax;
}
.okca-page-intro .wp-block-columns.okca-intro, .okca-page-intro .okca-lead { color: var(--okca-dim-on-green); }
.okca-page-intro > h2 + * { margin-block-start: 24px; }
.okca-page-intro .wp-block-group.okca-jump {
  border-top-color: color-mix(in srgb, var(--wp--preset--color--white) 16%, transparent);
}
.okca-page-intro .okca-jump a:hover { color: var(--okca-dim-on-green); }

/* ---- Club Knife Archives ---- */
.wp-block-group.okca-decade { padding-block: 56px 8px; }
.wp-block-group.okca-decade > * { margin-block: 0; }
.okca-decade > h2 {
  display: flex;
  align-items: baseline;
  gap: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--wp--preset--color--black);
  font-variant-numeric: oldstyle-nums;
}
.okca-decade > h2 small {
  font: 400 15px/1.2 var(--wp--preset--font-family--text);
  letter-spacing: 0;
  color: var(--wp--preset--color--slate);
}

/* Entries: four across on a wide screen, then three, two and one */
.wp-block-group.okca-knives {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 44px 28px;
  margin-block-start: 32px;
}
.wp-block-group.okca-knives > * { margin-block: 0; }
.wp-block-group.okca-knife { display: flex; flex-direction: column; }
.wp-block-group.okca-knife > * { margin-block: 0; }

/* The photograph sits in a box of fixed height; knives of any shape keep their proportions */
.okca-knife > .wp-block-image,
.okca-knife > .okca-knife-nophoto {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 170px;
  margin: 0;
  padding: 12px;
}
.okca-knife > .wp-block-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 10px 10px color-mix(in srgb, var(--wp--preset--color--black) 26%, transparent))
          drop-shadow(0 2px 2px color-mix(in srgb, var(--wp--preset--color--black) 22%, transparent));
}
.okca-knife > .okca-knife-nophoto {
  flex-direction: column;
  gap: 8px;
  border: 1px dashed var(--wp--preset--color--ash);
  font-size: 14px;
  text-align: center;
  color: var(--wp--preset--color--slate);
}
.okca-knife > .okca-knife-nophoto::before {
  content: "";
  width: 52px;
  aspect-ratio: 106 / 79.6;
  background: currentColor;
  -webkit-mask: url(../images/oregon-outline.svg) center / 100% 100% no-repeat;
  mask: url(../images/oregon-outline.svg) center / 100% 100% no-repeat;
}
.wp-block-group.okca-knife:target > .wp-block-image,
.wp-block-group.okca-knife:target > .okca-knife-nophoto {
  outline: 2px solid var(--wp--preset--color--green);
  outline-offset: 6px;
}

/* Year stamp: the year inside the outline of Oregon, with OKCA above it, as etched on the club knives */
.wp-block-group.okca-knife-meta {
  gap: 14px;
  margin-block-start: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--wp--preset--color--ash);
}
.okca-knife-meta > * { margin: 0; }
.okca-knife-meta .okca-knife-year {
  position: relative;
  flex: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 70px;
  aspect-ratio: 106 / 79.6;
  padding-top: 7px;
  font: 500 14.5px/1 var(--wp--preset--font-family--text);
  font-variant-numeric: tabular-nums;
  text-align: center;
  color: var(--wp--preset--color--black);
}
.okca-knife-meta .okca-knife-year::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  -webkit-mask: url(../images/oregon-outline.svg) center / 100% 100% no-repeat;
  mask: url(../images/oregon-outline.svg) center / 100% 100% no-repeat;
}
.okca-knife-meta .okca-knife-year::after {
  content: "OKCA";
  order: -1;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .09em;
}
.okca-knife-meta h3 {
  font: 600 16px/1.35 var(--wp--preset--font-family--text);
  letter-spacing: 0;
}

/* Made, Issue price, Current value: the label on the first line of each item, the figure under it */
.wp-block-list.okca-knife-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  font-variant-numeric: tabular-nums;
}
.okca-knife-facts > li { margin: 0; font-size: 16px; line-height: 1.4; }
.okca-knife-facts > li::first-line { font-size: 12px; font-weight: 400; color: var(--wp--preset--color--slate); }
.okca-knife-facts > li:last-child { font-weight: 600; color: var(--wp--preset--color--green); }
/* "Not listed" (no current value): quieter, as in the design. The class is added when the page is shown. */
.okca-knife-facts > li.okca-not-listed { font-weight: 400; color: var(--wp--preset--color--slate); }

/* ---- Knewsletters: years in three columns, each a list of issues ---- */
.wp-block-group.okca-knews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 40px;
  margin-block-start: 48px;
}
.wp-block-group.okca-knews > * { margin-block: 0; }
.wp-block-group.okca-kyear { padding-top: 20px; border-top: 1px solid var(--wp--preset--color--black); }
.wp-block-group.okca-kyear > * { margin-block: 0; }
.okca-kyear > h2 { font-size: 36px; font-variant-numeric: oldstyle-nums; }
.wp-block-list.okca-klist { margin: 10px 0 24px; padding: 0; list-style: none; }
.okca-klist > li { margin: 0; }
.okca-klist a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  border-bottom: 1px solid var(--wp--preset--color--ash);
  text-decoration: none;
}
.okca-klist a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }
/* Every link to a PDF is marked as one, also for issues OKCA adds later */
.okca-klist a[href$=".pdf" i]::after { content: "PDF"; font-size: 12px; color: var(--wp--preset--color--slate); }

/* ---- Contact ---- */
.okca-lead { color: var(--wp--preset--color--slate); }
.wp-block-columns.okca-contact-grid { gap: 40px 64px; margin-block-start: 48px; }
.okca-contact-grid h2 { margin: 0; font-size: 34px; }
.okca-contact-grid .okca-contact-address { margin-block-start: 16px; line-height: 1.8; }
.okca-contact-grid h3.okca-label {
  margin-block-start: 32px;
  font: 600 14px/1.3 var(--wp--preset--font-family--text);
  letter-spacing: 0;
  color: var(--wp--preset--color--slate);
}
.okca-contact-grid .okca-person {
  margin-block-start: 4px;
  font: 600 26px/1.2 var(--wp--preset--font-family--display);
}
.wp-block-list.okca-board {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--wp--preset--color--black);
}
.okca-board > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 4px 16px;
  margin: 0;
  padding: 14px 0;
  border-bottom: 1px solid var(--wp--preset--color--ash);
  font-size: 15px;
  color: var(--wp--preset--color--slate);
}
.okca-board > li strong {
  font: 600 22px/1.2 var(--wp--preset--font-family--display);
  color: var(--wp--preset--color--black);
}

/* ---- Award knife pages: "Knife grid" style for a row of columns (Styles panel of a Columns block) ----
   Every photograph gets the same frame (3:2, the whole knife visible), so the makers' names under them line up;
   the empty columns Divi used for spacing take no room. */
.wp-block-columns.is-style-okca-knife-grid > .wp-block-column:empty { display: none; }
.is-style-okca-knife-grid > .wp-block-column > .wp-block-image:first-child img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
}

@media (max-width: 1100px) {
  .wp-block-group.okca-knives { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .wp-block-group.okca-knives { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 18px; }
  .okca-knife > .wp-block-image, .okca-knife > .okca-knife-nophoto { height: 130px; }
  .wp-block-list.okca-knife-facts { gap: 0 14px; }
  .wp-block-group.okca-knews { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .wp-block-group.okca-knives { grid-template-columns: 1fr; }
  .okca-knife > .wp-block-image, .okca-knife > .okca-knife-nophoto { height: 160px; }
  .wp-block-group.okca-knews { grid-template-columns: 1fr; }
}

/* ---- Shows: the 2026 photographs in a column beside the flyers, staggered (Rowen's review, 2026-10-22) ---- */
.okca-shows-split {
  gap: 2rem;
  align-items: flex-start;
}
.okca-shows-photos > .wp-block-image {
  margin: 0 0 1.25rem;
}
.okca-shows-photos > .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
}
.okca-shows-photos > .wp-block-image:nth-child(1) { width: 88%; margin-top: 3rem; }
.okca-shows-photos > .wp-block-image:nth-child(2) { width: 80%; margin-left: 20%; }
.okca-shows-photos > .wp-block-image:nth-child(3) { width: 92%; }
.okca-shows-photos > .wp-block-image:nth-child(4) { width: 84%; margin-left: 12%; }
/* Phones (the columns stack below 782px): two by two under the flyers. */
@media (max-width: 781px) {
  .okca-shows-photos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
  }
  .okca-shows-photos > .wp-block-image:nth-child(n) {
    width: auto;
    margin: 0;
  }
}