From b5ac1973536ce9c820d39ae2358a6d993fab6ffc Mon Sep 17 00:00:00 2001
From: Rami Yushuvaev <ramiy@elementor.com>
Date: Tue, 17 Mar 2026 15:58:58 +0200
Subject: [PATCH 1/2] WordPress 7.0 design compatibility

---
 assets/css/admin.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/assets/css/admin.css b/assets/css/admin.css
index 6ffadf82..1970c6a3 100644
--- a/assets/css/admin.css
+++ b/assets/css/admin.css
@@ -7,6 +7,11 @@
   filter: none;
 }
 
-.error-elementor {
-  border-left-color: #93003F;
+.notice_wrapper {
+  border: 1px solid #ccd0d4;
+  box-shadow: 0 1px 4px #00000026;
+}
+
+.notice_wrapper.error-elementor {
+  border-inline-start: 4px solid #93003F;
 }

From 3cca51a1f2b4229838d7e867b04f55bff2243b25 Mon Sep 17 00:00:00 2001
From: Rami Yushuvaev <ramiy@elementor.com>
Date: Wed, 18 Mar 2026 12:20:54 +0200
Subject: [PATCH 2/2] WordPress 7.0 design compatibility

---
 modules/legacy/components/admin.php           | 93 +++++++------------
 .../legacy/notices/sticky-deprecated-nag.php  |  2 +-
 2 files changed, 32 insertions(+), 63 deletions(-)

diff --git a/modules/legacy/components/admin.php b/modules/legacy/components/admin.php
index ffc15fd2..79db8c22 100644
--- a/modules/legacy/components/admin.php
+++ b/modules/legacy/components/admin.php
@@ -37,86 +37,58 @@ public function admin_notices() {
 		?>
 		<style>
 			.notice.a11y-notice {
-				border-left-color: #92003B !important;
-				padding: 20px;
-			}
-			.rtl .notice.a11y-notice {
-				border-right-color: #92003B !important;
-			}
-			.notice.a11y-notice .a11y-notice-inner {
-				display: table;
+				display: flex;
+				justify-content: flex-start;
+				box-sizing: border-box;
 				width: 100%;
-			}
-			.notice.a11y-notice .a11y-notice-inner .a11y-notice-icon,
-			.notice.a11y-notice .a11y-notice-inner .a11y-notice-content,
-			.notice.a11y-notice .a11y-notice-inner .a11y-install-now {
-				display: table-cell;
-				vertical-align: middle;
+				padding: 0;
+				box-shadow: 0 1px 4px #00000026;
+				border: 1px solid #ccd0d4;
+				border-inline-start:4px solid #92003B;
 			}
 			.notice.a11y-notice .a11y-notice-icon {
+				background-color: rgb(82 76 255 / 0.04);
+				width: 50px;
+				text-align: center;
+				padding-block-start: 15px;
+				flex-shrink: 0;
+			}
+			.notice.a11y-notice .a11y-notice-icon svg {
 				color: #92003B;
 				font-size: 50px;
-				width: 50px;
-				height: 50px;
+				width: 24px;
+				height: 24px;
 			}
 			.notice.a11y-notice .a11y-notice-content {
-				padding: 0 20px;
+				display: flex;
+				flex-direction: column;
+				gap: 10px;
+				padding: 20px;
 			}
-			.notice.a11y-notice p {
+			.notice.a11y-notice .a11y-notice-content h3,
+			.notice.a11y-notice .a11y-notice-content p {
 				padding: 0;
 				margin: 0;
 			}
-			.notice.a11y-notice h3 {
-				margin: 0 0 5px;
-			}
-			.notice.a11y-notice .a11y-install-now {
-				text-align: center;
-			}
 			.notice.a11y-notice .a11y-install-now .a11y-install-button {
 				background-color: #92003B;
 				color: #fff;
 				border-color: #92003B;
 				box-shadow: 0 1px 0 #92003B;
-				padding: 5px 30px;
-				height: auto;
-				line-height: 20px;
-				text-transform: capitalize;
 			}
 			.notice.a11y-notice .a11y-install-now .a11y-install-button i {
-				padding-right: 5px;
-			}
-			.rtl .notice.a11y-notice .a11y-install-now .a11y-install-button i {
-				padding-right: 0;
-				padding-left: 5px;
-			}
-			.notice.a11y-notice .a11y-install-now .a11y-install-button:hover {
-				background-color: #92003B;
-			}
-			.notice.a11y-notice .a11y-install-now .a11y-install-button:active {
-				box-shadow: inset 0 1px 0 #92003B;
-				transform: translateY(1px);
+				padding-inline-end: 5px;
 			}
-			@media (max-width: 767px) {
-				.notice.a11y-notice {
-					padding: 10px;
-				}
-				.notice.a11y-notice .a11y-notice-inner {
-					display: block;
-				}
-				.notice.a11y-notice .a11y-notice-inner .a11y-notice-content {
-					display: block;
-					padding: 0;
-				}
-				.notice.a11y-notice .a11y-notice-inner .a11y-notice-icon,
-				.notice.a11y-notice .a11y-notice-inner .a11y-install-now {
-					display: none;
-				}
+			.notice.a11y-notice .a11y-install-now .a11y-install-button:hover,
+			.notice.a11y-notice .a11y-install-now .a11y-install-button:focus {
+				background-color: #c60055;
+				border-color: #c60055;
+				box-shadow: 0 1px 0 #c60055;
 			}
 		</style>
-		<div class="notice updated is-dismissible a11y-notice a11y-install-elementor">
-			<div class="a11y-notice-inner">
+		<div role="region" aria-label="<?php esc_attr_e( 'Notice', 'pojo-accessibility' ); ?>" class="notice is-dismissible a11y-notice a11y-install-elementor">
 				<div class="a11y-notice-icon">
-					<svg width="50" height="50" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+				<svg width="24" height="24" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
 						<path d="M14.0035 3.98515e-07C8.34084 -0.00134594 3.23499 3.40874 1.06704 8.64C-1.10092 13.8713 0.0960255 19.8934 4.09968 23.898C8.10333 27.9026 14.1252 29.1009 19.3569 26.9342C24.5887 24.7675 28 19.6625 28 13.9998C28 6.26922 21.7341 0.00183839 14.0035 3.98515e-07Z" fill="#92003B"/>
 						<rect x="8.1687" y="8.16504" width="2.3333" height="11.6665" fill="white"/>
 						<rect x="12.8352" y="17.498" width="6.9999" height="2.3333" fill="white"/>
@@ -124,15 +96,12 @@ public function admin_notices() {
 						<rect x="12.8352" y="8.16504" width="6.9999" height="2.3333" fill="white"/>
 					</svg>
 				</div>
-
 				<div class="a11y-notice-content">
 					<h3><?php esc_html_e( 'Do You Like One Click Accessibility? You\'ll Love Elementor!', 'pojo-accessibility' ); ?></h3>
 					<p><?php esc_html_e( 'Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design. The most advanced frontend drag & drop page builder.', 'pojo-accessibility' ); ?>
 						<a href="https://elementor.com/?utm_source=accessibility&utm_medium=wp-dash&utm_campaign=notice" target="_blank"><?php esc_html_e( 'Learn more about Elementor', 'pojo-accessibility' ); ?></a>.</p>
-				</div>
-
 				<div class="a11y-install-now">
-					<a class="button a11y-install-button" href="<?php echo $install_url; ?>"><i class="dashicons dashicons-download"></i><?php esc_html_e( 'Install Now For Free!', 'pojo-accessibility' ); ?></a>
+					<a class="button a11y-install-button" href="<?php echo $install_url; ?>"><?php esc_html_e( 'Install Now For Free!', 'pojo-accessibility' ); ?></a>
 				</div>
 			</div>
 		</div>
diff --git a/modules/legacy/notices/sticky-deprecated-nag.php b/modules/legacy/notices/sticky-deprecated-nag.php
index 0911d3cb..9d98d1d7 100644
--- a/modules/legacy/notices/sticky-deprecated-nag.php
+++ b/modules/legacy/notices/sticky-deprecated-nag.php
@@ -20,7 +20,7 @@ class Sticky_Deprecated_Nag extends Notice_Base {
 	public string $id = 'sticky-deprecated-nag';
 
 	public function content(): string {
-		return sprintf( '<h4>%s</h4><p>%s<a href="%s">%s</a></p><p><a class="button button-primary" href="%s">%s</a></p>',
+		return sprintf( '<h3>%s</h3><p>%s<a href="%s">%s</a></p><p><a class="button button-primary" href="%s">%s</a></p>',
             __( 'New accessibility plugin available!', 'pojo-accessibility' ),
 			__( 'Your current plugin is no longer supported. Switch to Ally - Web Accessibility now to access more customization, control, and tools for a more inclusive site.', 'pojo-accessibility' ),
 			Upgrade::get_learn_more_link( 'acc-notice-switch-oc' ), // link to learn more