<?php
$wpw = Wpw::inst();
$formatter = $wpw->formatter();
$loader = $wpw->resource();
$storage = $wpw->storage();
unset($wpw);

$size = '%7B%22number%22%3A%2214%22%2C%22unit%22%3A%22%22%7D';
$class_name = !empty($config['class_name'])
    ? '.' . $config['class_name']
    : '.project-input_button-primary';

// accent color
$accent_color = '#ffab00';
$primary_color = '#000';

// typography
$button_typography = !empty($config['button_typography'])
    ? $config['button_typography']
    : 'main';
$button_typography = $formatter->dynamic_typography($button_typography, $class_name . ', button' . $class_name . ',
' . $class_name . '.added_to_cart,
' . $class_name . '.button,
a' . $class_name . '.button,
' . $class_name . '.button.color,
' . $class_name . '.wpw-post-comments-wrapper [type="submit"],
' . $class_name . '.wpcf7-form-control[type^=\'submit\'],
' . $class_name . '.post-sidebar .wpcf7-form-control.wpcf7-submit,
button' . $class_name . '.color,
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3,
input[type=\'submit\']' . $class_name . ',
input[type=\'submit\']' . $class_name . '.color');

// color
// default
$button_text_color = !empty($config['button_text_color'])
    ? $config['button_text_color']
    : '';
$button_text_color = $storage->get($button_text_color);

$button_bg = !empty($config['button_bg'])
    ? $config['button_bg']
    : '%7B%22ogv%22%3A%22%22%2C%22webm%22%3A%22%22%2C%22mp4%22%3A%22%22%2C%22image%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22opacity%22%3A%22%22%2C%22pattern_color%22%3A%22%22%2C%22fill_style%22%3A%22color%22%2C%22color%22%3A%22' . urlencode($primary_color) . '%22%2C%22gradient%22%3A%22%22%7D';
$button_bg = $formatter->from_bg($button_bg);


// hover
$button_hover_text_color = !empty($config['button_hover_text_color'])
    ? $config['button_hover_text_color']
    : '';
$button_hover_text_color = $storage->get($button_hover_text_color);

$button_hover_bg = !empty($config['button_hover_bg'])
    ? $config['button_hover_bg']
    : '%7B%22ogv%22%3A%22%22%2C%22webm%22%3A%22%22%2C%22mp4%22%3A%22%22%2C%22image%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22opacity%22%3A%22%22%2C%22pattern_color%22%3A%22%22%2C%22fill_style%22%3A%22color%22%2C%22color%22%3A%22' . urlencode($accent_color) . '%22%2C%22gradient%22%3A%22%22%7D';
$button_hover_bg = $formatter->from_bg($button_hover_bg);


// border
// default
$button_border_style = !empty($config['button_border_style'])
    ? $config['button_border_style']
    : '';
$button_border_model = !empty($config['button_border_model'])
    ? $config['button_border_model']
    : '';
$_button_border_model = $formatter->css_spacing($button_border_model);
$border_model_alter = $formatter->from_spacing($button_border_model);
$button_border_color = !empty($config['button_border_color'])
    ? $config['button_border_color']
    : '';
$button_border_color = $storage->get($button_border_color);
$button_border_color_invert = '';
$button_border = $formatter->css_border_simplify(
    $button_border_style,
    $button_border_model,
    $button_border_color
);
$button_border_radius = !empty($config['button_border_radius'])
    ? $config['button_border_radius']
    : '';
$button_border_radius = $formatter->css_spacing($button_border_radius);
// hover
$button_hover_border_style = !empty($config['button_hover_border_style'])
    ? $config['button_hover_border_style']
    : '';
$button_hover_border_model = !empty($config['button_hover_border_model'])
    ? $config['button_hover_border_model']
    : '';
$_button_hover_border_model = $formatter->css_spacing($button_hover_border_model);
$border_model_hover_alter = $formatter->from_spacing($button_hover_border_model);
$button_hover_border_color = !empty($config['button_hover_border_color'])
    ? $config['button_hover_border_color']
    : '';
$button_hover_border_color = $storage->get($button_hover_border_color);
$button_hover_border_color_invert = '';
$button_hover_border = $formatter->css_border_simplify(
    $button_hover_border_style,
    $button_hover_border_model,
    $button_hover_border_color
);
$button_hover_border_radius = !empty($config['button_hover_border_radius'])
    ? $config['button_hover_border_radius']
    : '';
$button_hover_border_radius = $formatter->css_spacing($button_hover_border_radius);

// shadow
// default
$button_bs_hl = !empty($config['button_bs_hl'])
    ? $config['button_bs_hl']
    : '';
$button_bs_hl = $formatter->css_scalar($button_bs_hl);
$button_bs_vl = !empty($config['button_bs_vl'])
    ? $config['button_bs_vl']
    : '';
$button_bs_vl = $formatter->css_scalar($button_bs_vl);
$button_bs_br = !empty($config['button_bs_br'])
    ? $config['button_bs_br']
    : '';
$button_bs_br = $formatter->css_scalar($button_bs_br);
$button_bs_sr = !empty($config['button_bs_sr'])
    ? $config['button_bs_sr']
    : '';
$button_bs_sr = $formatter->css_scalar($button_bs_sr);
$button_bs_color = !empty($config['button_bs_color'])
    ? $config['button_bs_color']
    : '';
$button_bs_color = $storage->get($button_bs_color);
$button_bs = "box-shadow: {$button_bs_hl} {$button_bs_vl} {$button_bs_br} {$button_bs_sr} {$button_bs_color};";
// hover
$button_hover_bs_hl = !empty($config['button_hover_bs_hl'])
    ? $config['button_hover_bs_hl']
    : '';
$button_hover_bs_hl = $formatter->css_scalar($button_hover_bs_hl);
$button_hover_bs_vl = !empty($config['button_hover_bs_vl'])
    ? $config['button_hover_bs_vl']
    : '';
$button_hover_bs_vl = $formatter->css_scalar($button_hover_bs_vl);
$button_hover_bs_br = !empty($config['button_hover_bs_br'])
    ? $config['button_hover_bs_br']
    : '';
$button_hover_bs_br = $formatter->css_scalar($button_hover_bs_br);
$button_hover_bs_sr = !empty($config['button_hover_bs_sr'])
    ? $config['button_hover_bs_sr']
    : '';
$button_hover_bs_sr = $formatter->css_scalar($button_hover_bs_sr);
$button_hover_bs_color = !empty($config['button_hover_bs_color'])
    ? $config['button_hover_bs_color']
    : '';
$button_hover_bs_color = $storage->get($button_hover_bs_color);
$button_hover_bs = "box-shadow: {$button_hover_bs_hl} {$button_hover_bs_vl} {$button_hover_bs_br} {$button_hover_bs_sr} {$button_hover_bs_color};";


$default_min_height = '%7B%22number%22%3A%2236%22%2C%22unit%22%3A%22%22%7D';

// default
$button_default_min_height = !empty($config['button_default_min_height'])
    ? $config['button_default_min_height']
    : $default_min_height;
$button_default_min_height = $formatter->css_scalar($button_default_min_height);
$button_default_margins = !empty($config['button_default_margins'])
    ? $config['button_default_margins']
    : '';
$button_default_margins = $formatter->css_spacing($button_default_margins);
$button_default_paddings = !empty($config['button_default_paddings'])
    ? $config['button_default_paddings']
    : [
        'top' => [
            'number' => 10,
        ],
        'bottom' => [
            'number' => 10,
        ],
        'right' => [
            'number' => 20,
        ],
        'left' => [
            'number' => 20,
        ],
    ];
$button_default_paddings = $formatter->css_spacing($button_default_paddings);
$button_default_icon_size = !empty($config['button_default_icon_size'])
    ? $config['button_default_icon_size']
    : $size;
$button_default_icon_size = $formatter->css_scalar($button_default_icon_size);
$button_default_icon_paddings = !empty($config['button_default_icon_paddings'])
    ? $config['button_default_icon_paddings']
    : '';
$button_default_icon_paddings = $formatter->css_spacing($button_default_icon_paddings);


echo /** @lang CSS */
    '

' . $class_name . ',
button' . $class_name . ',
' . $class_name . '.added_to_cart,
' . $class_name . '.button,
a' . $class_name . '.button,
' . $class_name . '.button.color,
' . $class_name . '.wpw-post-comments-wrapper [type="submit"],
' . $class_name . '.wpcf7-form-control[type^=\'submit\'],
' . $class_name . '.post-sidebar .wpcf7-form-control.wpcf7-submit,
button' . $class_name . '.color,
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3,
input[type=\'submit\']' . $class_name . ',
input[type=\'submit\']' . $class_name . '.color {
    min-height: ' . $button_default_min_height . ';
    color: ' . $button_text_color . ';

    margin: ' . $button_default_margins . ';
    padding: ' . $button_default_paddings . ';

}


' . $class_name . '  > .background,
button' . $class_name . '  > .background,
' . $class_name . '.added_to_cart  > .background,
' . $class_name . '.button  > .background,
a' . $class_name . '.button  > .background,
' . $class_name . '.button.color  > .background,
' . $class_name . '.wpw-post-comments-wrapper [type="submit"]  > .background,
' . $class_name . '.wpcf7-form-control[type^=\'submit\']  > .background,
' . $class_name . '.post-sidebar .wpcf7-form-control.wpcf7-submit  > .background,
button' . $class_name . '.color  > .background,
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3  > .background,
input[type=\'submit\']' . $class_name . '  > .background,
input[type=\'submit\']' . $class_name . '.color  > .background {
    border-radius: ' . $button_border_radius . ';
    ' . $button_border . '
    ' . $button_bs . '
}

' . $class_name . '  > .background > .image-layer,
button' . $class_name . '  > .background > .image-layer,
' . $class_name . '.added_to_cart  > .background > .image-layer,
' . $class_name . '.button  > .background > .image-layer,
a' . $class_name . '.button  > .background > .image-layer,
' . $class_name . '.button.color  > .background > .image-layer,
' . $class_name . '.wpw-post-comments-wrapper [type="submit"]  > .background > .image-layer,
' . $class_name . '.wpcf7-form-control[type^=\'submit\']  > .background > .image-layer,
' . $class_name . '.post-sidebar .wpcf7-form-control.wpcf7-submit  > .background > .image-layer,
button' . $class_name . '.color  > .background > .image-layer,
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3  > .background > .image-layer,
input[type=\'submit\']' . $class_name . '  > .background > .image-layer,
input[type=\'submit\']' . $class_name . '.color  > .background > .image-layer {
    background-image: url("' . $button_bg['image'] . '");
}

' . $class_name . '  > .background > .color-layer,
button' . $class_name . '  > .background > .color-layer,
' . $class_name . '.added_to_cart  > .background > .color-layer,
' . $class_name . '.button  > .background > .color-layer,
a' . $class_name . '.button  > .background > .color-layer,
' . $class_name . '.button.color  > .background > .color-layer,
' . $class_name . '.wpw-post-comments-wrapper [type="submit"]  > .background > .color-layer,
' . $class_name . '.wpcf7-form-control[type^=\'submit\']  > .background > .color-layer,
' . $class_name . '.post-sidebar .wpcf7-form-control.wpcf7-submit  > .background > .color-layer,
button' . $class_name . '.color  > .background > .color-layer,
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3  > .background > .color-layer,
input[type=\'submit\']' . $class_name . '  > .background > .color-layer,
input[type=\'submit\']' . $class_name . '.color  > .background > .color-layer {
    ' . $button_bg['fill'] . '
}

' . $button_typography . '

' . $class_name . ' i[class*="ib-"],
button' . $class_name . ' i[class*="ib-"],
' . $class_name . '.added_to_cart i[class*="ib-"],
' . $class_name . '.button i[class*="ib-"],
a' . $class_name . '.button i[class*="ib-"],
' . $class_name . '.button.color i[class*="ib-"],
button' . $class_name . '.color i[class*="ib-"],
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3 i[class*="ib-"] {
    font-size: ' . $button_default_icon_size . ';
    padding: ' . $button_default_icon_paddings . ';
}


/* Hover */

' . $class_name . ':hover,
button' . $class_name . ':hover,
' . $class_name . '.added_to_cart:hover,
' . $class_name . '.button:hover,
a' . $class_name . '.button:hover,
' . $class_name . '.button.color:hover,
' . $class_name . '.wpw-post-comments-wrapper [type="submit"]:hover,
' . $class_name . '.wpcf7-form-control[type^=\'submit\']:hover,
' . $class_name . '.post-sidebar .wpcf7-form-control.wpcf7-submit:hover,
button' . $class_name . '.color:hover,
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3:hover,
input[type=\'submit\']' . $class_name . ':hover,
input[type=\'submit\']' . $class_name . '.color:hover {
    color: ' . $button_hover_text_color . ';


}

' . $class_name . ':hover  > .background,
button' . $class_name . ':hover  > .background,
' . $class_name . '.added_to_cart:hover  > .background,
' . $class_name . '.button:hover  > .background,
a' . $class_name . '.button:hover  > .background,
' . $class_name . '.button.color:hover  > .background,
' . $class_name . '.wpw-post-comments-wrapper [type="submit"]:hover  > .background,
' . $class_name . '.wpcf7-form-control[type^=\'submit\']:hover  > .background,
' . $class_name . '.post-sidebar .wpcf7-form-control.wpcf7-submit:hover  > .background,
button' . $class_name . '.color:hover  > .background,
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3:hover  > .background,
input[type=\'submit\']' . $class_name . ':hover  > .background,
input[type=\'submit\']' . $class_name . '.color:hover  > .background {
    border-radius: ' . $button_hover_border_radius . ';

    ' . $button_hover_border . '
    ' . $button_hover_bs . '
}

' . $class_name . ':hover  > .background > .image-layer,
button' . $class_name . ':hover  > .background > .image-layer,
' . $class_name . '.added_to_cart:hover  > .background > .image-layer,
' . $class_name . '.button:hover  > .background > .image-layer,
a' . $class_name . '.button:hover  > .background > .image-layer,
' . $class_name . '.button.color:hover  > .background > .image-layer,
' . $class_name . '.wpw-post-comments-wrapper:hover [type="submit"]  > .background > .image-layer,
' . $class_name . '.wpcf7-form-control[type^=\'submit\']:hover  > .background > .image-layer,
' . $class_name . '.post-sidebar .wpcf7-form-control.wpcf7-submit:hover  > .background > .image-layer,
button' . $class_name . '.color:hover  > .background > .image-layer,
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3:hover  > .background > .image-layer,
input[type=\'submit\']' . $class_name . ':hover  > .background > .image-layer,
input[type=\'submit\']' . $class_name . '.color:hover  > .background > .image-layer {
    background-image: url("' . $button_hover_bg['image'] . '");
}

' . $class_name . ':hover  > .background > .color-layer,
button' . $class_name . ':hover  > .background > .color-layer,
' . $class_name . '.added_to_cart:hover  > .background > .color-layer,
' . $class_name . '.button:hover  > .background > .color-layer,
a' . $class_name . '.button:hover  > .background > .color-layer,
' . $class_name . '.button.color:hover  > .background > .color-layer,
' . $class_name . '.wpw-post-comments-wrapper [type="submit"]:hover  > .background > .color-layer,
' . $class_name . '.wpcf7-form-control[type^=\'submit\']:hover  > .background > .color-layer,
' . $class_name . '.post-sidebar .wpcf7-form-control.wpcf7-submit:hover  > .background > .color-layer,
button' . $class_name . '.color:hover  > .background > .color-layer,
' . $class_name . '.wpw > .main > .main__wrapper div.vc_btn3-container > a.vc_btn3:hover  > .background > .color-layer,
input[type=\'submit\']' . $class_name . ':hover  > .background > .color-layer,
input[type=\'submit\']' . $class_name . '.color:hover  > .background > .color-layer {
     ' . $button_hover_bg['fill'] . '
}

';