/**
 * UK-only Vionic header refinements.
 */

.vionic-header-uk .vionic-mobile-customer-menu {
    display: none;
}

@media all and (min-width: 768px) {
    .vionic-header-uk .vionic-header-actions {
        align-items: center;
    }

    .vionic-header-uk .vionic-header-actions > .vionic-header-search,
    .vionic-header-uk .vionic-header-actions > .customer-welcome,
    .vionic-header-uk .vionic-header-actions > .authorization-link,
    .vionic-header-uk .vionic-header-actions > .minicart-wrapper {
        align-items: center;
        display: flex;
        flex: 0 0 32px;
        height: 32px;
        justify-content: center;
        margin: 0;
        padding: 0;
        position: relative;
        right: auto;
        top: auto;
        width: 32px;
    }

    .vionic-header-uk .vionic-header-search .block-content {
        background: transparent;
        box-shadow: none;
        box-sizing: border-box;
        display: none;
        margin-right: 8px;
        padding: 0;
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        width: clamp(230px, 24vw, 320px);
    }

    .vionic-header-uk .vionic-header-search .block-search__title {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 32px;
        justify-content: center;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 32px;
    }

    .vionic-header-uk .vionic-header-search .block-search__title::before {
        border: 1.7px solid #333333;
        border-radius: 50%;
        content: "";
        display: block;
        height: 13px;
        left: 7px;
        margin: 0;
        position: absolute;
        top: 6px;
        width: 13px;
    }

    .vionic-header-uk .vionic-header-search .block-search__title::after {
        background: #333333;
        content: "";
        height: 1.7px;
        left: 19px;
        position: absolute;
        top: 20px;
        transform: rotate(45deg);
        transform-origin: left center;
        width: 8px;
    }

    .vionic-header-uk .vionic-header-search.active .block-search__title::before,
    .vionic-header-uk .vionic-header-search.active .block-search__title::after {
        opacity: 0;
    }

    .vionic-header-uk .vionic-header-search .block-search__title strong {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .vionic-header-uk .vionic-header-search.active .block-content {
        display: block;
    }

    .vionic-header-uk .vionic-header-search .form.minisearch,
    .vionic-header-uk .vionic-header-search .field.search,
    .vionic-header-uk .vionic-header-search .control {
        box-sizing: border-box;
        margin: 0;
        position: relative;
        width: 100%;
    }

    .vionic-header-uk .vionic-header-search .control::before {
        display: none;
    }

    .vionic-header-uk .vionic-header-search input.input-text {
        background: #ffffff;
        border: 0;
        border-bottom: 1px solid #333333;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        color: #333333;
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        margin: 0;
        padding: 0 40px 0 12px !important;
        text-transform: none;
        width: 100%;
    }

    header.page-header .header.content.vionic-header-uk .vionic-header-search input.input-text {
        padding-left: 12px !important;
        padding-right: 40px !important;
    }

    .vionic-header-uk .vionic-header-search input.input-text::placeholder {
        color: #767676;
        opacity: 1;
        text-transform: none;
    }

    .vionic-header-uk .vionic-header-search .actions {
        height: 32px;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
    }

    .vionic-header-uk .vionic-header-search .action.search {
        align-items: center;
        background: transparent;
        border: 0;
        box-shadow: none;
        display: flex !important;
        height: 32px;
        justify-content: center;
        margin: 0;
        opacity: 1;
        padding: 0;
        position: relative;
        right: auto;
        top: auto;
        width: 32px;
    }

    .vionic-header-uk .vionic-header-search .action.search::before {
        border: 1.7px solid #333333;
        border-radius: 50%;
        content: "";
        height: 11px;
        left: 8px;
        position: absolute;
        top: 7px;
        width: 11px;
    }

    .vionic-header-uk .vionic-header-search .action.search::after {
        background: #333333;
        content: "";
        height: 1.7px;
        left: 19px;
        position: absolute;
        top: 20px;
        transform: rotate(45deg);
        transform-origin: left center;
        width: 7px;
    }

    .vionic-header-uk .vionic-header-search .action.search span {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .vionic-header-uk .vionic-account-popover__link span {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        padding: 0;
        position: static;
        width: auto;
    }

    .vionic-header-uk .vionic-header-search .search-autocomplete {
        box-sizing: border-box;
        left: 0;
        min-width: 100%;
        top: 100%;
        width: 100%;
    }

    .sticky .vionic-header-uk .vionic-header-search .block-content {
        background: #ffffff;
        box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
        margin-right: 0;
        padding: 8px 12px;
        right: 0;
        top: calc(100% + 8px);
        transform: none;
        width: 300px;
    }

    .vionic-header-uk .vionic-account-popover--guest {
        padding: 32px 24px 18px;
        width: 218px;
    }

    .vionic-header-uk .vionic-account-popover__links {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .vionic-header-uk .vionic-account-popover__links li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .vionic-header-uk .vionic-account-popover__link,
    .vionic-header-uk .vionic-account-popover__link:visited,
    .vionic-header-uk .customer-menu .authorization-link a,
    .vionic-header-uk .customer-menu .authorization-link a:visited {
        color: #333333;
        display: inline-block;
        font-size: 12px;
        letter-spacing: .02em;
        line-height: 18px;
        padding: 8px 0;
        text-decoration: underline;
        text-transform: uppercase;
        text-underline-offset: 3px;
        white-space: nowrap;
    }

    .vionic-header-uk .customer-menu .authorization-link,
    .vionic-header-uk .customer-menu .logout-link {
        display: block !important;
    }

    .vionic-header-promo--uk .vionic-header-promo__static,
    .vionic-header-promo--uk .vionic-header-promo__messages,
    .vionic-header-promo--uk .vionic-header-promo__message.is-active {
        align-items: center;
        min-height: 16px;
    }

    .vionic-header-promo--uk .vionic-header-promo__static,
    .vionic-header-promo--uk .vionic-header-promo__messages {
        display: flex;
    }

    .vionic-header-promo--uk .vionic-header-promo__messages {
        justify-content: center;
    }

    .vionic-header-promo--uk .vionic-header-promo__message.is-active {
        display: inline-flex;
        height: 16px;
        line-height: 16px;
    }

    .vionic-header-promo--uk .vionic-header-promo__help {
        align-items: center;
        display: flex;
        line-height: 16px;
    }

    .vionic-header-promo--uk .vionic-header-promo__help .utility-dropdown-label,
    .vionic-header-promo--uk .vionic-header-promo__help .vionic-header-promo__account-link,
    .vionic-header-promo--uk .vionic-header-promo__help button.action.switch.vionic-header-promo__account-link {
        align-items: center;
        display: inline-flex;
        height: 16px;
        line-height: 16px;
        margin: 0;
        min-height: 0;
        padding: 0;
        position: static;
        top: auto;
    }

    .vionic-header-promo--uk .vionic-header-promo__help .vionic-header-promo__account-link > span,
    .vionic-header-promo--uk .vionic-header-promo__help button.action.switch.vionic-header-promo__account-link > span {
        align-items: center;
        clip: auto;
        display: inline-flex;
        height: 16px;
        line-height: 16px;
        margin: 0;
        overflow: visible;
        padding: 0;
        position: static;
        width: auto;
    }
}

@media all and (max-width: 767px) {
    header.page-header .header.content.vionic-header-uk .authorization-link > a::after {
        background-image: none;
        content: none;
        display: none;
    }

    header.page-header .header.content.vionic-header-uk > .mobile-menu__wrapper .mobile-menu__trigger::after {
        background: transparent;
        background-image: none;
        border: 1.7px solid #414042;
        border-bottom: 0;
        border-radius: 10px 10px 0 0;
        box-sizing: content-box;
        content: "";
        height: 7px;
        left: 50%;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 15px;
        transform: translateX(-50%);
        width: 17px;
    }

    .authorization-login-wrapper.mobile.navigation,
    .authorization-login-wrapper.mobile.navigation > li {
        list-style: none;
        list-style-type: none;
    }

    .authorization-login-wrapper.mobile.navigation > li::marker {
        content: "";
    }

    .vionic-header-uk .vionic-account-popover__links {
        list-style: none;
        margin: 0;
        padding: 28px 22px 18px;
    }

    .vionic-header-uk .vionic-account-popover__links li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .vionic-header-uk .vionic-account-popover__link,
    .vionic-header-uk .vionic-account-popover__link:visited {
        color: #333333;
        display: inline-block;
        font-size: 12px;
        line-height: 18px;
        padding: 8px 0;
        text-decoration: underline;
        text-transform: uppercase;
        text-underline-offset: 3px;
    }

    header.page-header .header.content.vionic-header-uk .authorization-link .vionic-account-popover__links .vionic-account-popover__link,
    header.page-header .header.content.vionic-header-uk .authorization-link .vionic-account-popover__links .vionic-account-popover__link:visited {
        color: #333333;
        display: inline-block;
        font-size: 12px;
        height: auto;
        line-height: 18px;
        padding: 8px 0;
        text-decoration: underline;
        text-transform: uppercase;
        text-underline-offset: 3px;
    }

    .vionic-mobile-account-summary .vionic-mobile-account-greeting,
    .vionic-mobile-account-summary .vionic-mobile-account-greeting:visited,
    .vionic-mobile-account-signout a,
    .vionic-mobile-account-signout a:visited {
        color: #333333;
        display: inline-block;
        font-size: 12px;
        line-height: 18px;
        padding: 8px 0;
        text-decoration: underline;
        text-transform: uppercase;
        text-underline-offset: 3px;
    }

    .vionic-mobile-account-summary .vionic-mobile-account-greeting {
        align-items: center;
        display: flex;
        min-height: 44px;
        width: 100%;
    }

    .vionic-header-uk .customer-menu .vionic-mobile-customer-menu {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .vionic-header-uk .customer-menu .vionic-mobile-customer-menu li {
        list-style: none;
    }

    .vionic-header-uk .customer-menu .vionic-mobile-customer-menu a,
    .vionic-header-uk .customer-menu .vionic-mobile-customer-menu a:visited {
        text-transform: none;
        white-space: normal;
    }

    .vionic-header-uk .customer-menu .vionic-desktop-customer-menu {
        display: none;
    }
}