From 51d29e6bd4df3986d46eda81356811301c16313f Mon Sep 17 00:00:00 2001
From: Stephen Adamson <popertots@gmail.com>
Date: Thu, 30 Jul 2026 20:00:52 +0100
Subject: [PATCH] fix: remove card shadows from prices page to match site-wide
 border-style

All other pages (contact, admin, account, today, book) use border-based card styling without drop shadows. Removes shadow-sm, hover:shadow-md, and transition classes from all Card.Root instances on the prices page.
---
 frontend/src/routes/prices/+page.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/routes/prices/+page.svelte b/frontend/src/routes/prices/+page.svelte
index e26453c..689c2e7 100644
--- a/frontend/src/routes/prices/+page.svelte
+++ b/frontend/src/routes/prices/+page.svelte
@@ -63,7 +63,7 @@
 	{#if servicesLoading}
 		<div class="space-y-4">
 			{#each range(5) as i (i)}
-				<Card.Root class="shadow-sm">
+				<Card.Root>
 					<Card.Content>
 						<div class="flex items-start justify-between">
 							<div class="flex-1 space-y-2">
@@ -81,7 +81,7 @@
 			{/each}
 		</div>
 	{:else if services.length === 0}
-		<Card.Root class="shadow-sm">
+		<Card.Root>
 			<Card.Content>
 				<div class="py-12 text-center">
 					<div class="mb-4 text-lg text-gray-600">No services available at the moment.</div>
@@ -92,7 +92,7 @@
 	{:else}
 		<div class="space-y-4">
 			{#each services as service (service.id)}
-				<Card.Root class="shadow-sm transition-all duration-200 hover:shadow-md">
+				<Card.Root>
 					<Card.Content>
 						<div class="flex items-start justify-between gap-4">
 							<div class="min-w-0 flex-1">
@@ -153,7 +153,7 @@
 			{/each}
 		</div>
 
-		<Card.Root class="border-dashed border-gray-200 bg-gray-50/50 shadow-sm">
+		<Card.Root class="border-dashed border-gray-200 bg-gray-50/50">
 			<Card.Content class="p-6 text-center">
 				<p class="text-sm text-gray-600">
 					Need something different? Select the closest service and add a note, or contact us for a
@@ -168,7 +168,7 @@
 			</Card.Content>
 		</Card.Root>
 
-		<Card.Root class="border-gray-200 bg-gray-50/80 shadow-sm">
+		<Card.Root class="border-gray-200 bg-gray-50/80">
 			<Card.Header>
 				<Card.Title class="flex items-center gap-2 text-gray-700">
 					<svg
@@ -213,7 +213,7 @@
 			</Card.Content>
 		</Card.Root>
 
-		<Card.Root class="bg-primary/5 shadow-sm">
+		<Card.Root class="bg-primary/5">
 			<Card.Content class="p-6 text-center md:p-8">
 				<h2 class="mb-4 text-lg font-semibold text-primary md:text-xl">Ready to Book?</h2>
 				<div class="flex flex-col gap-3 md:flex-row md:justify-center md:gap-4">