From 8ba3106f82ab78906df0787b75d30bff9ab0dfe4 Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Tue, 11 Nov 2025 11:57:57 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20Reorganize/clean=20up=20f?=
 =?UTF-8?q?orm=20css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/base/forms.css | 114 ++++++++++++++++--------------------------
 1 file changed, 42 insertions(+), 72 deletions(-)

diff --git a/styles/base/forms.css b/styles/base/forms.css
index 8ccb527..bc40609 100644
--- a/styles/base/forms.css
+++ b/styles/base/forms.css
@@ -1,97 +1,67 @@
 /* Forms */
 
-
 /* Base styles */
+input[type="text"], input[type="email"], input[type="tel"],
+input[type="url"], input[type="number"], input[type="password"],
+input[type="date"], select, textarea {
+    @apply px-4 py-2 w-full rounded border-2 border-primary;
+    @apply text-black bg-white;
+    @apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary;
 
+    font-size: inherit;
+    line-height: inherit;
+}
+
+/* Gravity Forms styles */
 .gform_wrapper {
-  @apply max-w-full mx-auto;
+    @apply max-w-full mx-auto;
 
-  .gform_fields {
-    @apply text-black;
-  }
+    .gform_fields { @apply text-black; }
 
-  fieldset.gfield {
-    @apply mb-6;
-  }
+    fieldset.gfield { @apply mb-6; }
 
-  legend, label {
-    @apply text-lg font-bold mb-2;
-  }
+    legend, label { @apply text-lg font-bold mb-2; }
 
-  label.gform-field-label--type-sub{
-    @apply font-normal text-base;
-  }
+    label.gform-field-label--type-sub{ @apply font-normal text-base; }
 
-  .gfield_required {
-    @apply text-danger text-xs font-bold ml-1;
-  }
+    .gfield_required { @apply text-danger text-xs font-bold ml-1; }
 
-  .dark {
-    input[type="text"],
-    input[type="email"],
-    input[type="tel"],
-    input[type="url"],
-    input[type="number"],
-    input[type="password"],
-    input[type="date"],
-    select,
-    textarea {
-      @apply text-black bg-white;
-      @apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary;
+    .dark {
+        input[type="text"], input[type="email"], input[type="tel"],
+        input[type="url"], input[type="number"], input[type="password"],
+        input[type="date"], select, textarea {
+            @apply text-black bg-white;
+            @apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary;
+        }
     }
-  }
 
-  .ginput_complex {
-    @apply sm:flex;
+    .ginput_complex {
+        @apply sm:flex;
 
-    span {
-      @apply block grow;
+        span {
+            @apply block grow;
 
-      &:not(:first-child) {
-        @apply mt-6 sm:mt-0 sm:ml-4;
-      }
+            &:not(:first-child) { @apply mt-6 sm:mt-0 sm:ml-4; }
+        }
     }
-  }
 
-  .gform_footer {
-    @apply mt-8;
-  }
+    .gform_footer { @apply mt-8; }
 
-  h2.gform_submission_error {
-    @apply text-xl text-danger font-bold my-4;
-  }
+    h2.gform_submission_error { @apply text-xl text-danger font-bold my-4; }
 
-  .validation_message {
-    @apply italic text-danger;
-  }
+    .validation_message { @apply italic text-danger; }
 
-  .hidden_label > label {
-    @apply hidden;
-  }
-}
-
-input[type="text"],
-input[type="email"],
-input[type="tel"],
-input[type="url"],
-input[type="number"],
-input[type="password"],
-input[type="date"],
-select,
-textarea {
-  @apply px-4 py-2 w-full rounded border-2 border-secondary focus-visible:bg-secondary-300 focus-visible:border-primary;
-
-  font-size: inherit;
-  line-height: inherit;
+    .hidden_label > label { @apply hidden; }
 }
 
+/* Search block styles */
 .wp-block-search__input {
-  @apply px-4 py-2 w-full rounded border-2 border-transparent focus-visible:bg-secondary-300 focus-visible:border-primary;
+    @apply px-4 py-2 w-full rounded border-2 border-transparent focus-visible:bg-secondary-300 focus-visible:border-primary;
 
-  appearance: none;
-  flex-grow: 1;
-  margin-left: 0;
-  margin-right: 0;
-  min-width: 3rem;
-  text-decoration: unset !important;
+    appearance: none;
+    flex-grow: 1;
+    margin-left: 0;
+    margin-right: 0;
+    min-width: 3rem;
+    text-decoration: unset !important;
 }