From 54687046ab4c32fbb5818d5c4db6c1bb2acb5036 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Tue, 17 Dec 2024 16:40:45 -0500
Subject: [PATCH] Use `.wa-off-deep` for deep opt-out

Rel #300
---
 src/styles/native/button.css  | 4 +++-
 src/styles/native/details.css | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/styles/native/button.css b/src/styles/native/button.css
index cb512e37c..bc1bd620a 100644
--- a/src/styles/native/button.css
+++ b/src/styles/native/button.css
@@ -1,4 +1,6 @@
-:is(button, input:where([type='button'], [type='reset'], [type='submit'])):where(:not(:host *, .wa-off, .wa-off *)),
+:is(button, input:where([type='button'], [type='reset'], [type='submit'])):where(
+    :not(:host *, .wa-off, .wa-off-deep *)
+  ),
 :host,
 .wa-button:where(:not([part~='base'])) {
   --background-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud));
diff --git a/src/styles/native/details.css b/src/styles/native/details.css
index 160e164ef..6314c96c2 100644
--- a/src/styles/native/details.css
+++ b/src/styles/native/details.css
@@ -1,5 +1,5 @@
 /* Details */
-details:not(.wa-off, .wa-off *) {
+details:not(.wa-off, .wa-off-deep *) {
   background-color: var(--wa-color-neutral-fill-quiet);
   border-radius: var(--wa-panel-border-radius);
   padding-block: 0;