Curling B EM -kilpailut

<div data-kk-event-ended data-move-after="#block-druidxp-demo-olivero-breadcrumbs"></div>
<script>
(function () {
 var TEXTS = {
   fi: {
     lang: 'fi',
     title: 'Tämä tapahtuma on päättynyt',
     titleShort: 'Tapahtuma on päättynyt',
     cta: 'Katso tulevat tapahtumat',
     ctaShort: 'Tulevat tapahtumat',
     href: 'https://www.kolmekampusta.fi/fi/tulevat-tapahtumat',
     aria: 'Ilmoitus: tapahtuma on päättynyt'
   },
   en: {
     lang: 'en',
     title: 'This event has ended',
     titleShort: 'Event has ended',
     cta: 'See upcoming events',
     ctaShort: 'Upcoming events',
     href: 'https://www.kolmekampusta.fi/en/upcoming-events',
     aria: 'Notice: this event has ended'
   }
 };

 function detectLang() {
   var p = window.location.pathname;
   return (p.indexOf('/en/') === 0 || p === '/en') ? 'en' : 'fi';
 }

 var hosts = document.querySelectorAll('[data-kk-event-ended]');

 Array.prototype.forEach.call(hosts, function (host) {
   if (host.shadowRoot) { return; }

   var sel = host.getAttribute('data-move-after');
   if (sel) {
     var anchor = document.querySelector(sel);
     if (anchor && anchor.parentNode) {
       anchor.parentNode.insertBefore(host, anchor.nextSibling);
     }
   }

   var t = TEXTS[host.getAttribute('data-lang')] || TEXTS[detectLang()];
   host.setAttribute('lang', t.lang);

   var shadow = host.attachShadow({ mode: 'open' });

   shadow.innerHTML =
     '<style>' +
     ':host{display:block;margin:.75rem 0 1.5rem;container-type:inline-size}' +
     '*,*::before,*::after{box-sizing:border-box}' +
     '.kk-banner{padding:1rem 1.125rem;' +
       'background:linear-gradient(180deg,#F4F9FF 0%,#E4EFFD 100%);' +
       'border:1px solid #C3DBF7;border-left:5px solid #1E3A8A;' +
       'border-radius:10px;box-shadow:0 1px 3px rgba(16,39,92,.08);' +
       'font-family:inherit;line-height:1.4;color:#1F3050}' +
     '.kk-stack{display:flex;flex-direction:column;gap:.75rem;' +
       'width:fit-content;max-width:100%}' +
     '.kk-main{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}' +
     '.kk-icon{flex:0 0 auto;width:26px;height:26px;color:#1D4ED8}' +
     '.kk-icon svg{display:block;width:100%;height:100%}' +
     '.kk-title{margin:0;font-size:1.0625rem;font-weight:700;' +
       'letter-spacing:-.01em;color:#10275C;text-wrap:balance}' +
     '.kk-cta{display:inline-flex;align-items:center;justify-content:center;' +
       'gap:.5rem;width:100%;padding:.7rem 1.15rem;background:#1E3A8A;' +
       'color:#fff;font-size:.9375rem;font-weight:600;text-decoration:none;' +
       'border-radius:6px;white-space:nowrap;' +
       'transition:background-color .15s ease,transform .15s ease}' +
     '.kk-cta:hover{background:#152C6B}' +
     '.kk-cta:active{transform:translateY(1px)}' +
     '.kk-cta:focus-visible{outline:3px solid #1D4ED8;outline-offset:2px}' +
     '.kk-cta svg{flex:0 0 auto;width:16px;height:16px}' +
     '.kk-long{display:none}' +
     '.kk-short{display:inline}' +
     '@container (min-width:330px){' +
       '.kk-main{flex-direction:row;align-items:center;gap:.75rem}' +
       '.kk-long{display:inline}' +
       '.kk-short{display:none}' +
     '}' +
     '@container (min-width:600px){' +
       '.kk-banner{padding:1.25rem 1.5rem}' +
       ':host{margin-bottom:2rem}' +
       '.kk-stack{flex-direction:row;align-items:center;gap:1.5rem}' +
       '.kk-icon{width:28px;height:28px}' +
       '.kk-title{font-size:1.1875rem}' +
       '.kk-cta{width:auto;flex:0 0 auto}' +
     '}' +
     '@media (prefers-reduced-motion:reduce){.kk-cta{transition:none}}' +
     '</style>' +
     '<div class="kk-banner" role="note" aria-label="' + t.aria + '">' +
       '<div class="kk-stack">' +
         '<div class="kk-main">' +
           '<span class="kk-icon" aria-hidden="true">' +
             '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
                  'stroke-width="2" stroke-linecap="round" stroke-linejoin="round">' +
               '<path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"/>' +
               '<path d="M16 2v4"/><path d="M8 2v4"/><path d="M3 10h5"/>' +
               '<path d="M17.5 17.5 16 16.3V14"/>' +
               '<circle cx="16" cy="16" r="6"/>' +
             '</svg>' +
           '</span>' +
           '<p class="kk-title">' +
             '<span class="kk-long">' + t.title + '</span>' +
             '<span class="kk-short">' + t.titleShort + '</span>' +
           '</p>' +
         '</div>' +
         '<a class="kk-cta" href="' + t.href + '">' +
           '<span class="kk-long">' + t.cta + '</span>' +
           '<span class="kk-short">' + t.ctaShort + '</span>' +
           '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
                'stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" ' +
                'aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>' +
         '</a>' +
       '</div>' +
     '</div>';
 });
})();
</script>