From 09dbeb2bc74f60af62d6cc2ee1de3fec738af87f Mon Sep 17 00:00:00 2001
From: popovskik <aleksandar.popovski@proxify.io>
Date: Thu, 20 Aug 2026 23:40:01 +0200
Subject: [PATCH] fix(home): restore homepage event banner styling

The .event-banner rules were dropped during an _event.css rewrite, so the
homepage promo banner rendered unstyled (full-width dark text, no gradient).
Restored the banner styles and removed the em-dash from the banner copy.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 css/pages/_event.css | 13 +++++++++++++
 en/index.html        |  2 +-
 mk/index.html        |  2 +-
 si/index.html        |  2 +-
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/css/pages/_event.css b/css/pages/_event.css
index 957ff4dc..d3df38b5 100644
--- a/css/pages/_event.css
+++ b/css/pages/_event.css
@@ -6,6 +6,19 @@
      that reuses the Become-a-member (.ms-*) look.
    ========================================================================== */
 
+/* ---- homepage promo banner (time-limited: sits above the partners strip) ---- */
+.event-banner { background: linear-gradient(115deg, #F2762E 0%, #E85D2A 55%, #2D738C 100%); color: #fff; padding: 18px 24px; }
+.event-banner-inner { max-width: 1120px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
+.event-banner-copy { display: flex; flex-direction: column; gap: 6px; }
+.event-banner-tag { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.92; }
+.event-banner-text { margin: 0; font-size: 17px; line-height: 24px; color: #fff; }
+.event-banner-cta.btn { background: #fff; color: #E85D2A; border: none; flex: 0 0 auto; white-space: nowrap; }
+.event-banner-cta.btn:hover { background: #FFF3EC; }
+@media (max-width: 700px) {
+    .event-banner-inner { flex-direction: column; align-items: flex-start; }
+    .event-banner-cta.btn { width: 100%; text-align: center; }
+}
+
 /* ---- guide-style centred header (matches the Student Welcome Guide) ---- */
 .news-article--event .news-article-inner { max-width: 820px; }
 .news-article--event .newshub-eyebrow { display: block; text-align: center; color: #2D738C; }
diff --git a/en/index.html b/en/index.html
index 8ae50332..1238897f 100644
--- a/en/index.html
+++ b/en/index.html
@@ -213,7 +213,7 @@
             <div class="event-banner-inner">
                 <div class="event-banner-copy">
                     <span class="event-banner-tag"><i class="fas fa-bullhorn" aria-hidden="true"></i> Upcoming event</span>
-                    <p class="event-banner-text"><strong>Meet Student Slovenia 2026</strong> &middot; Friday, 4 September, NLB Banka, Skopje &amp; live stream &mdash; for future students and their parents.</p>
+                    <p class="event-banner-text"><strong>Meet Student Slovenia 2026</strong> &middot; Friday, 4 September, NLB Banka, Skopje &amp; live stream, for future students and their parents.</p>
                 </div>
                 <a class="btn btn-primary-orange event-banner-cta" href="../en/news/meet-student-slovenia-2026/">Learn more &amp; register</a>
             </div>
diff --git a/mk/index.html b/mk/index.html
index 4a040585..85c22f26 100644
--- a/mk/index.html
+++ b/mk/index.html
@@ -216,7 +216,7 @@
             <div class="event-banner-inner">
                 <div class="event-banner-copy">
                     <span class="event-banner-tag"><i class="fas fa-bullhorn" aria-hidden="true"></i> Претстоен настан</span>
-                    <p class="event-banner-text"><strong>Запознај ја студентска Словенија 2026</strong> &middot; Петок, 4 септември, НЛБ Банка, Скопје и пренос во живо &mdash; за идните студенти и нивните родители.</p>
+                    <p class="event-banner-text"><strong>Запознај ја студентска Словенија 2026</strong> &middot; Петок, 4 септември, НЛБ Банка, Скопје и пренос во живо, за идните студенти и нивните родители.</p>
                 </div>
                 <a class="btn btn-primary-orange event-banner-cta" href="../mk/news/meet-student-slovenia-2026/">Дознај повеќе и пријави се</a>
             </div>
diff --git a/si/index.html b/si/index.html
index 0306a28c..1578dd40 100644
--- a/si/index.html
+++ b/si/index.html
@@ -216,7 +216,7 @@
             <div class="event-banner-inner">
                 <div class="event-banner-copy">
                     <span class="event-banner-tag"><i class="fas fa-bullhorn" aria-hidden="true"></i> Prihajajoči dogodek</span>
-                    <p class="event-banner-text"><strong>Spoznaj študentsko Slovenijo 2026</strong> &middot; Petek, 4. september, NLB Banka, Skopje in prenos v živo &mdash; za bodoče študente in njihove starše.</p>
+                    <p class="event-banner-text"><strong>Spoznaj študentsko Slovenijo 2026</strong> &middot; Petek, 4. september, NLB Banka, Skopje in prenos v živo, za bodoče študente in njihove starše.</p>
                 </div>
                 <a class="btn btn-primary-orange event-banner-cta" href="../si/news/meet-student-slovenia-2026/">Izvedi več in se prijavi</a>
             </div>