.m-docs-logo-wrapper {
  display: none !important;
}

.m-docs-search :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  padding: 0;
  overflow: hidden;
  background-color: var(--wp--preset--color--gray-50);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 !important;
  height: 40px;
}

.m-docs-search :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) input[type="search"] {
  padding: 12px;
  padding-right: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}

.m-docs-search :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) button.wp-block-search__button {
  padding: 0;
  margin: 0;
  margin-right: 6px;
  border-radius: 0;
  background-color: transparent;
  color: var(--wp--preset--color--gray-400);
}

/* if input is focused, change button color */
.m-docs-search :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper):has(input[type="search"]:focus) {
  border-color: var(--wp--preset--color--secondary) !important;
}

.m-docs-mobile-menu {
  appearance: none;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: none;
  justify-content: center;
  align-items: center;
  color: var(--wp--preset--color--gray-500);
}
.m-docs-mobile-menu svg {
  width: 22px;
  height: 22px;
}

.m-docs-sidebar {
  overflow-y: auto !important;
  transition: left 0.3s ease-in-out;
  width: 260px !important;
  height: 100vh !important;
}

.m-docs-nav-category {
  margin-top: var(--wp--preset--spacing--40);
  color: var(--wp--preset--color--gray-400) !important;
}

@media (max-width: 781px) {
  .wp-site-blocks {
    transition: transform 0.3s ease-in-out;
  }

  .m-docs-sidebar {
    transform: translateX(-260px);
    position: fixed;
    top: 0;
    left: 0;
  }

  .wp-site-blocks:has(.m-docs-sidebar.open) {
    transform: translateX(260px);
  }

  .wp-site-blocks:has(.m-docs-sidebar.open) .m-docs-mobile-menu svg {
    transform: rotate(180deg);
  }

  body:has(.m-docs-sidebar.open) {
    overflow: hidden;
  }

  .m-docs-mobile-menu {
    display: flex !important;
  }
}