fix(a11y): show focus outline on keyboard navigation only

Author: aksiome

src/sphinx_breeze_theme/assets/styles/extensions/design.css

@@ -64,7 +64,7 @@
 .sd-card {
   --bz-surface: var(--sd-color-card-background);
 
-  &:focus-within {
+  &.sd-card-hover:focus-within {
     outline: 1px solid;
   }
 }
@@ -146,7 +146,7 @@
 details.sd-dropdown summary.sd-summary-title {
   padding: .35em .6em .35em 1em;
 
-  &:focus-within {
+  &:focus-visible {
     outline: 1px solid;
   }
 

src/sphinx_breeze_theme/assets/styles/extensions/docsearch.css

@@ -35,7 +35,7 @@
     border-color: var(--bz-search-button-border-color-hover);
   }
 
-  &:focus-within {
+  &:focus-visible {
     outline: 2px solid;
   }
 

src/sphinx_breeze_theme/assets/styles/extensions/myst-nb.css

@@ -173,7 +173,7 @@ div.cell {
     cursor: pointer;
     outline: none !important;
 
-    &:focus-within p {
+    &:focus-visible p {
       outline: 1px solid;
       outline-offset: -1px;
       border-radius: var(--bz-border-radius);