/*******************************************************************************************
*   ___  _          ______                     _ _                _                        *
*  / _ \| |         | ___ \                   | (_)              | |              © 2025   *
* / /_\ | | _____  _| |_/ /_ __ __ _ _ __   __| |_ _ __   __ _   | |_ ___  __ _ _ __ ___   *
* |  _  | |/ _ \ \/ / ___ \ '__/ _` | '_ \ / _` | | '_ \ / _` |  | __/ _ \/ _` | '_ ` _ \  *
* | | | | |  __/>  <| |_/ / | | (_| | | | | (_| | | | | | (_| |  | ||  __/ (_| | | | | | | *
* \_| |_/_|\___/_/\_\____/|_|  \__,_|_| |_|\__,_|_|_| |_|\__, |  \___\___|\__,_|_| |_| |_| *
*                                                         __/ |                            *
*                                                        |___/                             *
* ---------------------------------------------------------------------------------------- *
* This is commercial software, only users who have purchased a valid license and accept    *
* to the terms of the License Agreement can install and use this program.                  *
* ---------------------------------------------------------------------------------------- *
* website: https://cs-cart.alexbranding.com                                                *
*   email: info@alexbranding.com                                                           *
*******************************************************************************************/
@abt__ut2_general_style_tabs: type1;
@abt__ut2_general_use_titles_uppercase: @uppercase;
@abt__ut2_general_labels_style: @abt__ut2_general_discount_label_style;
@abt__ut2_general_labels_use_outline: @product-labels-outline;
@abt__ut2_general_labels_use_shadow: @product-labels-shadow;
@abt__ut2_general_labels_use_text_shadow: @product-labels-text-shadow;
@abt__ut2_general_buttons_style: @abt__ut2_general_button_style;
@abt__ut2_general_buttons_use_text_uppercase: @buttons_font_transform;
@abt__ut2_general_buttons_use_shadow: @abt__ut2_general_show_button_shadow;
@abt__ut2_general_buttons_use_gradient: @2d-fill;

@abt__ut2_general_sticky_panel_background_color: @general_bg_color;
@abt__ut2_general_sticky_panel_icon_color: @primary_button;

@abt__ut2_containers_top_panel_height: 33px;
@abt__ut2_containers_header_height: 70px;
@abt__ut2_containers_header_add_delimiters: @header-delim-color;
@abt__ut2_containers_header_use_color_menu_on_hover: @active-menu-link;
@abt__ut2_containers_header_use_color_elements_on_hover: @active-menu-link;
@abt__ut2_containers_header_use_color_icons: @color-header-icons;
@abt__ut2_containers_header_use_animation_for_not_empty_cart: @abt__ut2_general_show_animation_for_not_empty_cart;

@abt__ut2_product_list_show_grid_border: @abt__ut2_general_show_grid_border;
@abt__ut2_product_list_use_elements_alignment: @abt__ut2_general_use_elements_alignment;
@abt__ut2_product_list_extend_grid_item_on_hover: @abt__ut2_general_extend_grid_item_on_hover;

@checkout_link: @links;
@checkout_input_border: @base5;
@checkout_selected_input_border: @links;
@checkout_step_title: @font;
@checkout_input_text: @font;
@checkout_input_label: @lighten-max-font;
@checkout_control_border: @base5;
@checkout_selected_control_border: @links;
@checkout_control_background: @content_bg;
@checkout_selected_control_background: fade(@checkout_selected_input_border, 10%);
@checkout_control_title: @links;
@checkout_control_description: @lighten-font;
@checkout_control_label: @lighten-font;
@checkout_terms_background: @discount_label_lighten;

@lighten-font: contrast(@font, fade(@font, @mix-lighten-font), desaturate(lighten(@font, @mix-lighten-font), 90%));
@lighten-max-font: contrast(@font, fade(@font, @mix-lighten-font), desaturate(lighten(@font, @mix-lighten-max-font), 90%));
@discount_label_lighten: lighten(@discount_label, @mix-discount_label_lighten);
@active-menu-link: darken(@menu, 5%);

@z-index: 1000;
@fog-color: @content_bg;
@min-height-button: var(--min-height-button);

@pdp: 10px;
@pdi: 15px;
@pd: 20px;
@pdt: 30px;
@pdf: 40px;
@fluid-row_min-padding: 15px;
@fluid-row_max-padding: 20px;

@button_letter-spacing-extended: .01929em;
@button_letter-spacing-condenced: -.01929em;
@heading_letter-spacing: normal;
@button_letter-spacing: normal;  //.01929em;

@base5: contrast(@content_bg, darken(@base, 5%), lighten(@base, 5%));
@base10: contrast(@content_bg, darken(@base, 10%), lighten(@base, 10%));
@base20: contrast(@content_bg, darken(@base, 20%), lighten(@base, 20%));
@base30: contrast(@content_bg, darken(@base, 30%), lighten(@base, 30%));

:root {

    --fluidContainerMaxWidth: @fluidContainerMaxWidth;
    --fluidContainerPadding: calc(var(--gap-s) * 2);

    --sticky-bottom-panel-height: 66px;
    --fc-height: 57px;
    --lt-sticky-panel-width: 350px;

    @media (min-width: 1024px) {
        --sticky-add-to-cart-height: 66px;
    }
    @media (max-width: 1023px) {
        --sticky-add-to-cart-height: 56px;
    }

    --font-size-small: @body_font_size - 2;
    --font-size-normal: @body_font_size;
    --font-size-medium: @body_font_size + 2;
    --font-size-large: @body_font_size + 4;
    --font-size-extra-bigest: @body_font_size + 30;

    .uppercase() when not (@abt__ut2_general_use_titles_uppercase = true) {
        --font-size-big: @headings_font_size;
        --font-size-extra-big: @headings_font_size + 4;
    }
    .uppercase() when (@abt__ut2_general_use_titles_uppercase = true) {
        --font-size-big: calc(@headings_font_size ~'- 2px');
        --font-size-extra-big: calc(@headings_font_size ~' + 2px');
    }
    .uppercase();

    --link-font-size: @links_font_size;
    --button-font-size: @buttons_font_size + 1;
    --height-button: 40px;
    --min-height-button: 36px;

    .ut2_round(@round: 0) when (@abt__ut2_general_use_rounding = do_not_use) {
        --border-radius: @round;
    }
    .ut2_round(@round: 8px) when (@abt__ut2_general_use_rounding = little) {
        --border-radius: @round;
    }
    .ut2_round(@round: 8px) when (@abt__ut2_general_use_rounding = full) {
        --border-radius: @round;
    }
    .ut2_round();

    .ut2_rounding_blocks_enable() when (@abt__ut2_general_use_rounding_blocks = true) {
        .ut2_round(@round: 0) when (@abt__ut2_general_use_rounding = do_not_use) {
            --border-radius-box: @round;
        }
        .ut2_round(@round: 12px) when (@abt__ut2_general_use_rounding = little) {
            --border-radius-box: @round;
        }
        .ut2_round(@round: 16px) when (@abt__ut2_general_use_rounding = full) {
            --border-radius-box: @round;
        }
        .ut2_round();
    }
    .ut2_rounding_blocks_enable() when not (@abt__ut2_general_use_rounding_blocks = true) {
        --border-radius-box: 0px; // px is necessary for calc
    }
    .ut2_rounding_blocks_enable();

    .ut2_round_blocks(@round: 0) when (@abt__ut2_general_use_rounding_blocks = do_not_use) {
        --border-radius-box: @round;
    }
    .ut2_round_blocks(@round: 12px) when (@abt__ut2_general_use_rounding_blocks = little) {
        --border-radius-box: @round;
    }
    .ut2_round_blocks(@round: 16px) when (@abt__ut2_general_use_rounding_blocks = full) {
        --border-radius-box: @round;
    }
    .ut2_round_blocks();

    --body-width: @fluidContainerMaxWidth;
    --sticky-panel-bg-color: @abt__ut2_general_sticky_panel_background_color;
    --sticky-panel-icon-color: @abt__ut2_general_sticky_panel_icon_color;

    --flow-direction-factor-inline: 1;
    --check-radio-size: 22px;
    --check-radio-inline-gap: calc(~'var(--gap-xs) - 2px');
    --check-radio-label-line-height: 20px;

    .top_panel_params() when (@abt__ut2_containers_top_panel_height >= 28px) {
        --ut2-top-panel-height: @abt__ut2_containers_top_panel_height;
    }
    .top_panel_params() when (@abt__ut2_containers_top_panel_height < 28px) {
        --ut2-top-panel-height: 28px;
    }
    .top_panel_params();

    .header_params() when (@abt__ut2_containers_header_height >= 50px) {
        --ut2-header-height: @abt__ut2_containers_header_height;
    }
    .header_params() when (@abt__ut2_containers_header_height < 50px) {
        --ut2-header-height: 50px;
    }
    .header_params();

    @media (max-width: 767px) {
        --ut2-header-height: 56px;
    }

    --ut2-header__2nd-row-_height-_1: 56px; // bottom/2nd row height (Advanced layouts)
    --ut2-header__2nd-row-_height-_2: 50px; // bottom/2nd row height (for h-menu in not Advanced layouts)
    --ut2-header__common-button-_min-size: 44px;
    --ut2-header__common-button__icon-_size: 26px;

    .ut2_grid_border_base() when (@abt__ut2_product_list_show_grid_border = none) {
        --gap: 20px;
    }
    .ut2_grid_border_base() when (@abt__ut2_product_list_show_grid_border = solid_without_margins) {
        --gap: 20px;
    }
    .ut2_grid_border_base() when (@abt__ut2_product_list_show_grid_border = solid_with_margins) {
        --gap: 10px;
    }
    .ut2_grid_border_base();

    --gap-xxs: 5px;
    --gap-xs: 10px;
    --gap-sm: 15px;
    --gap-s: 20px;
    --gap-m: 30px;
    --gap-l: 40px;

    --color-base: @base;
    --color-base5: @base5;
    --color-base10: @base10;
    --color-base20: @base20;
    --color-base30: @base30;
    --color-decorative: @decorative;
    --color-font-lighten: @lighten-font;
    --color-font-lighten-max: @lighten-max-font;

    .main_color_is_true() when (iscolor(@main_color)) {
        --color-main:  @main_color;
    }
    .main_color_is_true() when not (iscolor(@main_color)) {
        --color-main:  @primary_button;
    }
    .main_color_is_true();

    --fill-color: @fill-color-box;
    --fill-gray: @fill-gray-box;
    --fill-white: @general_bg_color;
    --fill-dark: contrast(@font, darken(@general_bg_color, 20%), @font);
    --fill-color-inverse: @title-color-box;

}
@media (max-width: 1024px) {
    :root {
        --gap-l: 30px;
        --gap-s: 15px;

        .ut2_grid_border_base() when (@abt__ut2_product_list_show_grid_border = none) {
            --gap: 15px;
        }
        .ut2_grid_border_base() when (@abt__ut2_product_list_show_grid_border = solid_without_margins) {
            --gap: 15px;
        }
        .ut2_grid_border_base() when (@abt__ut2_product_list_show_grid_border = solid_with_margins) {
            --gap: 10px;
        }
        .ut2_grid_border_base();
    }
}
@media (max-width: 1023px) {
    :root {
        body.mobile-screen {
            --font-size-small: @body_font_size;
            --font-size-normal: @body_font_size + 2;
            --font-size-medium: @body_font_size + 3;
            --font-size-large: @body_font_size + 6;
            --font-size-extra-bigest: @body_font_size + 10;

            .uppercase() when not (@abt__ut2_general_use_titles_uppercase = true) {
                --font-size-big: @headings_font_size;
                --font-size-extra-big: @headings_font_size;
            }
            .uppercase() when (@abt__ut2_general_use_titles_uppercase = true) {
                --font-size-big: calc(@headings_font_size ~'- 2px');
                --font-size-extra-big: calc(@headings_font_size ~'- 2px');
            }
            .uppercase();

            --link-font-size: @links_font_size + 2;
            --button-font-size: @buttons_font_size + 2;
        }
    }
}

@media (prefers-color-scheme: dark) {

}