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

$class_name = !empty($config['class_name'])
    ? '.' . $config['class_name']
    : '.cloud-widget-primary';

/**
 * General
 */
$cw_cloud_text_align = !empty($config['cw_cloud_text_align'])
    ? $config['cw_cloud_text_align']
    : 'left';

/**
 * Delimiter style
 */
// color ====================
$cw_cloud_delimiter_text_color = !empty($config['cw_cloud_delimiter_text_color'])
    ? $storage->get($config['cw_cloud_delimiter_text_color'])
    : '';
$cw_cloud_delimiter_border_color = !empty($config['cw_cloud_delimiter_border_color'])
    ? $storage->get($config['cw_cloud_delimiter_border_color'])
    : '';

// typography ===============
$cw_cloud_delimiter_typography = !empty($config['cw_cloud_delimiter_typography'])
    ? $config['cw_cloud_delimiter_typography']
    : 'main';
$cw_cloud_delimiter_typography = $formatter->dynamic_typography($cw_cloud_delimiter_typography, $class_name.' .wpw-cloud .wpw-cloud__item-separator ');

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

// border ===================
$cw_cloud_delimiter_border_style = !empty($config['cw_cloud_delimiter_border_style'])
    ? $config['cw_cloud_delimiter_border_style']
    : 'none';
$cw_cloud_delimiter_border_model = !empty($config['cw_cloud_delimiter_border_model'])
    ? $formatter->css_spacing($config['cw_cloud_delimiter_border_model'])
    : '';
$cw_cloud_delimiter_border_radius = !empty($config['cw_cloud_delimiter_border_radius'])
    ? $formatter->css_spacing($config['cw_cloud_delimiter_border_radius'])
    : '';

// shadow ===================
$cw_cloud_delimiter_bs_hl = !empty($config['cw_cloud_delimiter_bs_hl'])
    ? $formatter->css_scalar($config['cw_cloud_delimiter_bs_hl'])
    : '0';
$cw_cloud_delimiter_bs_vl = !empty($config['cw_cloud_delimiter_bs_vl'])
    ? $formatter->css_scalar($config['cw_cloud_delimiter_bs_vl'])
    : '0';
$cw_cloud_delimiter_bs_br = !empty($config['cw_cloud_delimiter_bs_br'])
    ? $formatter->css_scalar($config['cw_cloud_delimiter_bs_br'])
    : '0';
$cw_cloud_delimiter_bs_sr = !empty($config['cw_cloud_delimiter_bs_sr'])
    ? $formatter->css_scalar($config['cw_cloud_delimiter_bs_sr'])
    : '0';
$cw_cloud_delimiter_bs_color = !empty($config['cw_cloud_delimiter_bs_color'])
    ? $storage->get($config['cw_cloud_delimiter_bs_color'])
    : 'transparent';
$cw_cloud_delimiter_bs = " box-shadow: {$cw_cloud_delimiter_bs_hl}
                                        {$cw_cloud_delimiter_bs_vl}
                                        {$cw_cloud_delimiter_bs_br}
                                        {$cw_cloud_delimiter_bs_sr}
                                        {$cw_cloud_delimiter_bs_color}; ";

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

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

// border ==================
$cw_cloud_wrapper_border_style = !empty($config['cw_cloud_wrapper_border_style'])
    ? $config['cw_cloud_wrapper_border_style']
    : 'none';
$cw_cloud_wrapper_border_model = !empty($config['cw_cloud_wrapper_border_model'])
    ? $formatter->css_spacing($config['cw_cloud_wrapper_border_model'])
    : '';
$cw_cloud_wrapper_border_radius = !empty($config['cw_cloud_wrapper_border_radius'])
    ? $formatter->css_spacing($config['cw_cloud_wrapper_border_radius'])
    : '';

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

// shadow =================
$cw_cloud_wrapper_bs_hl = !empty($config['cw_cloud_wrapper_bs_hl'])
    ? $formatter->css_scalar($config['cw_cloud_wrapper_bs_hl'])
    : '0';
$cw_cloud_wrapper_bs_vl = !empty($config['cw_cloud_wrapper_bs_vl'])
    ? $formatter->css_scalar($config['cw_cloud_wrapper_bs_vl'])
    : '0';
$cw_cloud_wrapper_bs_br = !empty($config['cw_cloud_wrapper_bs_br'])
    ? $formatter->css_scalar($config['cw_cloud_wrapper_bs_br'])
    : '0';
$cw_cloud_wrapper_bs_sr = !empty($config['cw_cloud_wrapper_bs_sr'])
    ? $formatter->css_scalar($config['cw_cloud_wrapper_bs_sr'])
    : '0';
$cw_cloud_wrapper_bs_color = !empty($config['cw_cloud_wrapper_bs_color'])
    ? $storage->get($config['cw_cloud_wrapper_bs_color'])
    : 'transparent';
$cw_cloud_wrapper_bs = " box-shadow: {$cw_cloud_wrapper_bs_hl}
                                    {$cw_cloud_wrapper_bs_vl}
                                    {$cw_cloud_wrapper_bs_br}
                                    {$cw_cloud_wrapper_bs_sr}
                                    {$cw_cloud_wrapper_bs_color}; ";

echo '

'.$cw_cloud_delimiter_typography.'

'.$class_name.'.widget.wpw-widget .wpw-cloud {
    text-align: '.$cw_cloud_text_align.';
}

'.$class_name.'.widget.wpw-widget {

    border-color: '.$cw_cloud_wrapper_border_color.';
    border-style: '.$cw_cloud_wrapper_border_style.';
    border-width: '.$cw_cloud_wrapper_border_model.';
    border-radius: '.$cw_cloud_wrapper_border_radius.';

    padding: '.$cw_cloud_wrapper_paddings.';
    margins: '.$cw_cloud_wrapper_margins.';

    '.$cw_cloud_wrapper_bs.'
}

'.$class_name.' .wpw-cloud .wpw-cloud__item-separator {
    color: '.$cw_cloud_delimiter_text_color.';

    border-color: '.$cw_cloud_delimiter_border_color.';
    border-style: '.$cw_cloud_delimiter_border_style.';
    border-width: '.$cw_cloud_delimiter_border_model.';
    border-radius: '.$cw_cloud_delimiter_border_radius.';

    padding: '.$cw_cloud_delimiter_paddings.';
    margins: '.$cw_cloud_delimiter_margins.';

    '.$cw_cloud_delimiter_bs.'
}

'.$class_name.'.widget.wpw-widget > .background > .color-layer {
    background-color: '.$cw_cloud_wrapper_bg['color'].';
}

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

'.$class_name.'.widget.wpw-widget > .background > .gradient-layer {
    '.$cw_cloud_wrapper_bg['gradient'].';
}

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

';