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

$height = !empty($config['carousel_height'])
    ? $config['carousel_height']
    : '';
if (trim(strtolower($height)) == 'auto') {
    $height = '';
} else {
    $height = floatval($height);
}

// prev next styles - default

// prev =================
$size = '%7B%22number%22%3A%2214%22%2C%22unit%22%3A%22%22%7D';

$carousel_prev_color = !empty($config['carousel_prev_color'])
    ? $storage->get($config['carousel_prev_color'])
    : '';
$carousel_prev_bg = !empty($config['carousel_prev_bg'])
    ? $storage->get($config['carousel_prev_bg'])
    : '';
$carousel_prev_border_color = !empty($config['carousel_prev_border_color'])
    ? $storage->get($config['carousel_prev_border_color'])
    : '';

$carousel_prev_border_style = !empty($config['carousel_prev_border_style'])
    ? $config['carousel_prev_border_style']
    : 'none';
$carousel_prev_border_model = !empty($config['carousel_prev_border_model'])
    ? $config['carousel_prev_border_model']
    : '';
$carousel_prev_border_model = $formatter->css_spacing($carousel_prev_border_model);
$carousel_prev_border_radius = !empty($config['carousel_prev_border_radius'])
    ? $config['carousel_prev_border_radius']
    : '';
$carousel_prev_border_radius = $formatter->css_spacing($carousel_prev_border_radius);

$carousel_prev_padding = !empty($config['carousel_prev_padding'])
    ? $config['carousel_prev_padding']
    : [
        'top' => [
            'number' => 21,
        ],
        'bottom' => [
            'number' => 21,
        ],
        'right' => [
            'number' => 21,
        ],
        'left' => [
            'number' => 21,
        ],
    ];
$carousel_prev_padding = $formatter->css_spacing($carousel_prev_padding);
$carousel_prev_margin = !empty($config['carousel_prev_margin'])
    ? $config['carousel_prev_margin']
    : '';
$carousel_prev_margin = $formatter->css_spacing($carousel_prev_margin);

$carousel_prev_size = !empty($config['carousel_prev_size'])
    ? $config['carousel_prev_size']
    : $size;
$carousel_prev_size = $formatter->css_scalar($carousel_prev_size);
$carousel_next_size = !empty($config['carousel_next_size'])
    ? $config['carousel_next_size']
    : $size;
$carousel_next_size = $formatter->css_scalar($carousel_next_size);

$carousel_prev_typography = !empty($config['carousel_prev_typography'])
    ? $config['carousel_prev_typography']
    : 'main';
$carousel_prev_typography = $formatter->dynamic_typography($carousel_prev_typography, ' .project-carousel .owl-prev ');

// next =========================
$carousel_next_color = !empty($config['carousel_next_color'])
    ? $storage->get($config['carousel_next_color'])
    : '';
$carousel_next_bg = !empty($config['carousel_next_bg'])
    ? $storage->get($config['carousel_next_bg'])
    : '';
$carousel_next_border_color = !empty($config['carousel_next_border_color'])
    ? $storage->get($config['carousel_next_border_color'])
    : '';

$carousel_next_border_style = !empty($config['carousel_next_border_style'])
    ? $config['carousel_next_border_style']
    : 'none';
$carousel_next_border_model = !empty($config['carousel_next_border_model'])
    ? $config['carousel_next_border_model']
    : '';
$carousel_next_border_model = $formatter->css_spacing($carousel_next_border_model);
$carousel_next_border_radius = !empty($config['carousel_next_border_radius'])
    ? $config['carousel_next_border_radius']
    : '';
$carousel_next_border_radius = $formatter->css_spacing($carousel_next_border_radius);

$carousel_next_padding = !empty($config['carousel_next_padding'])
    ? $config['carousel_next_padding']
    : [
        'top' => [
            'number' => 21,
        ],
        'bottom' => [
            'number' => 21,
        ],
        'right' => [
            'number' => 21,
        ],
        'left' => [
            'number' => 21,
        ],
    ];
$carousel_next_padding = $formatter->css_spacing($carousel_next_padding);
$carousel_next_margin = !empty($config['carousel_next_margin'])
    ? $config['carousel_next_margin']
    : '';
$carousel_next_margin = $formatter->css_spacing($carousel_next_margin);


// prev next styles - hover
// prev ============================
$carousel_prev_hover_color = !empty($config['carousel_prev_hover_color'])
    ? $storage->get($config['carousel_prev_hover_color'])
    : '';
$carousel_prev_hover_bg = !empty($config['carousel_prev_hover_bg'])
    ? $storage->get($config['carousel_prev_hover_bg'])
    : '';
$carousel_prev_hover_border_color = !empty($config['carousel_prev_hover_border_color'])
    ? $storage->get($config['carousel_prev_hover_border_color'])
    : '';

$carousel_prev_hover_border_style = !empty($config['carousel_prev_hover_border_style'])
    ? $config['carousel_prev_hover_border_style']
    : 'none';
$carousel_prev_hover_border_model = !empty($config['carousel_prev_hover_border_model'])
    ? $config['carousel_prev_hover_border_model']
    : '';
$carousel_prev_hover_border_model = $formatter->css_spacing($carousel_prev_hover_border_model);
$carousel_prev_hover_border_radius = !empty($config['carousel_prev_hover_border_radius'])
    ? $config['carousel_prev_hover_border_radius']
    : '';
$carousel_prev_hover_border_radius = $formatter->css_spacing($carousel_prev_hover_border_radius);

$carousel_prev_hover_padding = !empty($config['carousel_prev_hover_padding'])
    ? $config['carousel_prev_hover_padding']
    : '';
$carousel_prev_hover_padding = $formatter->css_spacing($carousel_prev_hover_padding);
$carousel_prev_hover_margin = !empty($config['carousel_prev_hover_margin'])
    ? $config['carousel_prev_hover_margin']
    : '';
$carousel_prev_hover_margin = $formatter->css_spacing($carousel_prev_hover_margin);

// next  =========================
$carousel_next_hover_color = !empty($config['carousel_next_hover_color'])
    ? $storage->get($config['carousel_next_hover_color'])
    : '';
$carousel_next_hover_bg = !empty($config['carousel_next_hover_bg'])
    ? $storage->get($config['carousel_next_hover_bg'])
    : '';
$carousel_next_hover_border_color = !empty($config['carousel_next_hover_border_color'])
    ? $storage->get($config['carousel_next_hover_border_color'])
    : '';

$carousel_next_hover_border_style = !empty($config['carousel_next_hover_border_style'])
    ? $config['carousel_next_hover_border_style']
    : 'none';
$carousel_next_hover_border_model = !empty($config['carousel_next_hover_border_model'])
    ? $config['carousel_next_hover_border_model']
    : '';
$carousel_next_hover_border_model = $formatter->css_spacing($carousel_next_hover_border_model);
$carousel_next_hover_border_radius = !empty($config['carousel_next_hover_border_radius'])
    ? $config['carousel_next_hover_border_radius']
    : '';
$carousel_next_hover_border_radius = $formatter->css_spacing($carousel_next_hover_border_radius);

$carousel_next_hover_padding = !empty($config['carousel_next_hover_padding'])
    ? $config['carousel_next_hover_padding']
    : '';
$carousel_next_hover_padding = $formatter->css_spacing($carousel_next_hover_padding);
$carousel_next_hover_margin = !empty($config['carousel_next_hover_margin'])
    ? $config['carousel_next_hover_margin']
    : '';
$carousel_next_hover_margin = $formatter->css_spacing($carousel_next_hover_margin);

$carousel_next_typography = !empty($config['carousel_next_hover_typography'])
    ? $config['carousel_next_hover_typography']
    : 'main';
$carousel_next_typography = $formatter->dynamic_typography($carousel_next_typography, '.project-carousel .owl-next');


// pagination styles

$pagination_bg = !empty($config['carousel_pagination_bg'])
    ? $config['carousel_pagination_bg']
    : null;
$pagination_bg = $storage->get($pagination_bg);
$pagination_hover_bg = !empty($config['carousel_pagination_hover_bg'])
    ? $config['carousel_pagination_hover_bg']
    : null;
$pagination_hover_bg = $storage->get($pagination_hover_bg);
$pagination_active_bg = !empty($config['carousel_pagination_active_bg'])
    ? $config['carousel_pagination_active_bg']
    : null;
$pagination_active_bg = $storage->get($pagination_active_bg);

$carousel_pagination_bs_bg = !empty($config['carousel_pagination_bs_bg'])
    ? $config['carousel_pagination_bs_bg']
    : '';
$carousel_pagination_bs_bg = $storage->get($carousel_pagination_bs_bg);
$carousel_pagination_bs_hover_bg = !empty($config['carousel_pagination_bs_hover_bg'])
    ? $config['carousel_pagination_bs_hover_bg']
    : '';
$carousel_pagination_bs_hover_bg = $storage->get($carousel_pagination_bs_hover_bg);
$carousel_pagination_bs_active_bg = !empty($config['carousel_pagination_bs_active_bg'])
    ? $config['carousel_pagination_bs_active_bg']
    : '';
$carousel_pagination_bs_active_bg = $storage->get($carousel_pagination_bs_active_bg);

echo /** @lang CSS */
    '

'.$carousel_prev_typography.'

'.$carousel_next_typography.'

.project-carousel .owl-prev i[class*="ib-"] {
    color: ' . $carousel_prev_color . ';
}

.project-carousel .owl-next i[class*="ib-"] {
    color: ' . $carousel_next_color . ';
}

.project-carousel .owl-prev,
.project-carousel .owl-prev i[class*="ib-"] {
    font-size: ' . $carousel_prev_size . ';
}


.project-carousel .owl-next,
.project-carousel .owl-next i[class*="ib-"] {
    font-size: ' . $carousel_next_size . ';
}

.project-carousel .owl-prev {
    color: ' . $carousel_prev_color . ';
    background-color: ' . $carousel_prev_bg . ';

    padding: ' . $carousel_prev_padding . ';
    margin: ' . $carousel_prev_margin . ';
    border-color: ' . $carousel_prev_border_color . ';
    border-style: ' . $carousel_prev_border_style . ';
    border-width: ' . $carousel_prev_border_model . ';

    border-radius: ' . $carousel_prev_border_radius . ';
}

.project-carousel .owl-next {
    color: ' . $carousel_next_color . ';
    background-color: ' . $carousel_next_bg . ';

    padding: ' . $carousel_next_padding . ';
    margin: ' . $carousel_next_margin . ';
    border-color: ' . $carousel_next_border_color . ';
    border-style: ' . $carousel_next_border_style . ';
    border-width: ' . $carousel_next_border_model . ';

    border-radius: ' . $carousel_next_border_radius . ';
}

.project-carousel .owl-prev:hover {
    color: ' . $carousel_prev_hover_color . ';
    background-color: ' . $carousel_prev_hover_bg . ';

    border-color: ' . $carousel_prev_hover_border_color . ';
    border-style: ' . $carousel_prev_hover_border_style . ';
    border-width: ' . $carousel_prev_hover_border_model . ';

    border-radius: ' . $carousel_prev_hover_border_radius . ';
}

.project-carousel .owl-next:hover {
    color: ' . $carousel_next_hover_color . ';
    background-color: ' . $carousel_next_hover_bg . ';

    border-color: ' . $carousel_next_hover_border_color . ';
    border-style: ' . $carousel_next_hover_border_style . ';
    border-width: ' . $carousel_next_hover_border_model . ';

    border-radius: ' . $carousel_next_hover_border_radius . ';
}

.project-carousel .owl-prev:hover i[class*="ib-"] {
    color: ' . $carousel_prev_hover_color . ';
}

.project-carousel .owl-next:hover i[class*="ib-"] {
    color: ' . $carousel_next_hover_color . ';
}


.project-carousel .owl-dot:after {
    border-color: ' . $pagination_bg . ';
}

.project-carousel .owl-dot:before {
    background-color: ' . $pagination_active_bg . ';
}

.project-carousel .owl-dot:hover:after {
    background-color: ' . $pagination_hover_bg . ';
}

.project-carousel .owl-dot:hover:before {
    background-color: ' . $pagination_hover_bg . ';
}

.project-carousel .owl-dot {
    box-shadow: 0 2px 4px 0 ' . $carousel_pagination_bs_bg . ';
}

.project-carousel .owl-dot:hover {
    box-shadow: 0 2px 4px 0 ' . $carousel_pagination_bs_hover_bg . ';
}

.project-carousel .owl-dot.active {
    box-shadow: 0 2px 4px 0 ' . $carousel_pagination_bs_active_bg . ';
}


';