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

$class_name = !empty($config['class_name'])
    ? '.' . $config['class_name']
    : '';

// Title ===========================
// color
$widget_title_text_color = !empty($config['widget_title_text_color'])
    ? $storage->get($config['widget_title_text_color'])
    : '';
$widget_title_border_color = !empty($config['widget_title_border_color'])
    ? $storage->get($config['widget_title_border_color'])
    : '';

// typography
$widget_title_typography = !empty($config['widget_title_typography'])
    ? $config['widget_title_typography']
    : 'main';
$widget_title_typography = $formatter->dynamic_typography($widget_title_typography,
    $class_name . '.widget .widget-title ');
$widget_title_text_align = !empty($config['widget_title_text_align'])
    ? $config['widget_title_text_align']
    : 'left';

// indents
$widget_title_paddings = !empty($config['widget_title_paddings'])
    ? $formatter->css_spacing($config['widget_title_paddings'])
    : '';
$widget_title_margins = !empty($config['widget_title_margins'])
    ? $formatter->css_spacing($config['widget_title_margins'])
    : '';

// border
$widget_title_border_style = !empty($config['widget_title_border_style'])
    ? $config['widget_title_border_style']
    : 'none';
$widget_title_border_model = !empty($config['widget_title_border_model'])
    ? $formatter->css_spacing($config['widget_title_border_model'])
    : '';
$widget_title_border_radius = !empty($config['widget_title_border_radius'])
    ? $formatter->css_spacing($config['widget_title_border_radius'])
    : '';

// bg
$widget_title_bg = !empty($config['widget_title_bg'])
    ? $config['widget_title_bg']
    : '';
$widget_title_bg = $formatter->from_bg($widget_title_bg);

// shadow
$widget_title_bs_hl = !empty($config['widget_title_bs_hl'])
    ? $formatter->css_scalar($config['widget_title_bs_hl'])
    : '0';
$widget_title_bs_vl = !empty($config['widget_title_bs_vl'])
    ? $formatter->css_scalar($config['widget_title_bs_vl'])
    : '0';
$widget_title_bs_br = !empty($config['widget_title_bs_br'])
    ? $formatter->css_scalar($config['widget_title_bs_br'])
    : '0';
$widget_title_bs_sr = !empty($config['widget_title_bs_sr'])
    ? $formatter->css_scalar($config['widget_title_bs_sr'])
    : '0';
$widget_title_bs_color = !empty($config['widget_title_bs_color'])
    ? $storage->get($config['widget_title_bs_color'])
    : 'transparent';
$widget_title_bs = " box-shadow: {$widget_title_bs_hl}
                                {$widget_title_bs_vl}
                                {$widget_title_bs_br}
                                {$widget_title_bs_sr}
                                {$widget_title_bs_color}; ";


// Wrapper =========================
// color
$widget_wrapper_text_color = !empty($config['widget_wrapper_text_color'])
    ? $storage->get($config['widget_wrapper_text_color'])
    : '';
$widget_wrapper_border_color = !empty($config['widget_wrapper_border_color'])
    ? $storage->get($config['widget_wrapper_border_color'])
    : '';

// typography
$widget_wrapper_text_typography = !empty($config['widget_wrapper_text_typography'])
    ? $formatter->dynamic_typography($config['widget_wrapper_text_typography'], $class_name . '.widget,
 '.$class_name.'.widget_archive li,
 '.$class_name.'.widget_categories li,
 '.$class_name.'.widget tbody,
 '.$class_name.'.widget td,
 '.$class_name.'.widget thead,
 '.$class_name.'.widget label,
 '.$class_name.'.widget .woocommerce-Price-amount.amount,
 '.$class_name.'.widget ul li .post-date,
 '.$class_name.'.widget ul li .project-product__content')
    : '';

// indents
$widget_wrapper_paddings = !empty($config['widget_wrapper_paddings'])
    ? $formatter->css_spacing($config['widget_wrapper_paddings'])
    : '';
$widget_wrapper_margins = !empty($config['widget_wrapper_margins'])
    ? $formatter->css_spacing($config['widget_wrapper_margins'])
    : '';

// border
$widget_wrapper_border_style = !empty($config['widget_wrapper_border_style'])
    ? $config['widget_wrapper_border_style']
    : 'none';
$widget_wrapper_border_model = !empty($config['widget_wrapper_border_model'])
    ? $formatter->css_spacing($config['widget_wrapper_border_model'])
    : '';
$widget_wrapper_border_radius = !empty($config['widget_wrapper_border_radius'])
    ? $formatter->css_spacing($config['widget_wrapper_border_radius'])
    : '';

// bg
$widget_wrapper_bg = !empty($config['widget_wrapper_bg'])
    ? $config['widget_wrapper_bg']
    : '';
$widget_wrapper_bg = $formatter->from_bg($widget_wrapper_bg);

// shadow
$widget_wrapper_bs_hl = !empty($config['widget_wrapper_bs_hl'])
    ? $formatter->css_scalar($config['widget_wrapper_bs_hl'])
    : '0';
$widget_wrapper_bs_vl = !empty($config['widget_wrapper_bs_vl'])
    ? $formatter->css_scalar($config['widget_wrapper_bs_vl'])
    : '0';
$widget_wrapper_bs_br = !empty($confgi['widget_wrapper_bs_br'])
    ? $formatter->css_scalar($confgi['widget_wrapper_bs_br'])
    : '0';
$widget_wrapper_bs_sr = !empty($config['widget_wrapper_bs_sr'])
    ? $formatter->css_scalar($config['widget_wrapper_bs_sr'])
    : '0';
$widget_wrapper_bs_color = !empty($config['widget_wrapper_bs_color'])
    ? $storage->get($config['widget_wrapper_bs_color'])
    : 'transparent';
$widget_wrapper_bs = " box-shadow: {$widget_wrapper_bs_hl}
                                    {$widget_wrapper_bs_vl}
                                    {$widget_wrapper_bs_br}
                                    {$widget_wrapper_bs_sr}
                                    {$widget_wrapper_bs_color}; ";


$style = /** @lang CSS */
    '
' . $widget_title_typography . '
' . $widget_wrapper_text_typography . '


/*WIDGET STYLE*/
'.$class_name.'.widget .calendar_wrap td,
'.$class_name.'.widget ul li,
'.$class_name.'.widget ol li {
    color: ' . $widget_wrapper_text_color . ';
}


'.$class_name.'.widget {
    color: ' . $widget_wrapper_text_color . ';

    padding: ' . $widget_wrapper_paddings . ';
    margin: ' . $widget_wrapper_margins . ';

    border-color: ' . $widget_wrapper_border_color . ';
    border-style: ' . $widget_wrapper_border_style . ';
    border-width: ' . $widget_wrapper_border_model . ';
    border-radius: ' . $widget_wrapper_border_radius . ';

    ' . $widget_wrapper_bs . '
}

'.$class_name.'.widget  > .background > .color-layer {
    ' . $widget_wrapper_bg['fill'] . '
}

'.$class_name.'.widget  > .background > .pattern-layer {
    background-image: url("' . $widget_wrapper_bg['pattern'] . '");
    opacity: '.$widget_wrapper_bg['pattern_opacity_parsed'].';
}

'.$class_name.'.widget  > .background > .image-layer {
    background-image: url("' . $widget_wrapper_bg['image'] . '");
}

'.$class_name.'.widget .widget-title {
    color: ' . $widget_title_text_color . ';
    text-align: ' . $widget_title_text_align . ';

    padding: ' . $widget_title_paddings . ';
    margin: ' . $widget_title_margins . ';

    border-color: ' . $widget_title_border_color . ';
    border-style: ' . $widget_title_border_style . ';
    border-width: ' . $widget_title_border_model . ';
    border-radius: ' . $widget_title_border_radius . ';

    ' . $widget_title_bs . '
}

'.$class_name.'.widget .widget-title__wrapper > .background > .color-layer {
    ' . $widget_title_bg['fill'] . '
}

'.$class_name.'.widget .widget-title_wrapper > .background > .image-layer {
    background-image: url("' . $widget_title_bg['image'] . '");
}

'.$class_name.'.widget .widget-title_wrapper > .background > .pattern-layer {
    background-image: url("' . $widget_title_bg['pattern'] . '");
    opacity: '.$widget_title_bg['pattern_opacity_parsed'].';
}

';

print($style);