Remove las sibling selector from search

searchform.php

@@ -77,7 +77,13 @@ if ( ! $skip_author_keywords ) {
 
 ?>
 
-<form role="search" method="get" class="search-form <?php if ( ! $show_advanced ) echo '_simple'; ?>" action="<?php echo esc_url( home_url( '/' ) ); ?>">
+<form
+	role="search"
+	method="get"
+	class="search-form <?php if ( ! $show_advanced ) echo '_simple'; ?>"
+	action="<?php echo esc_url( home_url( '/' ) ); ?>"
+	data-advanced="false"
+>
 
 	<?php if ( $show_advanced ) : ?>
 		<div class="allow-list" hidden><?php echo json_encode( $allow_list ); ?></div>

src/js/application.js

@@ -1767,6 +1767,13 @@ _$$('.search-form').forEach(form => {
   });
 });
 
+_$('.search-form__advanced-control')?.addEventListener(
+  'change',
+  event => {
+    event.currentTarget.closest('form').dataset.advanced = event.currentTarget.checked;
+  }
+);
+
 // =============================================================================
 // DETECT KEYBOARD USER (UNNECESSARILY COMPLICATED EDITION)
 // =============================================================================

src/scss/_search.scss

@@ -1,3 +1,19 @@
+.search-form[data-advanced="false"] {
+  .search-form__advanced {
+    display: none;
+  }
+}
+
+.search-form[data-advanced="true"] {
+  .search-form__bar .search-form__advanced-toggle {
+    color: var(--fg-600);
+  }
+
+  .search-form__current {
+    display: none;
+  }
+}
+
 .search-form {
   &._simple {
     .search-form__bar input {
@@ -155,24 +171,6 @@
       }
     }
 
-    &-control {
-      &:not(:checked) {
-        ~ .search-form__advanced {
-          display: none;
-        }
-      }
-
-      &:checked {
-        + .search-form__bar .search-form__advanced-toggle {
-          color: var(--fg-600);
-        }
-
-        ~ .search-form__current {
-          display: none;
-        }
-      }
-    }
-
     &-actions {
       display: flex;
       justify-content: space-between;