@openeuropa/bcl-theme-ucpkn 1.3.0 → 1.5.0

package/css/oe-bcl-ucpkn.css

@@ -16306,7 +16306,7 @@ select.multi-select {
 
 .bcl-banner__content {
   padding: 2.5rem 2rem;
-  border-color: #221684;
+  border-color: var(--bs-primary);
 }
 
 .bcl-banner__image {
@@ -16337,7 +16337,7 @@ select.multi-select {
   }
   .bcl-banner.overlay .bcl-banner__content {
     background: #fff;
-    border-bottom: 4px solid #221684;
+    border-bottom: 4px solid var(--bs-primary);
   }
   .bcl-banner.shade {
     color: #fff;
@@ -16451,7 +16451,7 @@ select.multi-select {
   display: inline-block;
   position: absolute;
   border-radius: 50%;
-  border: 2px solid #221684;
+  border: 2px solid var(--bs-primary);
   left: 0;
   width: 22px;
   height: 22px;
@@ -16491,15 +16491,50 @@ select.multi-select {
           transform: rotate(180deg);
 }
 
+.bcl-sidebar:has(> .bcl-inpage-navigation) {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+
 .bcl-inpage-navigation {
+  top: 0;
+  background-color: #f8f9fa;
+}
+.bcl-inpage-navigation .dropdown-toggle {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: center;
+      align-items: center;
+  white-space: normal;
+  border-bottom: 1px solid #dee2e6;
+}
+.bcl-inpage-navigation .dropdown-toggle:after {
   display: none;
-  top: 1rem;
+}
+.bcl-inpage-navigation .dropdown-toggle .bi {
+  transition: 0.3s ease;
+}
+.bcl-inpage-navigation .dropdown-toggle.show .bi {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.bcl-inpage-navigation .dropdown-menu {
+  position: relative;
   background-color: #f8f9fa;
+  width: 100%;
+  top: 100% !important;
+  border: none;
+  border-radius: 0;
+  -webkit-transform: none !important;
+          transform: none !important;
 }
 .bcl-inpage-navigation .bcl-heading {
   margin-bottom: 0;
   padding: 1.25rem;
-  border-bottom: 1px solid #dee2e6;
 }
 .bcl-inpage-navigation ul {
   padding: 0.75rem;
@@ -16518,9 +16553,36 @@ select.multi-select {
   padding: 0 0.75rem;
 }
 
-@media (min-width: 992px) {
+@media (max-width: 575.98px) {
+  .bcl-sidebar:has(> .bcl-inpage-navigation) {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+@media (max-width: 991.98px) {
+  .bcl-sidebar:has(> .bcl-inpage-navigation) {
+    padding-bottom: 1rem;
+  }
+}
+@media (min-width: 768px) {
   .bcl-inpage-navigation {
     display: block;
+    top: 1rem;
+  }
+  .bcl-inpage-navigation .dropdown-toggle {
+    cursor: auto;
+  }
+  .bcl-inpage-navigation .dropdown-toggle::after {
+    display: none;
+  }
+  .bcl-inpage-navigation .dropdown-toggle .bi {
+    display: none;
+  }
+  .bcl-inpage-navigation .dropdown-menu {
+    position: relative !important;
+    background: transparent;
+    padding: 0;
+    display: block;
   }
 }
 .bcl-language-list .btn {