From cacdb4a2db82dd20039345c4df56a1696b4b0352 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Wed, 10 Jun 2026 17:32:56 +0100
Subject: [PATCH] fix(locations): fix pattern overlay z-index and increase
 opacity
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Overlay was painting above static content (buttons, text).
Fix: z-0 on overlay + z-10 on content wrapper, opacity 0.18→0.28.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/(frontend)/lokatsii/page.tsx | 72 ++++++++++++++--------------
 1 file changed, 37 insertions(+), 35 deletions(-)

diff --git a/src/app/(frontend)/lokatsii/page.tsx b/src/app/(frontend)/lokatsii/page.tsx
index 190de12..5a4ac8b 100644
--- a/src/app/(frontend)/lokatsii/page.tsx
+++ b/src/app/(frontend)/lokatsii/page.tsx
@@ -124,56 +124,58 @@ export default async function LocationsPage() {
 
                 {/* Text */}
                 <div
-                  className="relative flex flex-1 flex-col justify-center gap-4 p-10"
+                  className="relative flex flex-1 flex-col justify-center"
                   style={{ backgroundColor: color }}
                 >
                   <div
                     aria-hidden="true"
-                    className="pointer-events-none absolute inset-0"
+                    className="pointer-events-none absolute inset-0 z-0"
                     style={{
                       backgroundImage: `url('/images/figma/card-wave-green.svg')`,
                       backgroundSize: '280px auto',
                       backgroundRepeat: 'repeat',
-                      opacity: 0.18,
+                      opacity: 0.28,
                     }}
                   />
-                  {loc.tagline && (
-                    <p
-                      className="text-[16px] font-medium text-[#fdcf54] uppercase"
-                      style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
-                    >
-                      {loc.tagline}
-                    </p>
-                  )}
-                  <h2
-                    className="text-[36px] leading-tight font-bold text-white uppercase"
-                    style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
-                  >
-                    {loc.name}
-                  </h2>
-                  <p
-                    className="text-[16px] leading-relaxed text-white/80"
-                    style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
-                  >
-                    {loc.shortDesc}
-                  </p>
-                  <div className="mt-2 flex flex-wrap gap-3">
-                    {detailHref && (
-                      <Link
-                        href={detailHref}
-                        className="inline-flex items-center rounded-[64px] border-2 border-white/60 px-7 py-[10px] text-[15px] font-bold text-white transition-all hover:border-white hover:bg-white/10"
+                  <div className="relative z-10 flex flex-col gap-4 p-10">
+                    {loc.tagline && (
+                      <p
+                        className="text-[16px] font-medium text-[#fdcf54] uppercase"
                         style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
                       >
-                        Детальніше
-                      </Link>
+                        {loc.tagline}
+                      </p>
                     )}
-                    <Link
-                      href={`/kvytky?category=${slug}`}
-                      className="inline-flex items-center rounded-[64px] bg-[#f28b4a] px-7 py-[10px] text-[15px] font-bold text-white transition-shadow hover:shadow-[0_0_20px_0_#f28b4a]"
+                    <h2
+                      className="text-[36px] leading-tight font-bold text-white uppercase"
                       style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
                     >
-                      Купити квиток
-                    </Link>
+                      {loc.name}
+                    </h2>
+                    <p
+                      className="text-[16px] leading-relaxed text-white/80"
+                      style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
+                    >
+                      {loc.shortDesc}
+                    </p>
+                    <div className="mt-2 flex flex-wrap gap-3">
+                      {detailHref && (
+                        <Link
+                          href={detailHref}
+                          className="inline-flex items-center rounded-[64px] border-2 border-white/60 px-7 py-[10px] text-[15px] font-bold text-white transition-all hover:border-white hover:bg-white/10"
+                          style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
+                        >
+                          Детальніше
+                        </Link>
+                      )}
+                      <Link
+                        href={`/kvytky?category=${slug}`}
+                        className="inline-flex items-center rounded-[64px] bg-[#f28b4a] px-7 py-[10px] text-[15px] font-bold text-white transition-shadow hover:shadow-[0_0_20px_0_#f28b4a]"
+                        style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
+                      >
+                        Купити квиток
+                      </Link>
+                    </div>
                   </div>
                 </div>
               </div>