$dir: ltr !default;
@import '../../../assets/sass/direction';

#elementor-panel-categories {
    display: flex;
    flex-direction: column;

    #elementor-panel-category-basic {
        order: -3;
    }

    #elementor-panel-category-wolmart_widget {
        order: -1;
    }

    #elementor-panel-category-wolmart_single_product_widget,
    #elementor-panel-category-wolmart_header_widget {
        order: -2;
    }
}

.elementor-control-type-image_choose {
    .elementor-control-field {
        flex-wrap: wrap;
    }

    .elementor-control-content>.elementor-control-field>.elementor-control-input-wrapper {
        margin-#{$left}: 0;
        width: 100%;
    }

    .elementor-choices {
        height: auto;
        line-height: normal;
        flex-wrap: wrap;
        justify-content: space-between;

        label.elementor-choices-label {
            width: 30%;
            margin: 7px 4px;
            padding: 5px;
            display: flex;
            align-items: center;
            border: 1px solid #d5dadf;
            border-radius: 3px;
            transition: none;
        }

        &.elementor-img-col-3 label.elementor-choices-label {
            width: 100%;
            padding: 0;
            margin: 15px 4px 0;
        }

        input:checked+.elementor-choices-label {
            border: 2px solid #2879FE;
        }
    }
}

.elementor-control-type-description p {
    line-height: 1.4;
}

.elementor-control-type-color .elementor-control-field .elementor-control-title {
    flex: none;
}

.elementor-control-wolmart_blank_styles {
    display: none;
}

.elementor-control-type-select2 .elementor-control-input-wrapper {
    min-width: 100px;
    flex: 1;
    max-width: 135px;
}

.elementor-icons-manager__tab__item .la {
    font-size: 25px;
}

.elementor-control-input-wrapper>input[type="number"] {
    width: 70px;
}

.elementor-choices.elementor-origin-choices {
    flex-wrap: wrap;
    width: 66px;
    height: 66px;

    .elementor-choices-label {
        margin: 1px;
        width: 20px;
        height: 20px;
        border-radius: 0;
        border: 1px solid #d5dadf;
    }
}

.elementor-control-wolmart_settings~.elementor-control-type-heading {
    padding: 10px 20px;
}

/* Header Builder */
.elementor-control-lang_switcher_description textarea {
    height: 200px;
    line-height: 1.68;
    padding: 0;
    -webkit-appearance: none;
    border: none;
    pointer-events: none;
    resize: none;

    &::placeholder {
        color: #666;
    }
}

.elementor-control-type-wolmart_image_choose .elementor-choices [value="hs-toggle"] {
    ~label {
        width: 100%;

        img {
            height: 50px;
            width: 100%;
            object-fit: cover;
        }
    }

    +label img {
        height: 110px;
    }
}

.elementor-element-wrapper {

    .w-icon-compare,
    .w-icon-search,
    .w-icon-heart {
        font-size: 26px;
    }

    .w-icon-hamburger {
        font-size: 24px;
    }
}

// // Elementor Device Mode
// .elementor-device-laptop #elementor-preview-responsive-wrapper {
//     width: 1200px;
//     height: 768px;
//     padding: 30px 20px;
// }
// .elementor-device-laptopsm #elementor-preview-responsive-wrapper {
//     width: 992px;
//     height: 768px;
//     padding: 30px 20px;
// }
// .elementor-device-mobile #elementor-preview-responsive-wrapper {
//     width: 640px;
//     height: 360px;
//     padding: 10px 40px 10px 70px;
// }
// .elementor-device-xmobile #elementor-preview-responsive-wrapper {
//     width: 360px;
//     height: 640px;
//     padding: 40px 10px 70px;
// }

.elementor-control-type-repeater.elementor-control.elementor-control-banner_item_list .elementor-repeater-row-tools i {
    font-size: 15px;

    &.eicon-button {
        font-size: 17px;
        position: relative;
        top: 2px;
    }
}

// Elementor Preview
.elementor-element {
    .wolmart-elementor-widget-icon::after {
        position: absolute;
        right: 5px;
        top: 5px;
        color: #fff;
        content: "w";
        display: block;
        box-shadow: 1px 2px 5px rgb(0 0 0 / 9%);
        font-family: 'eicons';
        font-weight: normal;
        font-size: 1.2rem;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        background-color: #2879FE;
    }
}



.elementor-panel-heading-title.elementor-section-title,
.elementor-control-title {
    position: relative;

    .wolmart-elementor-heading-logo:after {
        content: "W";
        display: block;
        position: absolute;
        width: 18px;
        height: 18px;
        #{$right}: -25px;
        top: 50%;
        transform: translateY(-50%);
        // font-family: var(--wolmart-body-font-family), sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 10px;
        line-height: 20px;
        background-color: #2879FE;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        border-radius: 50%;
        transition: color 0.3s, background-color 0.3s;
    }
}


/* Quick Access for elementor */
.show-qa-option {
    --wolmart-hightlight-color: #93003c;
    color: var(--wolmart-hightlight-color);
    font-weight: 600;
    transition: 0.3s;
}

.show-qa-option input {
    border-color: var(--wolmart-hightlight-color) !important;
}

.show-qa-option .elementor-slider,
.show-qa-option .elementor-slider .noUi-handle,
.show-qa-option .elementor-switch-label,
.show-qa-option .wpb_vc_param_value.checkbox {
    background-color: var(--wolmart-hightlight-color) !important;
}

.show-qa-option button,
.show-qa-option .e-global__popover-toggle,
.show-qa-option select,
.show-qa-option .wp-color-result-text {
    border-color: var(--wolmart-hightlight-color) !important;
    background-color: var(--wolmart-hightlight-color) !important;
    color: #fff !important;
}

#elementor-panel-page-settings-controls .elementor-control-content.show-qa-option {

    .elementor-panel-heading-title,
    .elementor-panel-heading-toggle {
        color: #fff;
    }
}