From 3d878367528a78ed06f86b5e5f19ddff1b7027a0 Mon Sep 17 00:00:00 2001
From: Paolo Tesei <ptesei@beapi.fr>
Date: Thu, 23 Apr 2026 09:44:50 +0200
Subject: [PATCH] fix sidebar stye for nested tabs

---
 src/blockparty-tabs/editor.scss |  4 ++--
 src/blockparty-tabs/style.scss  | 24 ++++++++++++------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/blockparty-tabs/editor.scss b/src/blockparty-tabs/editor.scss
index 0599957..efa62fe 100644
--- a/src/blockparty-tabs/editor.scss
+++ b/src/blockparty-tabs/editor.scss
@@ -64,8 +64,8 @@
         }
     }
 
-    .has-align-sidebar-right &,
-    .has-align-sidebar-left & {
+    .has-align-sidebar-right > &,
+    .has-align-sidebar-left > & {
 
         &-panel-item {
 
diff --git a/src/blockparty-tabs/style.scss b/src/blockparty-tabs/style.scss
index 8519a89..5cf390e 100644
--- a/src/blockparty-tabs/style.scss
+++ b/src/blockparty-tabs/style.scss
@@ -110,23 +110,23 @@
                 justify-content: end;
             }
 
-            .has-align-sidebar-left &,
-            .has-align-sidebar-right & {
+            .has-align-sidebar-left > &,
+            .has-align-sidebar-right > & {
                 flex-wrap: wrap;
             }
 
-            .has-align-sidebar-left & {
+            .has-align-sidebar-left > & {
                 flex: 1 1 33.33333%;
             }
 
-            .has-align-sidebar-right & {
+            .has-align-sidebar-right > & {
                 flex: 1 1 33.33333%;
                 order: 2;
             }
 
             &-item {
 
-                .has-align-sidebar-right & {
+                .has-align-sidebar-right > & {
 
                     &:hover,
                     &:focus-within {
@@ -144,7 +144,7 @@
                     border-left: var(--wp--blockparty--tabs--nav-border);
                 }
 
-                .has-align-sidebar-left & {
+                .has-align-sidebar-left > & {
 
                     &:hover,
                     &:focus-within {
@@ -167,13 +167,13 @@
 
         &-panels {
 
-            .has-align-sidebar-right & {
+            .has-align-sidebar-right > & {
                 flex: 1 1 66.66666%;
                 align-self: stretch;
                 order: 1;
             }
 
-            .has-align-sidebar-left & {
+            .has-align-sidebar-left > & {
                 flex: 1 1 66.66666%;
                 align-self: stretch;
             }
@@ -187,17 +187,17 @@
                     display: none;
                 }
 
-                .has-align-sidebar-left &,
-                .has-align-sidebar-right & {
+                .has-align-sidebar-left > &,
+                .has-align-sidebar-right > & {
                     height: 100%;
                     border-top: 0;
                 }
 
-                .has-align-sidebar-left & {
+                .has-align-sidebar-left > & {
                     border-left: var(--wp--blockparty--tabs--panel-border);
                 }
 
-                .has-align-sidebar-right & {
+                .has-align-sidebar-right > & {
                     border-right: var(--wp--blockparty--tabs--panel-border);
                 }
             }