/**
 * Temporary Patch: Fix sidebar close on sites without navigation module
 * Target: Gin Theme Sidebar
 * Reference: Patch 7667bb0b7d3c1bded7622252368e00046687204c
 */

/* 1. Ensure the close button and trigger are accessible */
.meta-sidebar__close,
.meta-sidebar__trigger {
  cursor: pointer;
  background: transparent;
  height: 32px;
  width: 32px;
  border-radius: var(--gin-border-m);
  display: block;
}

/* 2. Position the close button (Mobile view) */
.meta-sidebar__close {
  z-index: 104;
  position: absolute;
  inset-block-start: 18px;
  inset-inline-end: var(--gin-spacing-m);
}

/* 3. Re-add the Icon (using Gin's internal SVG mask) */
.meta-sidebar__trigger::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  mask-repeat: no-repeat;
  mask-position: center center;
  background-color: var(--gin-icon-color);
  /* This uses Gin's default icon path */
  -webkit-mask-image: url("/themes/contrib/gin/dist/media/sprite.svg#sidebar-view");
  mask-image: url("/themes/contrib/gin/dist/media/sprite.svg#sidebar-view");
}

/* 4. Overlay Logic */
.meta-sidebar__overlay {
  z-index: 102;
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background: var(--gin-bg-layer2);
}

body[data-meta-sidebar=open] .meta-sidebar__overlay {
  opacity: .9;
  visibility: visible;
}

/* 5. Desktop logic: Hide mobile-only elements */
@media (min-width: 64em) {
  .meta-sidebar__close,
  .meta-sidebar__overlay {
    display: none;
  }
}