/* Field 2026-11-05 — accessibility fixes for the axolotl theme (GKCCF).
   The header search toggles (twig/component/header.twig) and the video carousel posters
   (twig/post/variants/video/slider.twig) were changed from <span>/<div> to <button>.
   These rules reproduce the original presentation for the button element and add a visible
   focus ring. The hidden toggle uses display:none so it leaves the tab order (the original
   opacity fade on the toggles is dropped for that reason). Enqueued from functions.php.
   Remove this file and that enqueue together with the template edits. */
.search_trigger > button { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); color: var(--primary-color); transition: .3s color ease-in-out; background: none; border: 0; padding: 0; margin: 0; line-height: 1; cursor: pointer; -webkit-appearance: none; appearance: none; }
.search_trigger > button i { font-size: 22px; }
.search_trigger > button.open_search { display: block; z-index: 5; }
.active_search .search_trigger > button.open_search { display: none; }
.search_trigger > button.close_search { display: none; }
.active_search .search_trigger > button.close_search { display: block; z-index: 5; }
.search_trigger > button:hover { color: var(--secondary-color); }
.search_trigger > button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
button.vimeo-poster { display: block; border: 0; padding: 0; margin: 0; -webkit-appearance: none; appearance: none; }
button.vimeo-poster:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }