/* Keep the public header translucent without fading the logo or controls. */
body:not(.page-template-template-dashboard) #header-container #header {
    background: rgba(255, 255, 255, 0.85);
}

body.transparent-header:not(.page-template-template-dashboard) #header-container #header .header-widget .sign-in,
body.transparent-header:not(.page-template-template-dashboard) #header-container #header .listeo-cart-container .mini-cart-button,
body.transparent-header:not(.page-template-template-dashboard) #header-container #header .user-menu .user-name,
body.transparent-header:not(.page-template-template-dashboard) #header-container #header .user-menu .user-name::after {
    color: #333 !important;
}

body.transparent-header:not(.page-template-template-dashboard) #header-container #header #navigation.style-1 > ul > li > a:hover,
body.transparent-header:not(.page-template-template-dashboard) #header-container #header #navigation.style-1 > ul > li > a:focus-visible {
    background: rgba(239, 39, 159, 0.1);
    color: #000 !important;
}

body.transparent-header:not(.page-template-template-dashboard) #header-container #header .hamburger-inner,
body.transparent-header:not(.page-template-template-dashboard) #header-container #header .hamburger-inner::before,
body.transparent-header:not(.page-template-template-dashboard) #header-container #header .hamburger-inner::after {
    background: #333;
}

/* Black menu labels, including hover, active and sticky header states. */
body:not(.page-template-template-dashboard) #header-container #header #navigation.style-1 > ul > li > a,
body:not(.page-template-template-dashboard) #header-container #header #navigation.style-1 > ul > li > a:hover,
body:not(.page-template-template-dashboard) #header-container #header #navigation.style-1 > ul > li > a:focus-visible {
    color: #000 !important;
}

/* Add Listing stays fuchsia in normal, hover, focus and sticky states. */
body #header-container #header .header-widget a.button.border.with-icon,
body #header-container #header .header-widget a.button.border.with-icon:hover,
body #header-container #header .header-widget a.button.border.with-icon:focus,
body #header-container #header .header-widget a.button.border.with-icon:active {
    background: #ef279f !important;
    border-color: #ef279f !important;
    color: #fff !important;
}
body #header-container #header .header-widget a.button.border.with-icon i {
    color: #fff !important;
}

/* Align the logo, navigation and account controls by their actual height. */
@media (min-width: 1025px) {
    body:not(.page-template-template-dashboard) #header-container #header {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    body:not(.page-template-template-dashboard) #header-container #header > .container,
    body:not(.page-template-template-dashboard) #header-container #header .left-side,
    body:not(.page-template-template-dashboard) #header-container #header .right-side,
    body:not(.page-template-template-dashboard) #header-container #header .header-widget {
        display: flex;
        align-items: center;
    }
    body:not(.page-template-template-dashboard) #header-container #header > .container {
        gap: 20px;
        flex-wrap: wrap;
    }
    body:not(.page-template-template-dashboard) #header-container #header > .container::before,
    body:not(.page-template-template-dashboard) #header-container #header > .container::after,
    body:not(.page-template-template-dashboard) #header-container #header .left-side > .clearfix {
        display: none;
    }
    body:not(.page-template-template-dashboard) #header-container #header .left-side,
    body:not(.page-template-template-dashboard) #header-container #header .right-side {
        float: none;
        width: auto;
        margin-top: 0;
    }
    body:not(.page-template-template-dashboard) #header-container #header .right-side {
        margin-left: auto;
    }
    body:not(.page-template-template-dashboard) #header-container #header #logo,
    body:not(.page-template-template-dashboard) #header-container #header #navigation {
        float: none;
        margin-top: 0;
        margin-bottom: 0;
    }
    body:not(.page-template-template-dashboard) #header-container #header #logo a,
    body:not(.page-template-template-dashboard) #header-container #header #logo img {
        display: block;
        margin-top: 0;
    }
    body:not(.page-template-template-dashboard) #header-container #header .header-widget {
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        top: auto;
    }
    body:not(.page-template-template-dashboard) #header-container #header .header-widget > .sign-in,
    body:not(.page-template-template-dashboard) #header-container #header .header-widget > .user-menu,
    body:not(.page-template-template-dashboard) #header-container #header .header-widget > .listeo-cart-container {
        top: auto;
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* Reduce only the header logo by 10%, including mobile and sticky versions. */
body #header-container #header #logo img {
    transform: scale(0.9);
    transform-origin: center;
}

/* Fixed logo height in the sticky header, preserving its aspect ratio. */
body #header-container #header.cloned #logo img {
    height: 50px;
    max-height: 50px;
    width: auto;
    max-width: none;
    transform: none;
}