Update product configuration and enhance order functionality: Added shop URLs for various products in the backend configuration, improving the management of product links. Implemented new functions to generate order URLs for featured and first packages, enhancing the user experience on product pages. Updated contact and product pages to utilize the new order URL functionality for streamlined ordering.

public/assets/css/custom.css

@@ -15,3 +15,94 @@
     justify-content: center;
     margin-top: 2rem;
 }
+
+/* Legal pages: plain white content with black text */
+.legal-hero,
+.legal-content {
+    background: #ffffff;
+    color: #000000;
+}
+
+.legal-hero {
+    margin-top: 70px;
+    padding: 2rem 0 1.5rem;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.legal-content {
+    padding-top: 2rem;
+}
+
+.legal-hero-title {
+    background: none;
+    -webkit-text-fill-color: #000000;
+    color: #000000;
+    margin-bottom: 0.5rem;
+}
+
+.legal-hero-description,
+.legal-section h2,
+.legal-section h3,
+.legal-block p,
+.legal-block li,
+.breadcrumb,
+.breadcrumb span {
+    color: #000000;
+}
+
+.legal-section,
+.legal-section.glass-card {
+    background: transparent;
+    border: none;
+    box-shadow: none;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    border-radius: 0;
+    padding: 0;
+}
+
+.legal-section:hover,
+.legal-section.glass-card:hover {
+    transform: none;
+    box-shadow: none;
+    border: none;
+    background: transparent;
+}
+
+.legal-content .glass-card:hover {
+    transform: none;
+    box-shadow: none;
+}
+
+.legal-section h2 {
+    border-bottom: 1px solid #e5e5e5;
+    padding-bottom: 0.5rem;
+    margin-bottom: 0.8rem;
+}
+
+.legal-block a,
+.breadcrumb a {
+    color: #0b57d0;
+}
+
+.legal-block a:hover,
+.breadcrumb a:hover {
+    color: #0b57d0;
+    text-decoration: none;
+}
+
+/* Ensure absolutely no hover effects on legal text/content */
+.legal-hero *,
+.legal-content *,
+.legal-hero *:hover,
+.legal-content *:hover,
+.legal-hero *:focus,
+.legal-content *:focus,
+.legal-hero *:active,
+.legal-content *:active {
+    transform: none !important;
+    box-shadow: none !important;
+    text-shadow: none !important;
+    transition: none !important;
+    animation: none !important;
+}