/*===== Version 3 CSS by Naeem (Royal Selangor Change) =====*/
/* .cs-top-header {
    background-color: #fdfdfd;
    background-repeat: repeat;
    background-size: contain;
    background-position: center center;
} */

.cs-top-header {
    background-image:
      linear-gradient(
        90deg,
        rgba(57, 0, 116, 0.5) 0%,
        rgba(57, 0, 116, 0.7) 10%,
        rgba(57, 0, 116, 0.85) 20%,
        rgba(57, 0, 116, 0.7) 40%,
        rgba(57, 0, 116, 1.0) 50%,
        rgba(57, 0, 116, 0.7) 60%,
        rgba(57, 0, 116, 0.85) 80%,
        rgba(57, 0, 116, 0.7) 90%,
        rgba(57, 0, 116, 0.5) 100%
      ),
      url("https://cdn.swisswatchglobal.com/wp-content/uploads/2023/03/01140435/Header_51x34px.svg");
    background-repeat: no-repeat, repeat;
    background-size: cover, contain;
    background-position: center center;
  }

.cs-top-header a {
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    /* background-color: rgba(57, 0, 116); */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}

#header-outer #header-secondary-outer.announcement-bar {
    /* background-color: #fdfdfd; */
    border-bottom: 1px solid #d3d3d3;
    min-height: auto;
}

img.royal-selangor-logo {
    max-width: 35% !important;
    width: 100%;
    height: auto;
    margin-bottom: 0px !important;
    float: right !important;
}

img.royal-selangor-logo_mobile {
    max-width: 60% !important;
    width: 100%;
    height: auto;
    margin-bottom: 10px !important;
}

img.royal-selangor_footer-logo {
    max-width: 70% !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0px !important;
}

a:hover img.royal-selangor_footer-logo{
    opacity: 1 !important;
}

.announcement-bar-right_utility-icon {
    & .swiss-ul {
        display: flex;
        justify-content: flex-end;
        align-items: baseline;
        margin: 0;
        padding: 0px 0px;
        gap: 20px;
    }
}

.announcement-bar-right_utility-icon {
    position: absolute;
    top: 0;
    right: 0;
}

@scope (.announcement-bar-right_utility-icon) {
    .secondary-header-li img {
        max-width: 20px !important;
        min-width: 20px !important;
        height: 20px !important;
    }

    .secondary-header-li a {
        padding: 0px !important;
    }

    .nectar-woo-cart.secondary-header-li img {
        filter: invert(100%) brightness(1);
        -webkit-filter: invert(100%) brightness(1);
}
}

body[data-hhun="0"] #header-outer[data-header-resize="0"]:not([data-transparent-header="true"]) {
    border-bottom: 1px solid #d3d3d3;
}