// Malachite.less

// REMOVE this code to change the color of the icons in the menu
.ut2-h__menu .item-icon {
    img.ut2-mwi-icon[srcset*="ut2_mwi__icon"],
    img.ut2-mwi-icon[data-src*="ut2_mwi__icon"],
    img.ut2-mwi-icon[src*="ut2_mwi__icon"] {
        mix-blend-mode: screen;
        filter: brightness(1.5);
    }
}

// Customs ===================================================
.ut2-pn .ut2-pn__icon,
.default-header .account-cart-grid .ty-dropdown-box__title i {
    @media (min-width: 1024px) {
        color: var(--color-main) !important;
    }
}

.header-grid .container-fluid-row.top-menu-grid {
    background-image: linear-gradient(to left, @menu, @main_color, @main_color, @menu);
}

// Gradient color of marked title elements
[class*="title"] mark {
    background: linear-gradient(to left, @main_color, @menu);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

// Backlighting of buttons
.ty-btn__primary,
.litecheckout__submit-btn,
.top-logo .ty-dropdown-box__title[id],
.top-search .ty-dropdown-box__title[id] {
    &:hover {
        box-shadow: 0 0 15px fade(@primary_button, 50%);
    }
}
.ty-btn__secondary {
    &:hover {
        box-shadow: 0 0 15px fade(@secondary_button, 50%);
    }
}
.ty-btn__outline {
    &.ty-btn, &.load-more-btn {
        &:hover {
            box-shadow: inset 0 0 0 2px @primary_button, 0 0 15px fade(@primary_button, 50%);
        }
    }
}

// Vendor block Legacy
.ut2-vendor-block {
    background: @general_bg_color;

    .image_bg_picker() when (@general_bg_image = #ffffff) {
        img {
            background: white;
            border-radius: var(--border-radius);
            padding: 5px;
        }
    }
    .image_bg_picker();
}

// Stickers
.ab-sticker__tooltip {
    background: @general_bg_color;
    box-shadow: inset 0 0 0 1px @base, 0 5px 15px @content_bg;
}

// Motivation block Legacy
.ab__mb_items .ab__mb_item {
    background-color: @general_bg_color;
}
.ab__mb_items.framed.colored .ab__mb_item {
    box-shadow: inset 0 0 0 1px @base;
}

// Hide description Leagcy
.ut2-cat-container .ab-smc-description .ab-smc-more {
    background-color: @content_bg;

    &:after {
        background-image: linear-gradient(to top, @content_bg, fade(@content_bg, 0%));
    }
}

// Deal of the Day
.js-counter {
    background: @general_bg_color;

    > div > span {
        color: @font;
    }
}

// ======================================================= ##Variables

@rounded_corners: true;
@links: #009f92;
@menu_links: #ffffff;
@menu: #6f40c9;
@base: #30363d;
@font: #ffffff;

@primary_button: #6f40c9;
//@primary_button_color: #ffffff;
//@primary_button_hover: #333333;

@secondary_button: #009f92;
//@secondary_button_color: #ffffff;
//@secondary_button_hover: #747474;

@tertiary_button: #393f48;
//@tertiary_button_color
//@tertiary_button_hover: #6e6e6e;

@sidebar: #161b22;
@price: #ffffff;
@discount_label: #f84442;
@in_stock: #009f92;
@out_of_stock: #818891;
@top_panel_links: #818891;
@top_panel_text: #818891;
@footer_text: #818891;
@decorative: #f84442;

@general_bg_color: #20262e;
@general_bg_image: #ffffff;
@general_bg_repeat: repeat;
@general_bg_scroll: scroll;

@top_panel_bg: #161b22;
@top_panel_bg_full: true;
@top_panel_bg_transparent: false;
@top_panel_bg_grad_stop: #161b22;

@header_bg: #161b22;
@header_bg_full: true;
@header_bg_transparent: false;
@header_bg_grad_stop: #161b22;

@content_bg: #0c1116;
@content_bg_full: false;
@content_bg_transparent: true;

@footer_bg: #161b22;
@footer_bg_full: true;
@footer_bg_transparent: false;
@footer_bg_grad_stop: #161b22;

@body_font: -apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
@body_font_size: 14px;
@body_font_style: normal;
@body_font_weight: normal;
@headings_font: 'MuseoSansBlack','Helvetica Neue','Arial',-apple-system,sans-serif;
@headings_font_size: 24px;
@headings_font_decoration: none;
@headings_font_style: normal;
@headings_font_weight: normal;
@links_font: -apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
@links_font_size: 14px;
@links_font_decoration: none;
@links_font_style: normal;
@links_font_weight: normal;
@price_font: -apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
@price_font_size: 18px;
@price_font_decoration: none;
@price_font_style: normal;
@price_font_weight: bold;
@buttons_font: -apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
@buttons_font_size: 14px;
@buttons_font_decoration: none;
@buttons_font_style: normal;
@buttons_font_weight: 600;

// Only this style ------------------------------------

@default_bt_color: #ffffff;
@main_color: #009f92;
@grid_list_title_color: #ffffff;
@abt__ut2_general_sticky_panel_background_color: #30363d;
@abt__ut2_general_sticky_panel_icon_color: #009f92;
@abt__ut2_containers_header_elements_brightness: dark;
@abt__ut2_containers_top_panel_height: 33px;
@abt__ut2_containers_header_height: 70px;
@abt__ut2_containers_header_add_header_mask: true;

// Mix color
@mix-lighten-font: 50%;
@mix-lighten-max-font: 65%;
@mix-discount_label_lighten: 0%;

// Fill
@fill-color-box: #442580;
@fill-gray-box: #30363d;
@title-color-box: #ffffff;

// General
@abt__ut2_general_use_rounding: full;
@abt__ut2_general_use_rounding_blocks: full;
@abt__ut2_general_use_titles_uppercase: false;
@abt__ut2_general_style_tabs: type1;
@abt__ut2_general_stars_rating_color: #f7aa78;
@abt__ut2_general_browser_interface_bg: #0c1116;
@abt__ut2_general_buttons_use_icon_cart: type3;

@abt__ut2_general_labels_style: as_circle;
@abt__ut2_general_labels_use_outline: false;
@abt__ut2_general_labels_use_shadow: false;
@abt__ut2_general_labels_use_text_shadow: false;

@abt__ut2_general_buttons_style: use_background;
@abt__ut2_general_buttons_use_text_uppercase: false;
@abt__ut2_general_buttons_use_shadow: false;
@abt__ut2_general_buttons_use_gradient: false;

// Containers
@abt__ut2_containers_header_add_delimiters: false;
@abt__ut2_containers_header_use_color_menu_on_hover: rgba(0,0,0,0.1);
@abt__ut2_containers_header_use_color_elements_on_hover: rgba(0,0,0,0.1);
@abt__ut2_containers_header_use_color_icons: #ffffff;
@abt__ut2_containers_header_use_animation_for_not_empty_cart: false;

// Product list
@abt__ut2_product_list_show_grid_border: solid_with_margins;
@abt__ut2_product_list_mask_images_gallery: true;
@abt__ut2_product_list_use_elements_alignment: use;
@abt__ut2_product_list_extend_grid_item_on_hover: true;
@abt__ut2_product_list_grid-list_product_name_font_weight: normal;

// Products
@abt__ut2_products_mask_images_gallery: true;
@abt__ut2_products_bordered_images_gallery: false;
@abt__ut2_products_sticky_columns: false;

// Checkout
@checkout_link: #009f92;
@checkout_input_border: #30363d;
@checkout_selected_input_border: #009f92;
@checkout_step_title: #009f92;
@checkout_input_text: #ffffff;
@checkout_input_label: #818891;
@checkout_control_border: #30363d;
@checkout_selected_control_border: #009f92;
@checkout_control_background: #0c1116;
@checkout_selected_control_background: #112b2b;
@checkout_control_title: #818891;
@checkout_control_description: #818891;
@checkout_control_label: #818891;
@checkout_terms_background: #30363d;

// Video Gallery
@abt__ut2_addons_ab__video_gallery_block_bg: #442580;

// Deal of the day
@abt__ut2_addons_ab__deal_of_the_day_block_background: #f84442;
@abt__ut2_addons_ab__deal_of_the_day_block_fonts_color: #ffffff;
@abt__ut2_addons_ab__deal_of_the_day_bright_color_promotion_title: false;
@abt__ut2_addons_ab__deal_of_the_day_bordered_block: false;
@abt__ut2_addons_ab__deal_of_the_day_shadow_block: true;
@abt__ut2_addons_ab__deal_of_the_day_rounded_corners_blocks: true;

// Vendor colors
@abt__ut2_vendor_vendor_info_background: #0c1116;
@abt__ut2_vendor_vendor_info_font_main: #ffffff;
@abt__ut2_vendor_vendor_info_font_additional: #818891;
@abt__ut2_vendor_vendor_info_links: #009f92;
@abt__ut2_vendor_vendor_menu_background: #ffffff;
@abt__ut2_vendor_vendor_menu_active_background: #0c1116;
@abt__ut2_vendor_vendor_menu_item: #0c1116;
@abt__ut2_vendor_vendor_menu_item_active: #ffffff;
