Update 'next-3.x' with latest changes from 'main'

bin/css/style.css

@@ -151,9 +151,16 @@ small, .font_small, .font-small {
     font-size: 0.75em;
 }
 
+/*
+ 1. Quiqqer sets the width and height HTML attributes on each <img> element (smarty function.image.php).
+    Therefore, we need to set the width and height properties to 'auto'
+    to avoid images being displayed at a reduced size.
+*/
 img {
     max-height: 100%;
     max-width: 100%;
+    height: auto; /* 1 */
+    width: auto; /* 1 */
 }
 
 .html5tooltip-box {
@@ -521,6 +528,13 @@ a.toTop:before {
     visibility: hidden; /* jumping fix */
 }
 
+.tobpar--separator {
+    margin-inline: 0.5em;
+    height: 1.25em;
+    width: 1px;
+    background: #ddd;
+}
+
 .topbar-left,
 .topbar-left > p {
     align-items: center;
@@ -588,6 +602,56 @@ a.toTop:before {
     }
 }
 
+/******************************/
+/* LanguageSwitches\DropDown  */
+/******************************/
+.topbar-right > .quiqqer-bricks-languageswitch-dropdown {
+    height: 100%;
+    flex-shrink: 0;
+}
+
+/*
+1. because `.cologne-header` has z-index 99, we must set this control to 100
+*/
+.topbar-right > .quiqqer-bricks-languageswitch-dropdown > .quiqqer-control-languageswitch-dropdown {
+    position: relative;
+    z-index: 100; /* 1 */
+    display: flex;
+    align-items: center;
+    height: 100%;
+}
+
+.quiqqer-control-languageswitch-dropdown-dd-entry:hover {
+    color: inherit;
+}
+
+.quiqqer-control-languageswitch-dropdown-dd {
+    box-shadow: 0 7px 22px -5px rgba(48, 60, 72, 0.2);
+}
+
+/*******************/
+/* Currency switch */
+/*******************/
+/*
+1. because `.cologne-header` has z-index 99, we must set this control to 100
+*/
+.topbar-right .quiqqer-currency-switch {
+    z-index: 100; /* 1 */
+    height: 100%;
+    display: flex;
+    align-items: center;
+    padding-right: 0.5em;
+    position: relative;
+}
+
+.quiqqer-currency-switch-dd {
+    box-shadow: 0 7px 22px -5px rgba(48, 60, 72, 0.2);
+}
+
+.quiqqer-currency-switch-sign {
+    font-size: 1.2rem;
+}
+
 /***************************/
 /* template product search */
 /***************************/