/* ===============================
   MOBILE LIBRARY GRID (4 COLUMNS)
   =============================== */

@media (max-width: 768px){

  /* Query Loop grid */
  .wp-block-query ul.wp-block-post-template,
  .wp-block-query ol.wp-block-post-template{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .wp-block-query ul.wp-block-post-template > li,
  .wp-block-query ol.wp-block-post-template > li{
    width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  /* Book cover images */
  .wp-block-post-featured-image,
  .wp-block-post-featured-image img{
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Hide all text in library grid (covers only) */
  .wp-block-query .wp-block-post-title,
  .wp-block-query .wp-block-post-title a,
  .wp-block-query .wp-block-post-excerpt,
  .wp-block-query .wp-block-post-date,
  .wp-block-query .wp-block-post-author,
  .wp-block-query .wp-block-post-terms{
    display: none !important;
  }
/* ===============================
   CATEGORY ARCHIVES – COVERS ONLY
   (Does NOT affect main library)
================================ */

@media (max-width: 768px){

  /* Only category archive pages */
  body.category .wp-block-post-title,
  body.category .wp-block-post-title a,
  body.category .wp-block-post-excerpt,
  body.category .wp-block-post-date,
  body.category .wp-block-post-author,
  body.category .wp-block-post-terms {
    display: none !important;
  }

  /* Ensure only cover image shows */
  body.category .wp-block-post-featured-image {
    margin: 0 !important;
  }

  body.category .wp-block-post-featured-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
  }

}
}

/* ======================================
   SINGLE BOOK PAGE – KEEP DOWNLOAD VISIBLE
   ====================================== */

.single .wp-block-post-title,
.single .wp-block-post-content{
  display: block !important;
}

.single .wp-block-buttons,
.single .wp-block-button,
.single .wp-block-file{
  display: block !important;
}

/* Optional: cleaner spacing under cover */
.single .wp-block-post-featured-image{
  margin-bottom: 12px !important;
}
/* ✅ FIX: Category Archives on MOBILE - Covers only (does NOT touch normal pages) */
@media (max-width: 768px){

  /* 1) Make category archive query-loop a grid like your main page */
  body.archive .wp-block-query ul.wp-block-post-template,
  body.archive .wp-block-query ol.wp-block-post-template,
  body.category .wp-block-query ul.wp-block-post-template,
  body.category .wp-block-query ol.wp-block-post-template{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  body.archive .wp-block-query ul.wp-block-post-template > li,
  body.archive .wp-block-query ol.wp-block-post-template > li,
  body.category .wp-block-query ul.wp-block-post-template > li,
  body.category .wp-block-query ol.wp-block-post-template > li{
    width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  /* 2) Hide ALL text inside each post item on category archives */
  body.archive .wp-block-post-title,
  body.archive .wp-block-post-title a,
  body.archive .wp-block-post-excerpt,
  body.archive .wp-block-post-date,
  body.archive .wp-block-post-author,
  body.archive .wp-block-post-terms,
  body.category .wp-block-post-title,
  body.category .wp-block-post-title a,
  body.category .wp-block-post-excerpt,
  body.category .wp-block-post-date,
  body.category .wp-block-post-author,
  body.category .wp-block-post-terms{
    display: none !important;
  }

  /* 3) Ensure only cover image is visible and clean */
  body.archive .wp-block-post-featured-image,
  body.category .wp-block-post-featured-image{
    margin: 0 !important;
  }

  body.archive .wp-block-post-featured-image img,
  body.category .wp-block-post-featured-image img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
  }
}
/* FIX: Mobile Menu text breaks into vertical letters */
@media (max-width: 768px){

  /* WordPress menus (general) */
  .main-navigation a,
  .menu a,
  .nav-menu a,
  .mobile-menu a,
  .wp-block-navigation a,
  .wp-block-navigation-item__content{
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    writing-mode: horizontal-tb !important;
  }

  /* Blocksy / common mobile menu containers (safe) */
  .ct-panel .ct-mobile-menu a,
  .ct-mobile-menu a{
    width: 100% !important;
    display: block !important;
  }
}