@openeuropa/bcl-theme-joinup 0.4185.202512021245 → 0.4230.202512021730

package/css/oe-bcl-joinup.css

@@ -17453,9 +17453,6 @@ em.placeholder {
       align-items: flex-end;
 }
 
-.bcl-header {
-  --oel-mega-menu-offset-top: 0px;
-}
 .bcl-header .notification {
   position: relative;
   padding-right: 0;
@@ -17501,11 +17498,12 @@ em.placeholder {
   header:has(.bcl-header__navbar #main-navbar.show),
   header:has(.bcl-header__navbar.collapsing),
   header:has(.bcl-header__navbar.show) {
-    height: calc(100vh - var(--oel-mega-menu-offset-top, 0px));
+    height: 100vh;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: column;
         flex-flow: column;
+    overflow: auto;
   }
   header:has(.bcl-header__navbar #main-navbar.collapsing) > div:has(.breadcrumb),
   header:has(.bcl-header__navbar #main-navbar.show) > div:has(.breadcrumb),
@@ -17532,7 +17530,6 @@ em.placeholder {
     width: 100%;
     -ms-flex-align: start;
         align-items: flex-start;
-    overflow: auto;
   }
   .bcl-header__navbar.navbar .navbar-nav {
     width: 100%;
@@ -19971,6 +19968,32 @@ ul.bcl-mega-menu__items > li > button[aria-expanded=true] {
     background-color: #143b76;
   }
 }
+ul.bcl-mega-menu__items > li:has(> a.see-all-button) {
+  position: -webkit-sticky;
+  position: sticky;
+  inset-block-start: 100%;
+}
+ul.bcl-mega-menu__items > li > a.see-all-button {
+  border-top: none;
+}
+ul.bcl-mega-menu__items > li > a.see-all-button:after {
+  background: #b9c5e9;
+  content: "";
+  block-size: 1px;
+  inset-inline-start: 0;
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline: 1rem;
+}
+ul.bcl-mega-menu__items > li > a.see-all-button > svg {
+  inline-size: 0.8rem;
+}
+ul.bcl-mega-menu__items > li > a.see-all-button > span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: block;
+  white-space: nowrap;
+}
 
 @media (min-width: 992px) {
   .bcl-mega-menu__menu {
@@ -19978,15 +20001,6 @@ ul.bcl-mega-menu__items > li > button[aria-expanded=true] {
     padding-right: 0;
   }
 }
-@media (max-width: 991.98px) {
-  .bcl-mega-menu__menu > .bcl-mega-menu__items:has(.bcl-mega-menu__submenu:not([hidden])) > .__leaf,
-  .bcl-mega-menu__menu > .bcl-mega-menu__items:has(.bcl-mega-menu__submenu:not([hidden])) > .__parent {
-    display: none;
-  }
-  .bcl-mega-menu__menu > .bcl-mega-menu__items > .__parent:has(.bcl-mega-menu__submenu:not([hidden])) {
-    display: block;
-  }
-}
 
 .bcl-mega-menu__submenu {
   position: absolute;
@@ -20044,51 +20058,35 @@ ul.bcl-mega-menu__items > li > button[aria-expanded=true] {
     display: none;
   }
 }
+
 @media (min-width: 992px) {
-  .bcl-mega-menu__submenu > .bcl-mega-menu__items {
-    -ms-flex: 1 1 0px;
-        flex: 1 1 0;
-    overflow-y: auto;
-  }
-  .bcl-mega-menu__submenu > .bcl-mega-menu__items > li > :is(span, a, button) {
-    padding: 0.75rem 1.75rem;
+  .bcl-mega-menu__second-submenu > .tab-content > .tab-pane {
+    background: tint-color(#253ebe, 90%);
   }
 }
-.bcl-mega-menu__submenu > .__see_all {
-  border-top: 1px solid #b9c5e9;
-}
-@media (min-width: 992px) {
-  .bcl-mega-menu__submenu > .__see_all {
-    border-top: 1px solid tint-color(#253ebe, 80%);
-    margin: 0 1.75rem;
+@media (max-width: 991.98px) {
+  .bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__info,
+  .bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__first-submenu {
+    display: none;
   }
 }
-.bcl-mega-menu__submenu > .__see_all > .see-all-button {
-  padding: 0.75rem 1rem;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  color: #1073de;
+.bcl-mega-menu__second-submenu > .tab-content > .tab-pane > .panel-title {
+  padding: 1rem 1rem;
+  margin: 0;
+  color: #212529;
+  background: tint-color(#253ebe, 90%);
+  display: block;
+  font-size: 20px;
 }
 @media (min-width: 992px) {
-  .bcl-mega-menu__submenu > .__see_all > .see-all-button {
-    padding: 0.75rem 1.75rem;
-    margin: 0 -1.75rem;
+  .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > .panel-title {
+    display: none;
   }
 }
-.bcl-mega-menu__submenu > .__see_all > .see-all-button:hover {
-  background: tint-color(#253ebe, 90%);
-}
-.bcl-mega-menu__submenu > .__see_all > .see-all-button > svg {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-}
-.bcl-mega-menu__submenu > .__see_all > .see-all-button > span {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: block;
-  white-space: nowrap;
+@media (min-width: 1200px) {
+  .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > ul > li > * {
+    margin: 0 0.75rem;
+  }
 }
 
 @media (max-width: 991.98px) {