24-10: redesign integration verification — contrast fix, booking component root fix, tests; QA Review

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

resources/css/public.css

@@ -4,7 +4,7 @@
 
 /* ---------- Tokens ---------- */
 body.site{
-  --forest:#2D3624; --forest-2:#232A1C; --gold:#A68966; --gold-ink:#8A7555; --gold-lt:#C4A882;
+  --forest:#2D3624; --forest-2:#232A1C; --gold:#A68966; --gold-ink:#7A6648; --gold-lt:#C4A882;
   --cream:#F4F1EA; --olive:#4A5D23; --ink:#1E2219; --muted:#5B6152; --line:rgba(45,54,36,.14);
   --display:"Markazi Text","Times New Roman",serif; --body:"IBM Plex Sans Arabic",system-ui,sans-serif;
   --r:10px; --ease:cubic-bezier(.2,.7,.2,1);
@@ -110,7 +110,7 @@ html[dir=ltr] body.site .foot a:hover{transform:translateX(3px)}
 body.site .foot .brand b{color:var(--cream)}
 body.site .foot .brand small{color:var(--gold-lt)}
 body.site .foot p{margin:16px 0 0;max-width:26em}
-body.site .site-footer .legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(244,241,234,.1);margin-top:48px;padding-top:22px;font-size:.8rem;color:rgba(196,168,130,.75)}
+body.site .site-footer .legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(244,241,234,.1);margin-top:48px;padding-top:22px;font-size:.8rem;color:rgba(196,168,130,.9)}
 body.site .foot span{display:block;padding:10px 0}
 body.site .foot a.brand{display:flex;padding:0}
 body.site .foot .brand span{display:block;padding:0}

resources/views/livewire/pages/booking.blade.php

@@ -196,6 +196,7 @@ new #[Layout('components.layouts.public')] class extends Component
     }
 }; ?>
 
+<div>
 @if($compact)
     @if($isLoggedIn)
         <div class="book-r book-r-note">
@@ -380,3 +381,4 @@ new #[Layout('components.layouts.public')] class extends Component
     </div>
 </section>
 @endif
+</div>