/* ============================================================
   JKM — blog listing card: space below the READ MORE button
   (blog page, category, tag, date and author archives)

   MEASURED BEFORE THE CHANGE
   The gap between the bottom of the button and the bottom edge
   of the card is the sum of three values, not one:

     .mk-button-container  margin-bottom   15px
     .mk-blog-meta         margin-bottom   20px
     article               padding-bottom  48px  (24px on phones)
     -----------------------------------------------
     total                 83px desktop / 59px phones

   Halving only the card padding would have cut 29%, not 50%,
   which is why all three are halved here.

   AFTER
     desktop  83px -> 41.5px
     phones   59px -> 29.5px

   Loaded last so it wins on source order; the #theme-page id is
   included so it also outranks the phone padding rule in
   jkm-sidebar-mobile.css on specificity rather than order alone.

   Reversible: delete this file + mu-plugins/mbp-jkm-blog-spacing.php
   ============================================================ */

/* ---------- All widths ---------- */

/* 48 -> 24 */
body.jkm-style #theme-page article.mk-blog-modern-item,
body.jkm-style #theme-page article.mk-blog-classic-item,
body.jkm-style #theme-page article.mk-isotop-item{
  padding-bottom:24px !important;
}

/* 20 -> 10 */
body.jkm-style #theme-page article .mk-blog-meta{
  margin-bottom:10px !important;
}

/* 15 -> 7.5 */
body.jkm-style #theme-page article .mk-button-container{
  margin-bottom:7.5px !important;
}

/* ---------- Phones (<=767px) ----------
   jkm-sidebar-mobile.css sets the card padding to 20px 20px 24px
   for the stacked layout. Only the bottom value changes here; the
   20px sides are left alone. */
@media (max-width:767px){
  body.jkm-style #theme-page article.mk-blog-modern-item,
  body.jkm-style #theme-page article.mk-blog-classic-item,
  body.jkm-style #theme-page article.mk-isotop-item{
    padding-bottom:12px !important;
  }
}