Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/vendor/amasty/shopby/view/base/web/css/source/module/frontend/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

//
//  Base Styles
//  __________________________________________________

//
//  Imports
//  --------------------------------------------------

@import '../_mixins';

//
//  Common
//  --------------------------------------------------

& when (@media-common = true) {
    .ui-tooltip .arrow {
        & {
            left: 8px;
            width: 15px;
        }

        &:after {
            border-right: 15px solid transparent;
        }

        &:before {
            border-right: 14px solid transparent;
        }
    }

    .amslider-container {
        margin: auto;
        margin-bottom: 15px;
        width: 100%;
    }

    .am-rating-up {
        font-size: smaller;
    }

    .amshopby-highlighted {
        background-color: @amshopby-search__highlighted__background-color;
    }

    .amshopby-item .filter-value {
        margin-left: 5px;
    }

    .amshopby-filter-tooltip {
        display: inline-block;
        margin-left: 6px;
        max-height: 16px;
        max-width: 16px;
        vertical-align: top;
    }

    .amshopby-filter-value {
        .swatch-option.image,
        .swatch-attribute.size .swatch-option,
        .swatch-attribute.manufacturer .swatch-option {
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }
    }

    .filter-options-item .filter-options-title:after {
        font-size: 14px;
    }

    .range.am-fromto-widget .am-filter-go {
        margin: 0 10px;
        vertical-align: top;
    }

    .amshopby-button {
        .amshopby-button-mixin();
    }

    .am-filter-go {
        .amshopby-button-mixin();

        margin: 15px 0 0;
        width: 25%;
    }

    input[type='text'].am-filter-price.-to.right {
        float: right;
    }

    .am-swatch-options {
        & {
            display: flex;
            flex-direction: column;
        }

        .swatch-option {
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-block;
            margin: 0 10px 0 0;
        }

        > .item {
            padding-bottom: 4px;
        }

        > .item:hover {
            background-color: transparent;
        }

        .am-shopby-swatch-label {
            display: inline-block;
            max-width: 70%;
            vertical-align: middle;
            word-wrap: break-word;
        }
    }

    // magento styles override
    .filter-options .am-swatch-wrapper {
        & {
            line-height: initial;
            margin: 0 0 5px !important;
        }

        &.-amshopby-hidden {
            opacity: 0;
            position: absolute;
            visibility: hidden;
        }
    }

    .catalog-topnav .filter-options {
        & {
            flex-wrap: wrap;
            min-height: 40px;
        }

        .filter-options-item {
            border: 0;
            display: inline-block;
        }

        .filter-options-content {
            background-color: #fff;
            border: 1px solid transparent;
            border-radius: 6px;
            box-shadow: 0 4px 8px rgba(190, 199, 219, .21), 0 6px 25px rgba(190, 199, 219, .28);
            margin-top: 12px;
            min-width: 100px;
            position: absolute;
            z-index: 9999;
        }

        .am-filter-items-rating li {
            & {
                margin: 0 0 10px;
            }

            &:last-child {
                margin: 0;
            }
        }
    }

    .catalog-topnav .block-actions {
        display: none;
    }

    .catalog-topnav {
        display: none;
    }

    .filter-options .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        right: 8px;
        top: 5px;
    }

    .page-layout-1column .filter-options-item.active .filter-options-content {
        padding: 10px 15px;
    }

    .page-layout-1column .filter-options-content li.item {
        padding: 0;
    }

    .filter [data-role='collapsible']:not([data-collapsible='true']) [data-role='content'] {
        display: none;
    }

    div.swatch-option-tooltip {
        z-index: 9999;
    }

    .swatch-option-tooltip .image,
    .swatch-option-tooltip-layered .image {
        background-size: contain !important;
    }

    .filter-options .am-labels-folding .item {
        position: relative;
    }

    .filter-options .ui-menu {
        & {
            display: block;
            list-style: none;
            margin: 0;
            outline: 0;
            padding: 0;
        }

        .ui-menu {
            position: absolute;
        }

        .ui-menu-item {
            cursor: pointer;
            list-style: none;
            margin: 0;
        }

        .ui-menu-item-wrapper {
            padding: 3px 1em 3px .4em;
            position: relative;
        }

        .ui-menu-divider {
            border-width: 1px 0 0;
            font-size: 0;
            height: 0;
            line-height: 0;
            margin: 5px 0;
        }
    }

    .filter-options-content .am-swatch-wrapper {
        & {
            display: inline-block;
        }

        &:hover .am-swatch-link {
            background: none;
        }

        > .input.-hidden {
            display: none;
        }
    }
    // end magento styles override

    .am-filter-items-attr_price {
        max-width: 350px;
        min-width: 130px;
    }

    .am-filter-items-attr_color .swatch-option.text {
        padding: 1px 2px;
        width: 30px;
    }

    .amasty-catalog-topnav {
        &.block.filter {
            flex-basis: auto;
        }

        .filter-options .item:last-child {
            margin-bottom: 0;
        }
    }

    .amshopby-category-dropdown {
        & {
            background-color: #fff;
            border: 1px solid @amshopby-dropdown__border-color;
            cursor: pointer;
            display: block;
            font-weight: 400;
            min-height: 3.2rem;
            overflow: hidden;
            padding-right: 3.6rem;
            text-align: left;
            text-overflow: ellipsis;
            white-space: normal;
        }

        &:after {
            border-color: #000 transparent transparent;
            border-style: solid;
            border-width: .5rem .4rem 0;
            box-sizing: border-box;
            content: '';
            height: 0;
            margin-top: -.2rem;
            position: absolute;
            right: 1.2rem;
            top: 50%;
            transition: all .2s linear;
            width: 0;
        }

        &:before {
            background-color: #e3e3e3;
            border: 1px solid @amshopby-dropdown__border-color;
            bottom: 0;
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            width: 3.2rem;
        }
    }

    .am-category-wrapper {
        & {
            display: block;
            position: relative;
            user-select: none;
        }

        &.-active .amshopby-category-dropdown:after {
            transform: rotate(180deg);
        }

        .amshopby-checkbox,
        .amshopby-radio {
            margin-left: 20px;
        }

        .amshopby-filter-parent {
            padding-left: 0;
        }
    }

    .am-category-wrapper .am-multiselect-crumb {
        & {
            background-color: #f5f5f5;
            border: 1px solid #a79d95;
            border-radius: 1px;
            display: inline-block;
            font-size: 1.2rem;
            margin: .3rem 0 .3rem .3rem;
            padding: .3rem 2.4rem .4rem 1rem;
            position: relative;
            transition: border-color .1s linear;
        }

        .action-close {
            background-color: transparent;
            border: none;
            border-radius: 0;
            bottom: 0;
            box-shadow: none;
            color: #514943;
            font-size: .5em;
            height: auto;
            line-height: 1;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 2rem;
        }

        .action-close:before {
            content: 'x';
            font-size: 10px;
            transition: color .1s linear;
        }

        .action-close > span {
            clip: rect(0, 0, 0, 0);
            display: none;
            overflow: hidden;
            position: absolute;
            visibility: hidden;
        }
    }

    .filter-options .am-labels-folding .item {
        & {
            .am-flex(none, center, wrap);

            padding: 0 0 0 20px;
            position: relative;
        }

        .am-input {
            left: 0;
            margin: 0 5px 0 0;
            position: absolute;
            top: 4px;
        }

        .am-collapse-icon ~ .am-input {
            left: 20px;
        }

        .am-collapse-icon ~ [class*='am-filter-item-'] {
            padding-left: 20px;
        }
    }

    .filter-options .amshopby-category-dropdown + form .item {
        flex-wrap: wrap;
    }

    .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered),
    .filter-options .amshopby-category-dropdown + form .item {
        & {
            display: block;
            position: relative;
        }

        input[type='radio'],
        input[type='checkbox'] {
            &:extend(.filter-options .am-labels-folding .item .am-input);
        }

        .am-collapse-icon ~ .am-input,
        .am-collapse-icon ~ input[type='radio'],
        .am-collapse-icon ~ input[type='checkbox'],
        .am-collapse-icon ~ input[type='checkbox'] + .amshopby-choice {
            left: 20px;
        }
    }

    .filter-options .amshopby-category-dropdown + form .items.-am-multiselect .item {
        .items-children.-folding {
            padding-left: 20px;
        }

        .am-collapse-icon {
            &:extend(.am-labels-folding .am-collapse-icon all);
        }
    }

    .am-labels-folding .am-collapse-icon {
        & {
            .am-flex(none, center);

            align-self: flex-start;
            left: 0;
            top: 0;
        }

        &:after {
            margin: 0;
            position: static;
        }
    }

    .am-collapse-icon {
        & {
            border-radius: 50%;
            box-sizing: border-box;
            cursor: pointer;
            -webkit-font-smoothing: antialiased;
            font-style: normal;
            font-weight: @font-weight__regular;
            height: @amshopby-collapse-icon__size;
            line-height: 1;
            position: absolute;
            width: @amshopby-collapse-icon__size;
        }

        &:after {
            background: ~'url("../Amasty_Shopby/images/svg/arrow-bottom.svg") no-repeat 100% / contain';
            content: '';
            height: @amshopby-collapse-icon__size;
            position: absolute;
            right: 0;
            width: 12px;
        }

        &.-active:after {
            content: '';
            transform: rotate(180deg);
        }
    }

    .amshopby-option-link {
        & {
            clear: both;
            display: inline-block;
            margin-right: 5px;
        }

        img {
            float: left;
            margin: 0 5px 5px 0;
        }

        img:not([src*='/resized']) {
            //don't set max size for resized images
            max-width: 30px;
            max-height: 30px;
        }
    }

    .amshopby-item-removed {
        text-decoration: none;
    }

    .am-category-image {
        vertical-align: middle;
    }

    .amshopby-filter-current {
        .filter-label {
            vertical-align: middle;
        }

        .amshopby-items {
            padding: 0 0 0 10px;
        }

        .amshopby-item.item {
            .am-flex(none, center);

            flex-wrap: wrap;
            padding: 0 0 0 20px;
            position: relative;
        }

        .amshopby-filter-name {
            & {
                .am-flex();

                font-weight: 600;
                padding: 0 5px 0 0;
            }

            &:after {
                content: ':';
            }

            .ie11 &:after {
                padding-left: 1px;
            }
        }

        .amshopby-filter-value {
            flex-grow: 1;
        }

        .am-swatch-link {
            .am-flex(none, center);
        }

        .amshopby-filter-value .am-swatch-options .swatch-option {
            margin: 0;
        }

        .amshopby-remove {
            & {
                .am-flex(center, center);

                height: 12px;
                left: 0;
                position: absolute;
                width: 12px;
            }

            .ie11 & {
                top: ~'calc(50% - (12px / 2))';
            }

            &:hover:after,
            &:hover:before {
                background-color: #494949;
            }

            &:hover ~ * {
                opacity: .5;
            }

            &:after,
            &:before {
                background-color: #c7c7c7;
                content: '';
                height: 1px;
                position: absolute;
                width: 100%;
            }

            &:after {
                transform: rotate(45deg);
            }

            &:before {
                transform: rotate(-45deg);
            }
        }

        .am-shopby-swatch-label {
            margin-left: 10px;
        }

        .swatch-option-link-layered {
            .am-flex(none, center);

            flex-basis: 100%;
        }

        .item {
            padding-bottom: 0;
        }
    }

    .am-dropdown .am-select,
    .am-dropdown .chosen-container .chosen-choices {
        background-color: #fff;
        border-color: #ccc;
        font-family: @font-family__base;
        font-size: 14px;
        min-height: 32px;
    }

    .am-dropdown .chosen-container .chosen-choices {
        background-image: none;
    }

    .am-dropdown .chosen-container-multi .chosen-choices li.search-field input[type='text'] {
        color: #000;
        font-family: @font-family__base;
        min-width: 100px;
    }
}

//
//  Tablet
//  --------------------------------------------------

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .ui-tooltip.ui-widget {
        max-width: 450px;
    }

    .filter-options-content a:hover {
        text-decoration: none;
    }

    .catalog-topnav {
        display: block;
    }

    .page-layout-1column .toolbar-products {
        position: inherit !important;
    }

    .filter-options-content {
        .am-filter-price {
            width: 40%;
        }
    }

    .sidebar > .block-category-list {
        margin-bottom: 14px;
    }

    .amasty-catalog-topnav {
        & {
            margin-top: 3px;
        }

        &.catalog-topnav .filter-options .filter-options-content {
            min-width: 200px;
            z-index: 1001;
        }

        .filter-options {
            margin-bottom: 20px;
            padding: 3px 0;
        }

        .filter-subtitle {
            display: none;
        }

        .amshopby-category-dropdown {
            min-width: 200px;
        }

        .filter-options-item {
            margin-bottom: 0;
        }

        .filter-options-item:first-child .filter-options-title {
            padding-left: 0;
        }

        .filter-options-title {
            padding-right: 5px;
        }

        .filter-options-title:after {
            display: inline-block;
            margin: 0 0 0 15px;
            position: static;
            transform: translateY(-2px);
        }
    }
}

//
//  Desktop
//  --------------------------------------------------

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .sidebar.sidebar-main.-amshopby-sticky {
        & {
            background: #fff;
            position: sticky;
            top: 0;
            z-index: 10;
        }

        .filter-options {
            .amshopby-scrollbar();
        }
    }
}

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
    .filter-options-content .am-filter-price {
        width: 43%;
    }

    .amslider-container.am-swiper-slider {
        width: 85%;
    }
}