SEO Tweaks

src/lib/components/ContractPage.svelte

@@ -409,15 +409,6 @@
         </a>
         <span class="contract-pill">Contract</span>
       </div>
-      <div class="contract-topbar-right">
-        {#if preview}
-          <span class="contract-preview-flag">Preview</span>
-        {/if}
-        <a href={`tel:${ownerPhone.replace(/[^0-9+]/g, '')}`} class="contract-topbar-phone">
-          <Icon name="fas fa-phone" />
-          <span class="contract-topbar-phone-label">{ownerPhone}</span>
-        </a>
-      </div>
     </div>
   </div>
 
@@ -894,7 +885,7 @@
 
   /* ── Top nav bar ── */
   .contract-topbar {
-    background: #213021;
+    background: var(--gw-green);
   }
 
   .contract-topbar-inner {
@@ -926,49 +917,14 @@
   .contract-pill {
     padding: 4px 10px;
     border-radius: 999px;
-    background: rgba(255, 255, 255, 0.12);
+    margin-left:10pt;
+    background: var(--yellow);
     font-family: var(--font-head);
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
-    color: rgba(255, 255, 255, 0.75);
-  }
-
-  .contract-topbar-right {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
-
-  .contract-topbar-phone {
-    display: inline-flex;
-    align-items: center;
-    gap: 7px;
-    padding: 8px 14px;
-    border-radius: 999px;
-    background: rgba(255, 255, 255, 0.1);
-    font-family: var(--font-head);
-    font-size: 13px;
-    font-weight: 700;
-    color: #fff;
-    transition: background 0.15s;
-  }
-
-  .contract-topbar-phone:hover {
-    background: rgba(255, 255, 255, 0.18);
-  }
-
-  .contract-preview-flag {
-    padding: 6px 12px;
-    border-radius: 999px;
-    background: rgba(255, 209, 0, 0.25);
-    font-family: var(--font-head);
-    font-size: 11px;
-    font-weight: 700;
-    letter-spacing: 0.08em;
-    text-transform: uppercase;
-    color: #ffd100;
+    color: var(--gw-green);
   }
 
   /* ── Journey bar ── */
@@ -1722,10 +1678,6 @@
       height: 50px;
     }
 
-    .contract-topbar-phone-label {
-      display: none;
-    }
-
     .contract-hero {
       padding: 20px 0 16px;
     }