/* Single post — theme-specific overrides (light, glitch, arcade) */

/* ── Disable non-active category pills on single post ── */
.blog-single-wrap .bs-cat-link:not(.active) {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}

/* ── Force prose font-size over any inline styles from post content ── */
.blog-single-wrap .bs-prose,
.blog-single-wrap .bs-prose p,
.blog-single-wrap .bs-prose h2,
.blog-single-wrap .bs-prose h3,
.blog-single-wrap .bs-prose h4,
.blog-single-wrap .bs-prose a,
.blog-single-wrap .bs-prose li,
.blog-single-wrap .bs-prose span,
.blog-single-wrap .bs-prose td,
.blog-single-wrap .bs-prose th {
  font-size: clamp(1rem, 1.5vw, 1.1875rem) !important;
}

/* Hero */

.bs-explore-btn::after {
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='69' height='69' viewBox='0 0 69 69' fill='none'%3E%3Cpath d='M22.9414 47.8672L45.7213 23.2598' stroke='white' stroke-width='2.11958' stroke-linecap='round'/%3E%3Cpath d='M23.5312 24.2705L45.7115 23.2489L46.553 45.3213' stroke='white' stroke-width='2.11958' stroke-linecap='round'/%3E%3Crect x='1.05488' y='1.05488' width='66.7305' height='66.3074' rx='33.1537' stroke='white' stroke-width='2.10976'/%3E%3C/svg%3E") !important;
}

/* ── Light ───────────────────────────────────────────────────────── */
.realm--light {
  /* Hero */
  .bs-hero {
    background: none !important;
  }
  .bs-hero-card {
    background: #eee;
    border-radius: 24px;
  }

  /* Breadcrumb */
  .bs-breadcrumb {
  }
  .bs-breadcrumb-blog {
    font-weight: 300;
  }
  .bs-breadcrumb-sep {
  }
  .bs-breadcrumb-current {
    font-weight: 300;
  }

  /* Author bar */
  .bs-author-bar {
  }
  .bs-author-info {
    text-align: center;
  }
  .bs-post-date {
  }
  .bs-meta-sep {
  }
  .bs-author-name {
  }

  /* Content */
  .bs-post-title {
    text-align: center;
  }
  .bs-prose {
  }
  .bs-tag {
  }

  /* Sidebar */
  .bs-widget-title {
  }
  .bs-cat-link {
  }
  .bs-cat-link.active {
  }
  /* Related */
  .bs-related {
    background: none !important;
  }
  .bs-explore-btn {
  }
}

/* ── Glitch ──────────────────────────────────────────────────────── */
.realm--glitch {
  background: #040512;
  .blog-single-wrap {
    background: #040512;
  }
  /* Hero */
  .bs-hero {
    background: none!important;
  }
  .bs-hero-card {
    margin-bottom: unset;
  }

  /* Breadcrumb */
  .bs-breadcrumb {
  }
  .bs-breadcrumb-blog {
    color: #ffffff;
    font-weight: 300;
  }
  .bs-breadcrumb-sep {
    color: #ffffff;
  }
  .bs-breadcrumb-current {
    font-weight: 300;
  }

  /* Author bar */
  .bs-author-bar {
  }
  .bs-author-info {
    text-align: center;
  }
  .bs-post-date {
    color: #ffffff;
  }
  .bs-meta-sep {
    color: #ffffff;
  }
  .bs-author-name {
    color: #ffffff;
  }

  /* Content */
  .bs-post-title {
    text-align: center;
    color: #ffffff;
  }
  .bs-prose {
    color: #ffffff;
  }
  .bs-prose p,
  .bs-prose h2,
  .bs-prose h3 {
    color: #ffffff;
  }
  .bs-tag {
  }

  /* Sidebar */
  .bs-widget-title {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.3);
  }
  .bs-cat-link {
    border-radius: 7.4985rem;
    border: 0.548px solid #7139d1;
    box-shadow: 0 -2.634px 10.536px 0 rgba(255, 255, 255, 0.16) inset;
    height: 2.42931rem;
    color: #ffffff;
    background: transparent;
  }
  .bs-cat-link.active,
  .bs-cat-link:hover {
    color: #fff;
    border-radius: 7.4985rem;
    border: none;
    background: linear-gradient(180deg, #7139d1 0%, #bb93ff 100%);
    box-shadow: 0 -2.634px 10.536px 0 rgba(255, 255, 255, 0.16) inset;
  }
  .bs-toc-link {
    color: #ffffff;
  }
  .bs-search-form-alt {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.4);
    .bs-search-icon {
      color: #ffffff !important;
    }
    .bs-search-field {
      color: #ffffff !important;
      &::placeholder {
        color: #ffffff !important;
      }
      &::-webkit-search-cancel-button {
        filter: brightness(0) invert(1);
      }
    }
  }
  .bs-toc-toggle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  }
  @media (max-width: 991px) {
    .bs-toc-widget {
      background: #040512;
    }
  }

  /* Related */
  .bs-related {
    background: none !important;
  }
  .image-card h3 {
    color: #9e66ff;
  }
  .card-date {
    color: #ffffff;
  }
  .card-copy {
    color: #ffffff;
  }
  .card-button {
    background-color: #9e66ff;
  }
  .image-card {
    border-radius: 0 0 3rem 3rem;
    background: linear-gradient(
      180deg,
      rgba(78, 13, 188, 0) 0%,
      rgba(59, 2, 157, 0.52) 100%
    );
    border: unset;
  }
  .bs-explore-btn {
  }
}

/* ── Arcade ──────────────────────────────────────────────────────── ARCADE */
.realm--arcade {
  background: #1b1c48;
  .blog-single-wrap {
    background: #1b1c48;
  }
  /* Hero */
  .bs-hero {
    background: #1b1c48 !important;
  }
  .bs-hero-card {
    margin-bottom: unset;
  }

  /* Breadcrumb */
  .bs-breadcrumb {
  }
  .bs-breadcrumb-blog {
    color: #ffffff;
    font-weight: 300;
  }
  .bs-breadcrumb-sep {
    color: #ffffff;
  }
  .bs-breadcrumb-current {
    font-weight: 300;
  }

  /* Author bar */
  .bs-author-bar {
  }
  .bs-author-info {
    text-align: center;
  }
  .bs-post-date {
    color: #ffffff;
  }
  .bs-meta-sep {
    color: #ffffff;
  }
  .bs-author-name {
    color: #ffffff;
  }

  /* Content */
  .bs-post-title {
    text-align: center;
    color: #ffffff;
  }
  .bs-prose {
    color: #ffffff;
  }
  .bs-prose p,
  .bs-prose h2,
  .bs-prose h3 {
    color: #ffffff;
  }
  .bs-tag {
  }

  /* Sidebar */
  .bs-widget-title {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.3);
  }
  .bs-cat-link {
    border-radius: 7.4905rem;
    border: 0.548px solid #7139d1;
    box-shadow: 0 -2.634px 10.536px 0 rgba(255, 255, 255, 0.16) inset;
    height: 2.43006rem;
    color: #ffffff;
    background: transparent;
  }
  .bs-cat-link.active,
  .bs-cat-link:hover {
    color: #fff;
    border-radius: 7.4905rem;
    border: none;
    height: 2.43006rem;
    background: linear-gradient(180deg, #7139d1 0%, #bb93ff 100%);
    box-shadow: 0 -2.634px 10.536px 0 rgba(255, 255, 255, 0.16) inset;
  }
  .bs-toc-link {
    color: #ffffff;
  }
  .bs-toc-link:hover,
  .bs-toc-link.active {
    color: #7139d1;
  }
  .bs-search-form-alt {
    background: transparent;
    border-radius: 2.125rem;
    border: 1.136px solid #fff;
    .bs-search-icon {
      color: #ffffff !important;
    }
    .bs-search-field {
      color: #ffffff !important;
      &::placeholder {
        color: #ffffff !important;
      }
      &::-webkit-search-cancel-button {
        filter: brightness(0) invert(1);
      }
    }
  }
  .bs-toc-toggle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  }
  @media (max-width: 991px) {
    .bs-toc-widget {
      background: #1b1c48;
    }
  }

  /* Related */
  .bs-related {
    background: none !important;
  }
  .image-card h3 {
    color: #9e66ff;
  }
  .card-date {
    color: #ffffff;
  }
  .card-copy {
    color: #ffffff;
  }
  .card-button {
    background-color: #9e66ff;
  }
  .image-card {
    border-radius: 0 0 3rem 3rem;
    background: linear-gradient(
      180deg,
      rgba(78, 13, 188, 0) 0%,
      rgba(59, 2, 157, 0.55) 100%
    );
    border: unset;
  }
  .bs-explore-btn {
  }
}

/* ── Search placeholder white in dark realms ── */
.realm--glitch .bs-search-form-alt .bs-search-field::placeholder,
.realm--arcade .bs-search-form-alt .bs-search-field::placeholder {
  color: #ffffff !important;
  opacity: 1;
}

/* ── Inline content override (tables, spans, etc. with hardcoded colors) ── */
.realm--glitch .blog-single-wrap .bs-prose *,
.realm--arcade .blog-single-wrap .bs-prose * {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}



/* Re-apply active TOC link colour so it doesn't get wiped by the * rule */
.realm--glitch .blog-single-wrap .bs-toc-link.active,
.realm--arcade .blog-single-wrap .bs-toc-link.active {
  color: #7139d1 !important;
}

body.wp-singular {
  overflow-x: clip !important;
}
body.wp-singular #wrapper {
  overflow-x: clip !important;
}