/* ============================================================
   JKM — page header on blog-related pages
   (blog listing, category, tag, date and author archives)

   1. Removes the big theme page title ("Makeup & Creative Team",
      "My Articles", etc.) — the card list and the breadcrumb already
      say where you are.
   2. Cuts the space above the breadcrumbs by 80%
      (#mk-page-introduce padding-top 15px -> 3px).
   3. Cuts the space between the breadcrumbs and the first card by 80%
      (114px -> 23px, see the breakdown below).
   4. Makes blog header (featured) images non-clickable — no lightbox.

   Single posts already hide #mk-page-introduce entirely, so 1-3 do not
   affect them; rule 4 applies everywhere the featured image appears.
   ============================================================ */

/* ---- 1. Hide the theme page title ---- */
body.jkm-style.archive #mk-page-introduce h1.page-title,
body.jkm-style.author #mk-page-introduce h1.page-title,
body.jkm-style.category #mk-page-introduce h1.page-title,
body.jkm-style.tag #mk-page-introduce h1.page-title,
body.jkm-style.date #mk-page-introduce h1.page-title,
body.jkm-style.page-id-4338 #mk-page-introduce h1.page-title,
body.jkm-style.archive #mk-page-introduce .page-title,
body.jkm-style.page-id-4338 #mk-page-introduce .page-title{
  display:none !important;
}

/* ---- 2. 80% less air above the breadcrumbs (15px -> 3px) ---- */
body.jkm-style.archive #mk-page-introduce,
body.jkm-style.author #mk-page-introduce,
body.jkm-style.category #mk-page-introduce,
body.jkm-style.tag #mk-page-introduce,
body.jkm-style.date #mk-page-introduce,
body.jkm-style.page-id-4338 #mk-page-introduce{
  padding-top:3px !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
}
body.jkm-style.archive #mk-page-introduce .mk-grid,
body.jkm-style.author #mk-page-introduce .mk-grid,
body.jkm-style.page-id-4338 #mk-page-introduce .mk-grid{
  padding-top:0 !important;
  margin-top:0 !important;
}

/* ---- 3. 80% less air between the breadcrumbs and the first card ----
   The 114px gap was stacked from four values:
     .master-holder        padding-top 32
     .theme-page-wrapper   margin-top  20
     .theme-page-wrapper   padding-top 32
     .theme-content        padding-top 30
   Reduced to 6 + 4 + 6 + 7 = 23px (an 80% cut). 23px still clears the
   card's raised shadow (-8px offset + 20px blur), so the glow at the top
   of the first card is not clipped. */
body.jkm-style.archive .master-holder,
body.jkm-style.author .master-holder,
body.jkm-style.category .master-holder,
body.jkm-style.tag .master-holder,
body.jkm-style.date .master-holder,
body.jkm-style.page-id-4338 .master-holder{
  padding-top:6px !important;
}
body.jkm-style.archive .theme-page-wrapper,
body.jkm-style.author .theme-page-wrapper,
body.jkm-style.category .theme-page-wrapper,
body.jkm-style.tag .theme-page-wrapper,
body.jkm-style.date .theme-page-wrapper,
body.jkm-style.page-id-4338 .theme-page-wrapper{
  margin-top:4px !important;
  padding-top:6px !important;
}
body.jkm-style.archive #theme-page,
body.jkm-style.author #theme-page,
body.jkm-style.page-id-4338 #theme-page{
  padding-top:6px !important;
}
body.jkm-style.archive .theme-content,
body.jkm-style.author .theme-content,
body.jkm-style.category .theme-content,
body.jkm-style.tag .theme-content,
body.jkm-style.date .theme-content,
body.jkm-style.page-id-4338 .theme-content{
  padding-top:7px !important;
}

/* ---- 4. Header images: no lightbox, no click ----
   Jupiter wraps the featured image in
     <a class="full-cover-link mk-lightbox" href="[full-size file]">
   which pops the image open on click.

   Only the LIGHTBOX link is neutralised. On the blog listing the same
   `full-cover-link` class (without mk-lightbox) is what links the card to
   the post, so it must keep working — do not disable it. */
body.jkm-style .featured-image a.mk-lightbox,
body.jkm-style .featured-image a[class*="lightbox"],
body.jkm-style .featured-image a[rel*="lightbox"],
body.jkm-style .featured-image a[data-rel*="lightbox"],
body.jkm-style .featured-image a[data-jkm-lb="off"]{
  pointer-events:none !important;
  cursor:default !important;
}
body.jkm-style .featured-image a.mk-lightbox img,
body.jkm-style .featured-image a[data-jkm-lb="off"] img{
  cursor:default !important;
}