From d8d896741b777b872c808f008406582064cd586b Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Sat, 21 Oct 2023 07:34:18 +0800
Subject: [PATCH] CYS: Remove spotlight tour modal shadow (#40861)

* Tweak css for spotlight tour modal shadow

* Changelog

* Lint
---
 .../customize-store/assembler-hub/style.scss  | 51 +++++++++++++++++++
 .../fix-40819-spotlight-tour-styling          |  4 ++
 2 files changed, 55 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-40819-spotlight-tour-styling

diff --git a/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss b/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss
index 9c2e3f9e968..6631974b55f 100644
--- a/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss
+++ b/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss
@@ -534,6 +534,57 @@
 .woocommerce-customize-store-tour-kit {
 	.woocommerce-tour-kit-step {
 		width: 319px;
+		box-shadow: none;
+		border: 1px solid var(--gutenberg-gray-300, #ddd);
+	}
+
+	.tour-kit-frame__container {
+		box-shadow: none;
+	}
+
+	.components-elevation {
+		display: none;
+	}
+
+	.tour-kit-frame__arrow::before {
+		box-shadow: none !important;
+	}
+
+	.tour-kit-frame__container[data-popper-placement^='left'] {
+		& > .tour-kit-frame__arrow {
+			right: -5px;
+			&::before {
+				border-top: 1px solid var(--gutenberg-gray-300, #ddd);
+				border-right: 1px solid var(--gutenberg-gray-300, #ddd);
+			}
+		}
+	}
+
+	.tour-kit-frame__container[data-popper-placement^='right'] {
+		& > .tour-kit-frame__arrow {
+			&::before {
+				border-bottom: 1px solid var(--gutenberg-gray-300, #ddd);
+				border-left: 1px solid var(--gutenberg-gray-300, #ddd);
+			}
+		}
+	}
+
+	.tour-kit-frame__container[data-popper-placement^='top'] {
+		& > .tour-kit-frame__arrow {
+			&::before {
+				border-bottom: 1px solid var(--gutenberg-gray-300, #ddd);
+				border-right: 1px solid var(--gutenberg-gray-300, #ddd);
+			}
+		}
+	}
+
+	.tour-kit-frame__container[data-popper-placement^='bottom'] {
+		& > .tour-kit-frame__arrow {
+			&::before {
+				border-top: 1px solid var(--gutenberg-gray-300, #ddd);
+				border-left: 1px solid var(--gutenberg-gray-300, #ddd);
+			}
+		}
 	}
 
 	.woocommerce-tour-kit-step__heading {
diff --git a/plugins/woocommerce/changelog/fix-40819-spotlight-tour-styling b/plugins/woocommerce/changelog/fix-40819-spotlight-tour-styling
new file mode 100644
index 00000000000..1b553ce2866
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-40819-spotlight-tour-styling
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+Remove spotlight tour modal shadow in CYS