From f412b9f71e5589489d453fbcbde2848affe4d00f Mon Sep 17 00:00:00 2001
From: Aravind R <aravind@tenext.in>
Date: Wed, 10 Jun 2026 17:31:10 +0530
Subject: [PATCH] fix contect from

---
 src/components/layout/Footer.tsx | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index db768db..714593e 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -87,6 +87,25 @@ export default function Footer() {
 
   return (
     <>
+      {/* Floating-label fix: the theme only lifts the label on :focus-within, so a
+          filled-but-blurred field drops its label back onto the typed value and the
+          two overlap. Keep the label lifted (and the notch in the top border open)
+          whenever the field carries a value, via the .dm-field-filled class below. */}
+      <style dangerouslySetInnerHTML={{ __html: `
+        .logico-form-field.dm-field-filled .logico-label-wrapper>label {
+          font-size: 14px;
+          top: -14px;
+          color: var(--logico-dark-text-color);
+        }
+        .logico-form-field.dm-field-filled .logico-label-placeholder .logico-label-placeholder-text:before {
+          right: 100%;
+          left: initial;
+        }
+        .logico-form-field.dm-field-filled .logico-label-placeholder .logico-label-placeholder-text:after {
+          left: 100%;
+          right: initial;
+        }
+      ` }} />
       <footer
         data-rocket-location-hash="1eeca93394c4fc14089e9d12a2a92e22"
         itemScope
@@ -255,7 +274,7 @@ export default function Footer() {
                             <div className="wpforms-container wpforms-render-modern" id="wpforms-369">
                               <form id="wpforms-form-369" className="wpforms-validate wpforms-form" onSubmit={handleSubmit}>
                                 <div className="wpforms-field-container">
-                                  <div className="wpforms-field-wrapper logico-form-field">
+                                  <div className={`wpforms-field-wrapper logico-form-field${formData.fullName ? " dm-field-filled" : ""}`}>
                                     <div className="logico-label-wrapper" style={{marginBottom:"12px"}}>
                                       <div className="logico-label-placeholder">
                                         <div className="logico-label-placeholder-text">Full name</div>
@@ -272,7 +291,7 @@ export default function Footer() {
                                       required
                                     />
                                   </div>
-                                  <div className="wpforms-field-wrapper logico-form-field">
+                                  <div className={`wpforms-field-wrapper logico-form-field${formData.email ? " dm-field-filled" : ""}`}>
                                     <div className="logico-label-wrapper" style={{marginBottom:"12px"}}>
                                       <div className="logico-label-placeholder">
                                         <div className="logico-label-placeholder-text">Email</div>
@@ -289,7 +308,7 @@ export default function Footer() {
                                       required
                                     />
                                   </div>
-                                  <div className="wpforms-field-wrapper logico-form-field">
+                                  <div className={`wpforms-field-wrapper logico-form-field${formData.subject ? " dm-field-filled" : ""}`}>
                                     <div className="logico-label-wrapper" style={{marginBottom:"12px"}}>
                                       <div className="logico-label-placeholder">
                                         <div className="logico-label-placeholder-text">Subject</div>
@@ -306,7 +325,7 @@ export default function Footer() {
                                       required
                                     />
                                   </div>
-                                  <div className="wpforms-field-wrapper logico-form-field">
+                                  <div className={`wpforms-field-wrapper logico-form-field${formData.message ? " dm-field-filled" : ""}`}>
                                     <div className="logico-label-wrapper" style={{marginBottom:"12px"}}>
                                       <div className="logico-label-placeholder">
                                         <div className="logico-label-placeholder-text">Message</div>