.kosm-blog-bar {
  background: var(--primary-ultra-light);
  border-bottom: 1px solid var(--neutral-trans-10);
  color: var(--neutral);
  font-size: var(--text-s);
}
.kosm-blog-bar__home {
  color: var(--base-dark);
  font-weight: 700;
}
.kosm-blog-context #brxe-mesyrq .brxe-text-link[aria-current] {
  color: var(--primary-hover);
}
.kosm-blog-context #brxe-mesyrq .brxe-text-link[aria-current]::after {
  opacity: 1;
}
.kosm-blog-bar .mm:not(.brx-open) .mm__nav-items > li > .brx-submenu-toggle {
  font-size: var(--text-s);
}
.kosm-blog-bar .blog-search {
  width: auto;
  min-width: max-content;
  height: calc(var(--text-m) + var(--space-m));
}
.kosm-blog-bar .blog-search .bricks-search-form {
  width: max-content;
  height: 100%;
  border-radius: var(--radius-m);
}
.kosm-blog-bar .blog-search .bricks-search-form button {
  width: auto;
  height: 100%;
  gap: calc(var(--space-xs) / 2);
  padding: 0 var(--space-xs) !important;
  white-space: nowrap;
  font-size: var(--text-s);
}
.kosm-blog-bar .blog-search .bricks-search-form:not(.is-active) input[type="search"] {
  visibility: hidden;
}
.kosm-blog-bar .blog-search .bricks-search-form.is-active {
  width: min(42rem, calc(100vw - var(--gutter) * 2));
  background: var(--white);
  box-shadow: var(--shadow-m);
  border-color: var(--neutral-trans-10);
}
.kosm-blog-bar .blog-search .bricks-search-form.is-active input[type="search"] {
  padding-inline: var(--space-s) !important;
  font-size: var(--text-s);
  min-width: 0;
}
.kosm-blog-bar :is(a, button, input):focus-visible {
  outline: 2px solid var(--primary-hover);
  outline-offset: 3px;
}
@media (min-width: 992px) {
  .kosm-blog-bar .mm {
    column-gap: var(--space-m);
  }
  .kosm-blog-bar .blog-search {
    min-width: 13rem;
  }
  .kosm-blog-bar .mm:not(.brx-open) .mm__nav-items > .brxe-dropdown > .brx-dropdown-content {
    border: 1px solid var(--neutral-trans-10);
    box-shadow: var(--box-shadow-m);
  }
}
@media (max-width: 991px) {
  .kosm-blog-bar .mm {
    column-gap: var(--space-xs);
  }
  .kosm-blog-bar .mm__toggle-open {
    align-items: center;
    gap: var(--space-2xs);
    font-size: var(--text-m);
  }
  .kosm-blog-bar .mm__toggle-open::after {
    content: "Teme";
    font-family: inherit;
    font-size: var(--text-s);
  }
  .kosm-blog-bar .blog-search {
    min-width: 12rem;
  }
  .kosm-blog-bar .mm.brx-open .mm__nav-items-wrapper {
    z-index: 10001;
  }
  body.kosm-blog-context .searchwp-live-search-results.kosm-blog-results {
    top: var(--kosm-blog-results-top) !important;
    max-height: calc(100dvh - var(--kosm-blog-results-top) - var(--space-m)) !important;
  }
}
@media (max-width: 478px) {
  .kosm-blog-bar__home {
    font-size: var(--text-xs);
  }
  .kosm-blog-bar .blog-search {
    min-width: 10rem;
  }
  .kosm-blog-bar .blog-search .bricks-search-form button {
    font-size: var(--text-xs);
  }
}
@media (min-width: 992px) {
  .kosm-blog-bar .mm__nav-items > li:has(> .mm__mobile-nav) {
    display: none;
  }
}
@media (max-width: 991px) {
  .kosm-blog-bar .mm.brx-open ul.mm__nav-items.mm__nav-items-wrapper {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
    overflow-y: auto;
    height: 100dvh;
  }
  .kosm-blog-bar .mm.brx-open ul.mm__nav-items > li {
    max-inline-size: none;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .kosm-blog-bar .mm ul.mm__nav-items > li:last-of-type {
    order: 0;
  }
  .kosm-blog-bar .blog-search {
    order: 3;
  }
}
@media (max-width: 991px) {
  .kosm-blog-bar .mm:not(.brx-open) > .mm__nav-items-wrapper {
    position: fixed;
  }
  .kosm-blog-bar .mm.brx-open .mm__mobile-nav {
    display: flex !important;
  }
}
@media (max-width: 991px) {
  .kosm-blog-bar .mm.brx-open .mm__nav-items > li:first-child {
    position: relative;
    z-index: 2;
    background: var(--white);
  }
  .kosm-blog-bar .mm.brx-open .mm__mobile-nav {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
  .kosm-blog-bar .mm.brx-open .mm__nav-items > .brxe-dropdown > .brx-dropdown-content {
    z-index: 1;
  }
  .kosm-blog-bar .mm.brx-open .mm__nav-items > .brxe-dropdown.open > .brx-submenu-toggle button {
    z-index: 3;
  }
}
@media (max-width: 991px) {
  .kosm-blog-bar {
    --kosm-blog-toolbar-height: calc(var(--space-xl) + var(--space-s));
  }
  .kosm-blog-bar .mm.brx-open .mm__mobile-nav {
    height: var(--kosm-blog-toolbar-height) !important;
    min-height: var(--kosm-blog-toolbar-height) !important;
    padding: var(--space-s) var(--gutter) !important;
    flex-direction: row-reverse !important;
  }
  .kosm-blog-bar .mm.brx-open .mm__nav-items > .brxe-dropdown > .brx-dropdown-content {
    top: var(--kosm-blog-toolbar-height) !important;
    height: calc(100% - var(--kosm-blog-toolbar-height));
    padding-top: var(--space-m) !important;
  }
  .kosm-blog-bar .mm.brx-open .mm__nav-items > .brxe-dropdown.open > .brx-submenu-toggle button {
    top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--space-s)) !important;
  }
}
@media (max-width: 991px) {
  .kosm-blog-bar .mm.brx-open .mm__mobile-nav {
    flex-wrap: nowrap !important;
  }
  .kosm-blog-bar .mm.brx-open .mm__mobile-logo {
    width: auto !important;
    max-width: 70%;
    flex: 0 1 auto;
  }
  .kosm-blog-bar .mm.brx-open .mm__toggle-close {
    flex: 0 0 auto;
  }
}
/* Keep the shared desktop header compact above the mobile breakpoint. */
@media (min-width: 992px) and (max-width: 1250px) {
  #brxe-qkhlbf {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.5fr);
    gap: var(--space-m);
  }
  #brxe-mwzvcx, #brxe-dhgukn {
    width: 100%;
    min-width: 0;
  }
  #brxe-gkwbzv {
    gap: var(--space-s);
  }
  #brxe-gkwbzv .brxe-image {
    display: none;
  }
  #brxe-pmhyoz {
    width: 20rem;
    flex-shrink: 0;
  }
  #brxe-mesyrq {
    gap: var(--space-xs);
    margin-inline: var(--space-s);
  }
  #brxe-mesyrq .brx-nav-nested-items {
    gap: var(--space-s);
  }
  #brxe-mesyrq .brxe-text-link {
    font-size: var(--text-s);
    white-space: nowrap;
  }
}
/* Only the open mobile topic panel belongs above the shared shop header. */
@media (max-width: 991px) {
  #brxe-kbroot:has(.mm.brx-open) {
    z-index: 1001;
  }
}
/* Keep the mobile shop header and optional blog bar in one sticky group. */
@media (max-width: 991px) {
  #brx-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    padding-block: var(--space-xs);
    background: var(--white);
  }
  #brx-header:has(.kosm-blog-bar) {
    padding-bottom: 0;
  }
}
@media (min-width: 601px) and (max-width: 991px) {
  body.admin-bar #brx-header {
    top: var(--wp-admin--admin-bar--height, 0px);
  }
}