@openeuropa/bcl-theme-joinup 0.4230.202512021730 → 0.4360.202601141610

package/css/oe-bcl-joinup.css

@@ -17453,6 +17453,9 @@ em.placeholder {
       align-items: flex-end;
 }
 
+.bcl-header {
+  --oel-mega-menu-offset-top: 0px;
+}
 .bcl-header .notification {
   position: relative;
   padding-right: 0;
@@ -17498,12 +17501,11 @@ em.placeholder {
   header:has(.bcl-header__navbar #main-navbar.show),
   header:has(.bcl-header__navbar.collapsing),
   header:has(.bcl-header__navbar.show) {
-    height: 100vh;
+    height: calc(100vh - var(--oel-mega-menu-offset-top, 0px));
     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),
@@ -17530,6 +17532,10 @@ em.placeholder {
     width: 100%;
     -ms-flex-align: start;
         align-items: flex-start;
+    height: 100%;
+  }
+  .bcl-header__navbar.navbar:not(:has(.bcl-mega-menu__container.show)) {
+    overflow: auto;
   }
   .bcl-header__navbar.navbar .navbar-nav {
     width: 100%;
@@ -19886,6 +19892,8 @@ ul.bcl-mega-menu__items {
   ul.bcl-mega-menu__items {
     block-size: 288px;
     overflow-y: auto;
+    scrollbar-color: tint-color(#253ebe, 70%) transparent;
+    scrollbar-width: thin;
   }
 }
 @media (max-width: 991.98px) {
@@ -19968,32 +19976,6 @@ 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 {
@@ -20001,6 +19983,15 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
     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;
@@ -20058,36 +20049,52 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
     display: none;
   }
 }
-
 @media (min-width: 992px) {
-  .bcl-mega-menu__second-submenu > .tab-content > .tab-pane {
-    background: tint-color(#253ebe, 90%);
+  .bcl-mega-menu__submenu > .bcl-mega-menu__items {
+    -ms-flex: 1 1 0px;
+        flex: 1 1 0;
+    overflow-y: auto;
   }
-}
-@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 > .bcl-mega-menu__items > li > :is(span, a, button) {
+    padding: 0.75rem 1.75rem;
   }
 }
-.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;
+.bcl-mega-menu__submenu .__see_all {
+  border-top: 1px solid #b9c5e9;
 }
 @media (min-width: 992px) {
-  .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > .panel-title {
-    display: none;
+  .bcl-mega-menu__submenu .__see_all {
+    border-top: 1px solid tint-color(#253ebe, 80%);
+    margin: 0 1.75rem;
   }
 }
-@media (min-width: 1200px) {
-  .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > ul > li > * {
-    margin: 0 0.75rem;
+.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;
+}
+@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__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 (max-width: 991.98px) {
   .bcl-mega-menu__submenu > .__header,
@@ -20109,6 +20116,12 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
   }
+  .bcl-mega-menu .__submenu_body {
+    max-height: var(--oel-mega-menu-submenu-height);
+    overflow: auto;
+    scrollbar-color: tint-color(#253ebe, 70%) transparent;
+    scrollbar-width: thin;
+  }
 }
 @media (max-width: 767.98px) {
   .breadcrumb-item + .breadcrumb-item {