From a4678e457d954d2d8f3695870a840a812156de12 Mon Sep 17 00:00:00 2001
From: Mark <poljansek.mark@gmail.com>
Date: Wed, 4 Mar 2026 15:07:30 +0100
Subject: [PATCH] Preureditev hero sekcije - gumb Rezervirajte termin na desni
 strani vzporedno z naslovom

---
 assets/images/.DS_Store                       | Bin 10244 -> 10244 bytes
 css/style.css                                 |  34 ++++++++++++++++++
 .../medkulturno-posredovanje/index.html       |  16 ++++-----
 3 files changed, 41 insertions(+), 9 deletions(-)

diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store
index 817981e94c81968870dccf68b45cd8a2c39ffe01..cbe97f1d436c224cd07540658c2c4251f384c4f6 100644
GIT binary patch
delta 141
zcmZn(XbG4g&d4*dP;8=}<YWUC7EuNu;09tw1_l8JhBAgsh7^X<jS0({7b|eEZ~{d^
zfP;IpAcq*sW;LFt%#7TVd89NayGzX5%rCW*WwQXwIi|@1EFzl~1ZJ`eGD9>dfQ)nn
g8p#9H_?>w&zl!H%e;$s>F)9lu+sbtVHB~SH0JvuzKmY&$

delta 230
zcmZn(XbG4g&dJTdz{17AAi+IRL0yuWfq{V$h<Sk+$QEE=$Ye+d;=GLs%b6z|sIaht
zWLY-%h@NAbBq_0ZmmnV_4^$73;^5v`D9*B3o#zQNBkSfUiM8w#8-iHbfihB)1q37o
z6&MT{3>owojDfTskYzbpLtr%{F1a@X){`#_sBJbC2xpxvCjW6_gP$ZT&@3QO0J@sN
e73e^?>o*p@XP(Tj;yF1+W$EUF!lxM_I=lg}p)8dE

diff --git a/css/style.css b/css/style.css
index 2e7f124..a13e2ca 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8353,3 +8353,37 @@ html, body {
     overflow-wrap: break-word;
   }
 }
+
+/* Desktop layout for title with button */
+@media (min-width: 769px) {
+  .mediation-main-title {
+    align-items: flex-start !important;
+  }
+  
+  .mediation-main-title .cta-button {
+    margin-top: 0;
+    white-space: nowrap;
+  }
+}
+
+/* Mobile layout - button below title */
+@media (max-width: 768px) {
+  .mediation-main-title {
+    flex-direction: column !important;
+    align-items: stretch !important;
+  }
+  
+  .mediation-main-title > div:first-child {
+    min-width: 100% !important;
+  }
+  
+  .mediation-main-title > div:last-child {
+    width: 100%;
+  }
+  
+  .mediation-main-title .cta-button {
+    width: 100%;
+    text-align: center;
+    margin-top: 1rem;
+  }
+}
diff --git a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
index 4ca2ae7..14b718c 100644
--- a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
+++ b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
@@ -109,15 +109,13 @@
                 <div class="mediation-hero-text" data-aos="fade-up" style="width: 100%;">
                     <span class="mediation-hero-kicker" style="align-self: center;">REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE</span>
                     
-                    <!-- Centriran naslov -->
-                    <div class="mediation-main-title">
-                        <h1>Medkulturno posredovanje</h1>
-                        <p class="mediation-hero-lead">Strokovna pomoč za jasno komunikacijo in sodelovanje med institucijami ter posamezniki iz različnih jezikovnih in kulturnih okolij</p>
-                    </div>
-                    
-                    <!-- Levo gumb, Desno slogan -->
-                    <div class="mediation-hero-split">
-                        <div class="mediation-hero-left">
+                    <!-- Naslov z gumbom na desni -->
+                    <div class="mediation-main-title" style="display: flex; justify-content: space-between; align-items: center; gap: 2rem; flex-wrap: wrap;">
+                        <div style="flex: 1; min-width: 300px;">
+                            <h1>Medkulturno posredovanje</h1>
+                            <p class="mediation-hero-lead">Strokovna pomoč za jasno komunikacijo in sodelovanje med institucijami ter posamezniki iz različnih jezikovnih in kulturnih okolij</p>
+                        </div>
+                        <div style="flex-shrink: 0;">
                             <a href="https://calendly.com/amra-kuresepi" target="_blank" class="cta-button">Rezervirajte termin</a>
                         </div>
                     </div>