/* =========================================================
   MMI GLOBAL BACKGROUND + LAYOUT PROTECTION
   ========================================================= */

/* Apply background to all possible top-level wrappers */
:root, html, body,
#page, .site, .site-content,
.wp-site-blocks, .wp-site-blocks > *:first-child,
.site-main, main {
  background-color: #0b0b0e !important;
  background-image:
    radial-gradient(circle at 16% 10%, rgba(255,255,255,.10), transparent 42%),
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.08), transparent 46%),
    radial-gradient(circle at 52% 84%, rgba(255,255,255,.06), transparent 55%),
    repeating-linear-gradient(135deg,
      rgba(255,255,255,.03) 0px,
      rgba(255,255,255,.03) 1px,
      transparent 1px,
      transparent 8px
    ),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.88)),
    url("https://mementomoriink.blog/wp-content/uploads/2026/02/Black-Grunge-Wallpapers.jpg") !important;
  background-size: auto, auto, auto, auto, auto, cover !important;
  background-position: center, center, center, center, center, center !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat, no-repeat !important;
  background-attachment: scroll, scroll, scroll, scroll, scroll, fixed !important;
}

/* Remove any white canvas layers */
#page, .site, .site-content, .wp-site-blocks {
  background: transparent !important;
}


/* =========================================================
   IMAGE FIT FIX (NO CROPPING, NO LAYOUT CHANGE)
   ========================================================= */

/* Make all theme image boxes show the full image */
.mmi-hero-media img,
.mmi-thumb img {
  object-fit: contain !important;
  background: #0b0b0e;
}


/* =========================================================
   SAFETY: PREVENT RANDOM WP STYLES FROM BREAKING COLORS
   ========================================================= */

body, p, li, span {
  color: rgba(255,255,255,.88);
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
}

a {
  color: rgba(255,255,255,.92);
}
a:hover {
  color: #ffffff;
}

/* Ensure buttons stay styled */
button,
input[type="submit"],
.wp-block-button__link {
  border-radius: 12px !important;
  border: 1px solid rgba(139,0,0,.35) !important;
  background: linear-gradient(180deg, rgba(139,0,0,.78), rgba(139,0,0,.55)) !important;
  color: #fff !important;
}


/* =========================================================
   HIDE CATEGORY / TAG PILLS ON HOMEPAGE POST CARDS
   ========================================================= */

/* Hide Post Terms block and anything inside it */
body.home .wp-block-post-terms,
body.home .wp-block-post-terms *,
body.home .wp-block-query .wp-block-post-terms,
body.home .wp-block-query .wp-block-post-terms *,
body.home .wp-block-post-template .wp-block-post-terms,
body.home .wp-block-post-template .wp-block-post-terms * {
  display: none !important;
  visibility: hidden !important;
}

/* Remove leftover spacing where pills were */
body.home .wp-block-post-terms {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* Remove gap if a spacer follows the hidden terms */
body.home .wp-block-post-terms + * {
  margin-top: 0 !important;
}

/* Backup selectors for themes that output categories differently */
body.home .entry-taxonomies,
body.home .post-categories,
body.home .cat-links,
body.home .tags-links,
body.home .taxonomy-category,
body.home .taxonomy-post_tag {
  display: none !important;
  visibility: hidden !important;
}