/* ZEVEAU draft theme fixes: layout bounds and accessible native controls. */
html,
body,
#f-theme,
.page_container {
  max-width: 100%;
  overflow-x: clip;
}

.f-topbar .f-switcher-dropdown:last-child .f-select-custom--options {
  left: auto !important;
  right: 0 !important;
}
.f-toolbar--sortby .f-select-custom--options {
  left: auto !important;
  right: 0 !important;
}

/* Closed select menus are visually hidden but remain available when JS adds .isActive. */
.f-select-custom:not(.isActive) .f-select-custom--options {
  display: none !important;
}

@media (max-width: 767px) {
  .f-collection--wrapper,
  .f-collection--wrapper > .m\:flex-1,
  .f-collection-toolbar,
  .f-collection-toolbar--wrapper,
  .f-toolbar--right,
  .f-toolbar--sortby {
    min-width: 0;
    max-width: 100%;
  }

  .f-collection--wrapper,
  .f-collection-toolbar,
  .f-collection-toolbar--wrapper {
    overflow-x: clip;
  }

  .f-collection-toolbar--wrapper {
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .f-header,
  .f-header__menu {
    max-width: 100%;
  }
}
