/* ============================================================
   JKM — single-post footer (Share / Related / comments)
   + author archive. Loaded after the core sheets.
   ============================================================ */

/* Remove the theme's "Recommended Posts" block on singles */
body.jkm-style.single-post .blog-similar-posts{ display:none !important; }

/* Left-align the share / tools icon row (print, share, comments,
   likes) that sits under the title — theme floats it right. */
body.jkm-style.single-post .single-social-section{
  float:left !important;
  clear:both !important;
  margin-left:0 !important;
  text-align:left !important;
}
body.jkm-style.single-post .single-social-section .blog-share-container{
  float:left !important;
  margin-left:0 !important;
  margin-right:20px !important;
}

/* ---- SHARE THIS + RELATED headings: identical (Archivo 25/500 ink) ---- */
body.jkm-style .jp-relatedposts-headline,
body.jkm-style h3.jp-relatedposts-headline,
body.jkm-style .sharedaddy .sd-title,
body.jkm-style h3.sd-title{
  font-family:'Archivo',sans-serif !important;
  font-weight:500 !important;
  font-size:25px !important;
  line-height:1.15 !important;
  letter-spacing:-0.02em !important;
  text-transform:none !important;
  color:#29241C !important;
}
body.jkm-style .jp-relatedposts-headline em{ font-style:normal !important; font-weight:500 !important; }
body.jkm-style .jp-relatedposts-headline{ padding-top:18px !important; }

/* Faint short line 37px above "Share this" */
body.jkm-style .sharedaddy{
  position:relative !important;
  margin-top:37px !important;
  padding-top:22px !important;
}
body.jkm-style .sharedaddy::before{
  content:"" !important;
  position:absolute !important; top:0 !important; left:0 !important;
  width:60px !important; height:1px !important;
  background:rgba(41,36,28,0.18) !important;
}

/* ---- Social share icons: outlined terra ---- */
body.jkm-style .sharedaddy .share-icon,
body.jkm-style .sharedaddy a.share-icon,
body.jkm-style .sharedaddy .sd-button.share-icon,
body.jkm-style .sharedaddy .sharing-anchor.share-more{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:1.5px solid #BE6E50 !important;
  color:#BE6E50 !important;
  box-shadow:none !important;
  border-radius:50% !important;
}
body.jkm-style .sharedaddy .share-icon::before,
body.jkm-style .sharedaddy .sharing-anchor::before{ color:#BE6E50 !important; }
body.jkm-style .sharedaddy .share-icon svg,
body.jkm-style .sharedaddy .sharing-anchor svg{ fill:#BE6E50 !important; color:#BE6E50 !important; }
body.jkm-style .sharedaddy .share-more{ border-radius:999px !important; }

/* ---- "More" dropdown: rounded panel, icons justified + centred ---- */
body.jkm-style .sharedaddy .sharing-hidden .inner{
  border-radius:16px !important;
  overflow:hidden !important;
}
body.jkm-style .sharedaddy .sharing-hidden .inner ul{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
}
body.jkm-style .sharedaddy .sharing-hidden .inner ul li{
  display:flex !important;
  align-items:center !important;
  float:none !important;
  margin:0 !important;
}

/* ============================================================
   RELATED POSTS cards
   ============================================================ */

/* Kill Jetpack's default 0.8 opacity on related items — it read as a
   milky "halo"/veil lightening the images. Full opacity, no hover fade. */
body.jkm-style .jp-relatedposts-post,
body.jkm-style .jp-relatedposts-grid .jp-relatedposts-post,
body.jkm-style .jp-relatedposts-post:hover{
  opacity:1 !important;
}

/* Two per row, each ~half width */
body.jkm-style .jp-relatedposts-grid .jp-relatedposts-post{
  width:48% !important;
  max-width:48% !important;
  margin-right:4% !important;
  box-sizing:border-box !important;
}
body.jkm-style .jp-relatedposts-grid .jp-relatedposts-post:nth-of-type(2n){
  margin-right:0 !important;
}
body.jkm-style .jp-relatedposts-post-img{
  width:100% !important;
  border-radius:16px !important;
}

/* 27px between the header image and the title */
body.jkm-style .jp-relatedposts-post-title{ margin-top:27px !important; }

/* Titles: ink, weight 600, 15px */
body.jkm-style .jp-relatedposts-post-title,
body.jkm-style .jp-relatedposts-post-title a{
  font-family:'Archivo',sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  color:#29241C !important;
}
body.jkm-style .jp-relatedposts-post-title a:hover{ color:#BE6E50 !important; }

/* Date + tag: 2px smaller (8.5px), single-post treatment. */
body.jkm-style .jp-relatedposts-post-date,
body.jkm-style .jp-relatedposts-post-context{
  font-family:'Geist Mono',monospace !important;
  font-size:8.5px !important;
  font-weight:400 !important;
  letter-spacing:0.14em !important;
  text-transform:uppercase !important;
  margin-top:6px !important;
}

/* Clickable date + category value: SAME weight (400) and colour
   (#4A4236) as the single-post meta links, so they stand out from
   the light "IN" label — then go 600 on hover. */
body.jkm-style .jp-relatedposts-post-date{ color:#4A4236 !important; }
body.jkm-style .jp-relatedposts-post-context{ color:#4A4236 !important; }
body.jkm-style .jp-relatedposts-post-context .jkm-meta-value{ color:#4A4236 !important; }
body.jkm-style .jp-relatedposts-post-context .jkm-meta-label{ color:#A2957F !important; }

/* Hover: bump the value to 600 (matches the darker "clickable" feel). */
body.jkm-style .jp-relatedposts-post-date:hover,
body.jkm-style .jp-relatedposts-post:hover .jp-relatedposts-post-date,
body.jkm-style .jp-relatedposts-post-context .jkm-meta-value:hover,
body.jkm-style .jp-relatedposts-post-context:hover .jkm-meta-value,
body.jkm-style .jp-relatedposts-post:hover .jp-relatedposts-post-context .jkm-meta-value{
  font-weight:600 !important;
}

/* Keep "In" on the same line as the tag. */
body.jkm-style .jp-relatedposts-post-context{ white-space:nowrap !important; }
body.jkm-style .jp-relatedposts-post-context .jkm-meta-label,
body.jkm-style .jp-relatedposts-post-context .jkm-meta-value{ display:inline !important; }

/* ---- Comment form login line 2px smaller (17 -> 15) ---- */
body.jkm-style .logged-in-as,
body.jkm-style .logged-in-as a{ font-size:15px !important; }

/* ============================================================
   PAGINATION — centre the number pills, drop "page X of Y"
   to its own centred row beneath them.
   ============================================================ */
body.jkm-style .mk-pagination{ text-align:center !important; }
body.jkm-style .mk-pagination-previous,
body.jkm-style .mk-pagination-inner,
body.jkm-style .mk-pagination-next{
  float:none !important;
  display:inline-flex !important;
  align-items:center !important;
  vertical-align:middle !important;
}
body.jkm-style .mk-pagination-inner{
  flex-wrap:wrap !important;
  justify-content:center !important;
}
body.jkm-style .mk-pagination-inner > *{ float:none !important; }
body.jkm-style .mk-total-pages{
  display:block !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  text-align:center !important;
  margin-top:16px !important;
}

/* ============================================================
   AUTHOR + POST ARCHIVES (category / tag / date)
   ============================================================ */
body.jkm-style.author .featured-image,
body.jkm-style.archive .featured-image{
  aspect-ratio:auto !important; height:auto !important; padding-bottom:0 !important;
}
body.jkm-style.author .featured-image img,
body.jkm-style.archive .featured-image img{
  height:auto !important; object-fit:contain !important; position:static !important;
}
body.jkm-style.author #mk-sidebar,
body.jkm-style.author .mk-sidebar,
body.jkm-style.archive #mk-sidebar,
body.jkm-style.archive .mk-sidebar{ display:none !important; }
body.jkm-style.author .theme-content,
body.jkm-style.archive .theme-content{ width:100% !important; float:none !important; }
body.jkm-style.author #mk-page-introduce h1.page-title{ display:none !important; }
body.jkm-style.author #mk-page-introduce{ padding-top:12px !important; padding-bottom:0 !important; }
body.jkm-style.author #theme-page{ padding-top:0 !important; }
body.jkm-style.author .theme-content{ padding-top:0 !important; margin-top:-14px !important; }

/* Breadcrumbs on every styled archive: drop the horizontal line under
   the row, switch to Geist Mono, and use Title Case instead of ALL-CAPS. */
body.jkm-style.archive header.mk-header{ border-bottom:0 !important; box-shadow:none !important; }
body.jkm-style.archive .mk-breadcrumbs,
body.jkm-style.archive #mk-page-introduce{ border-top:0 !important; border-bottom:0 !important; }
body.jkm-style.archive .mk-breadcrumbs,
body.jkm-style.archive .mk-breadcrumbs-inner,
body.jkm-style.archive .mk-breadcrumbs a,
body.jkm-style.archive .mk-breadcrumbs span{
  font-family:'Geist Mono',monospace !important;
  text-transform:capitalize !important;
  letter-spacing:0.02em !important;
}

/* ============================================================
   FOOTER — consistent across ALL blog pages (single, blog,
   category, tag, author). Studio ~1/3, Products ~2/3 spanning
   into the empty 4th section, which is dropped.
   ============================================================ */
body.jkm-style #mk-footer .footer-wrapper .mk-col-2-3{
  width:100% !important;
  margin-right:0 !important;
}
body.jkm-style #mk-footer .mk-col-2-3 > .mk-col-1-3:nth-of-type(1){
  width:33% !important;
}
body.jkm-style #mk-footer .mk-col-2-3 > .mk-col-1-3:nth-of-type(2){
  width:63% !important;
}
/* Hide the empty 4th section (direct child of the padding wrapper) */
body.jkm-style #mk-footer .mk-padding-wrapper > .mk-col-1-3{
  display:none !important;
}

/* JKM medallion safety net */
body .jkm-avatar{
  display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
  border-radius:50%; background:transparent; border:2px solid #BE6E50; color:#BE6E50;
  font-family:'Archivo','Geist',sans-serif; font-weight:600; letter-spacing:0.03em;
  line-height:1; overflow:hidden;
}