/* ============================================================
   JKM — single-post meta line
   Loaded AFTER jkm-refinements.css, so equal-specificity rules
   here win on source order.

   Jupiter renders .blog-single-meta as:
     .mk-blog-author   — text node "By"     + <a>author</a>
     time.mk-post-date — text node "Posted" + <a>date</a>
     .mk-post-cat      — text node "In"     + <a>category</a>…
     .mk-post-meta-structured-data — hidden schema.org markup

   The labels are BARE TEXT NODES, not spans, so they can only be
   coloured via their container; the values are the <a> children.
   ============================================================ */

/* One size and style across the whole row.
   Originally: "By" 10.5px normal, but "Posted" and "In" 14px ITALIC. */
body.jkm-style .blog-single-meta,
body.jkm-style .blog-single-meta *{
  font-family:'Geist Mono',monospace !important;
  font-size:10.5px !important;
  font-style:normal !important;
  font-weight:400 !important;
  letter-spacing:0.14em !important;
  text-transform:uppercase !important;
  line-height:1.8 !important;
}

/* !!! DO NOT set display on .blog-single-meta > * blindly !!!
   Jupiter ships .mk-post-meta-structured-data as display:none. An
   earlier rule here used "> * { display:inline-block }", which un-hid
   it and injected a 94px invisible block — that is what made the gap
   below the meta row grow instead of shrink. Target the three visible
   groups explicitly and keep the schema block hidden. */
body.jkm-style .blog-single-meta .mk-blog-author,
body.jkm-style .blog-single-meta .mk-post-date,
body.jkm-style .blog-single-meta .mk-post-cat{
  display:inline-block !important;
  margin-right:22px !important;
}
body.jkm-style .blog-single-meta .mk-post-cat{
  margin-right:0 !important;
}
body.jkm-style .blog-single-meta .mk-post-meta-structured-data{
  display:none !important;
}

/* Labels ("By" / "Posted" / "In") stay light; the values go darker
   so the actual information carries the weight. */
body.jkm-style .blog-single-meta .mk-blog-author,
body.jkm-style .blog-single-meta .mk-post-date,
body.jkm-style .blog-single-meta .mk-post-cat{
  color:#A2957F !important;
}
body.jkm-style #theme-page .blog-single-meta a,
body.jkm-style #theme-page .blog-single-meta a[href]{
  color:#4A4236 !important;
}
body.jkm-style #theme-page .blog-single-meta a:hover,
body.jkm-style #theme-page .blog-single-meta a[href]:hover{
  color:#BE6E50 !important;
}

/* Space between the meta row and the engagement icons. */
body.jkm-style .blog-single-meta{
  margin-bottom:14px !important;
}