From 5b5654d371150eb76209f86ed374d7fc29a028d6 Mon Sep 17 00:00:00 2001
From: Emili Castells Guasch <ecastells@MacBook-Air-de-Emili.local>
Date: Mon, 13 May 2024 16:32:10 +0200
Subject: [PATCH] Rename .hidden class to avoid overrides from external code

---
 modules/ppcp-axo/resources/css/styles.scss  | 2 +-
 modules/ppcp-axo/resources/js/AxoManager.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/modules/ppcp-axo/resources/css/styles.scss b/modules/ppcp-axo/resources/css/styles.scss
index 196b2086c..605ac18b2 100644
--- a/modules/ppcp-axo/resources/css/styles.scss
+++ b/modules/ppcp-axo/resources/css/styles.scss
@@ -7,7 +7,7 @@
 	padding: 1rem 0;
 	background-color: #ffffff;
 
-	&.hidden {
+	&.axo-hidden {
 		display: none;
 	}
 }
diff --git a/modules/ppcp-axo/resources/js/AxoManager.js b/modules/ppcp-axo/resources/js/AxoManager.js
index 3b0555787..cc4082863 100644
--- a/modules/ppcp-axo/resources/js/AxoManager.js
+++ b/modules/ppcp-axo/resources/js/AxoManager.js
@@ -437,7 +437,7 @@ class AxoManager {
         if (!document.querySelector(pc.selector)) {
             const gatewayPaymentContainer = document.querySelector('.payment_method_ppcp-axo-gateway');
             gatewayPaymentContainer.insertAdjacentHTML('beforeend', `
-                <div id="${pc.id}" class="${pc.className} hidden">
+                <div id="${pc.id}" class="${pc.className} axo-hidden">
                     <div id="${pc.id}-form" class="${pc.className}-form"></div>
                     <div id="${pc.id}-details" class="${pc.className}-details"></div>
                 </div>