Alves: Improving tab styles and WC content width

alves/sass/style-child-theme-woocommerce.scss

@@ -45,7 +45,8 @@
  */
 
 body[class*="woocommerce"] #page .woocommerce,
-body[class*="woocommerce"] #page #woocommerce-wrapper {
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
 	@extend %responsive-alignwide-nested;
 }
 

alves/style-woocommerce.css

@@ -170,7 +170,8 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  */
 /* Responsive width-content overrides */
 body[class*="woocommerce"] #page .woocommerce,
-body[class*="woocommerce"] #page #woocommerce-wrapper {
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
 	width: calc(100% + 256px);
 	max-width: 100%;
 	margin-left: auto;
@@ -179,7 +180,8 @@ body[class*="woocommerce"] #page #woocommerce-wrapper {
 
 @media only screen and (min-width: 560px) {
 	body[class*="woocommerce"] #page .woocommerce,
-	body[class*="woocommerce"] #page #woocommerce-wrapper {
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
 		width: calc(calc( 560px - 32px) + 256px);
 		max-width: 100%;
 	}
@@ -187,7 +189,8 @@ body[class*="woocommerce"] #page #woocommerce-wrapper {
 
 @media only screen and (min-width: 640px) {
 	body[class*="woocommerce"] #page .woocommerce,
-	body[class*="woocommerce"] #page #woocommerce-wrapper {
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
 		width: calc(calc( 640px - 32px) + 256px);
 		max-width: 100%;
 	}
@@ -195,7 +198,8 @@ body[class*="woocommerce"] #page #woocommerce-wrapper {
 
 @media only screen and (min-width: 782px) {
 	body[class*="woocommerce"] #page .woocommerce,
-	body[class*="woocommerce"] #page #woocommerce-wrapper {
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
 		width: calc(calc( 782px - 32px) + 256px);
 		max-width: 100%;
 	}
@@ -203,7 +207,8 @@ body[class*="woocommerce"] #page #woocommerce-wrapper {
 
 @media only screen and (min-width: 1024px) {
 	body[class*="woocommerce"] #page .woocommerce,
-	body[class*="woocommerce"] #page #woocommerce-wrapper {
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
 		width: calc(calc( 782px - 32px) + 256px);
 		max-width: 100%;
 	}
@@ -211,7 +216,8 @@ body[class*="woocommerce"] #page #woocommerce-wrapper {
 
 @media only screen and (min-width: 1280px) {
 	body[class*="woocommerce"] #page .woocommerce,
-	body[class*="woocommerce"] #page #woocommerce-wrapper {
+	body[class*="woocommerce"] #page #woocommerce-wrapper,
+	body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
 		width: calc(calc( 782px - 32px) + 256px);
 		max-width: 100%;
 	}