/* Sidebar blocks on the static pages (2026-10-26)
   1) Search block styled like the shop Search block.
   2) Phones (740px and under): sidebar blocks start closed and open by tapping the heading. Desktop unchanged. */

.bm-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.bm-search .infoBoxContents { padding: 5px; min-height: 60px; box-sizing: border-box; text-align: center; }
.bm-search .bm-search-widget { position: relative; margin: 6px 0 0; }
.bm-search form { position: relative; margin: 0; padding: 0; }
.bm-search input[type="text"] {
  display: block; width: 100%; height: 35px; margin: 0; padding: 10px 44px 10px 10px; box-sizing: border-box;
  border: 0; border-radius: 5px; background: #f1f1f1; color: #000; box-shadow: none;
  font: 10px/15px Verdana, Arial, sans-serif; text-align: left;
}
.bm-search input[type="text"]::placeholder { color: #888; opacity: 1; }
.bm-search button[type="submit"] {
  position: absolute; top: 0; right: 0; width: 40px; height: 35px; margin: 0; padding: 0; border: 0; border-radius: 0 5px 5px 0;
  background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: none;
}
.bm-search button[type="submit"] svg { width: 24px; height: 24px; fill: #222; display: block; }
.bm-search input[type="text"]:focus-visible, .bm-search button[type="submit"]:focus-visible { outline: 2px solid #000080; outline-offset: 1px; }

@media (max-width: 740px) {
  .bm-search input[type="text"] { height: 44px; font-size: 12px; }
  .bm-search button[type="submit"] { width: 44px; height: 44px; }

  .bm-js #columnLeft > .infoBoxContainer:not(.bm-search):not(.bm-m-open) > .infoBoxContents { display: none !important; }
  .bm-js #columnLeft > .infoBoxContainer:not(.bm-search) > .infoBoxHeading {
    position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box;
    min-height: 44px; padding: 2px 36px; cursor: pointer; -webkit-tap-highlight-color: transparent;
  }
  .bm-js #columnLeft > .infoBoxContainer:not(.bm-search) > .infoBoxHeading p { margin: 0; padding: 0; }
  .bm-js #columnLeft > .infoBoxContainer:not(.bm-search) > .infoBoxHeading:after {
    content: ""; position: absolute; right: 16px; top: 50%; width: 7px; height: 7px; margin-top: -6px;
    border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .15s;
  }
  .bm-js #columnLeft > .infoBoxContainer.bm-m-open:not(.bm-search) > .infoBoxHeading:after { transform: rotate(-135deg); margin-top: -2px; }
  .bm-js #columnLeft > .infoBoxContainer:not(.bm-search) > .infoBoxHeading:focus-visible { outline: 2px solid #ffd700; outline-offset: -3px; }
}

/* Sidebar images fill the box width evenly (2026-10-26) */
#columnLeft .bm-side-img { display: block; width: 100%; max-width: 100%; height: auto; margin: 4px auto 6px; border: 0; }
#columnLeft a:has(> .bm-side-img) + br { display: none; }