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

$default_spaces = [
    'top' => [
        'number' => 100,
    ],
    'bottom' => [
        'number' => 100,
    ],
    'right' => [
        'number' => 100,
    ],
    'left' => [
        'number' => 100,
    ],
];

$tag = !empty($tag)
    ? $tag
    : '';

// module

$m_s_module_md = !empty($config['m_s_module_md'])
    ? $config['m_s_module_md']
    : '15';
$m_s_module_md = intval($m_s_module_md);

$m_s_module_sm = !empty($config['m_s_module_sm'])
    ? $config['m_s_module_sm']
    : '10';
$m_s_module_sm = intval($m_s_module_sm);

$m_s_module_xs = !empty($config['m_s_module_xs'])
    ? $config['m_s_module_xs']
    : '5';
$m_s_module_xs = intval($m_s_module_xs);

// generic

$m_s_paddings = !empty($config['m_s_' . $tag . '_paddings'])
    ? $config['m_s_' . $tag . '_paddings']
    : $default_spaces;
$m_s_paddings_sm = !empty($config['m_s_' . $tag . '_paddings_sm'])
    ? $config['m_s_' . $tag . '_paddings_sm']
    : $default_spaces;
$m_s_paddings_xs = !empty($config['m_s_' . $tag . '_paddings_xs'])
    ? $config['m_s_' . $tag . '_paddings_xs']
    : $default_spaces;
$m_s_paddings_md = $formatter->from_spacing_module($m_s_paddings, $m_s_module_md);
$m_s_paddings_sm = $formatter->from_spacing_module($m_s_paddings_sm, $m_s_module_sm);
$m_s_paddings_xs = $formatter->from_spacing_module($m_s_paddings_xs, $m_s_module_xs);

if ($tag == 'section') {
    $m_s_paddings_md['right'] = $m_s_paddings_md['left'] = '';
    $m_s_paddings_sm['right'] = $m_s_paddings_sm['left'] = '';
    $m_s_paddings_xs['right'] = $m_s_paddings_xs['left'] = '';
}

$m_s_margins = !empty($config['m_s_' . $tag . '_margins'])
    ? $config['m_s_' . $tag . '_margins']
    : $default_spaces;
$m_s_margins_sm = !empty($config['m_s_' . $tag . '_margins_sm'])
    ? $config['m_s_' . $tag . '_margins_sm']
    : $default_spaces;
$m_s_margins_xs = !empty($config['m_s_' . $tag . '_margins_xs'])
    ? $config['m_s_' . $tag . '_margins_xs']
    : $default_spaces;
$m_s_margins_md = $formatter->from_spacing_module($m_s_margins, $m_s_module_md);
$m_s_margins_sm = $formatter->from_spacing_module($m_s_margins_sm, $m_s_module_sm);
$m_s_margins_xs = $formatter->from_spacing_module($m_s_margins_xs, $m_s_module_xs);

echo /** @lang CSS */
    '


@media (min-width: 992px) {
    
    
    .' . $tag . '-indents,
    .' . $tag . '-md-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-md-inner-indents ,
    .' . $tag . '-inner-indents-top,
    .' . $tag . '-md-inner-indents-top {
        padding-top: ' . $m_s_paddings_md['top'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-md-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-md-inner-indents ,
    .' . $tag . '-inner-indents-bottom,
    .' . $tag . '-md-inner-indents-bottom {
        padding-bottom: ' . $m_s_paddings_md['bottom'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-md-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-md-inner-indents ,
    .' . $tag . '-inner-indents-right,
    .' . $tag . '-md-inner-indents-right {
        padding-right: ' . $m_s_paddings_md['right'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-md-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-md-inner-indents ,
    .' . $tag . '-inner-indents-left,
    .' . $tag . '-md-inner-indents-left {
        padding-left: ' . $m_s_paddings_md['left'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-md-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-md-outer-indents,
    .' . $tag . '-outer-indents-top,
    .' . $tag . '-md-outer-indents-top {
        margin-top: ' . $m_s_margins_md['top'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-md-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-md-outer-indents,
    .' . $tag . '-outer-indents-bottom,
    .' . $tag . '-md-outer-indents-bottom {
        margin-bottom: ' . $m_s_margins_md['bottom'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-md-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-md-outer-indents,
    .' . $tag . '-outer-indents-right,
    .' . $tag . '-md-outer-indents-right {
        margin-right: ' . $m_s_margins_md['right'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-md-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-md-outer-indents,
    .' . $tag . '-outer-indents-left,
    .' . $tag . '-md-outer-indents-left {
        margin-left: ' . $m_s_margins_md['left'] . ' !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    

    .' . $tag . '-indents,
    .' . $tag . '-sm-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-sm-inner-indents ,
    .' . $tag . '-inner-indents-top,
    .' . $tag . '-sm-inner-indents-top {
        padding-top: ' . $m_s_paddings_sm['top'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-sm-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-sm-inner-indents ,
    .' . $tag . '-inner-indents-bottom,
    .' . $tag . '-sm-inner-indents-bottom {
        padding-bottom: ' . $m_s_paddings_sm['bottom'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-sm-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-sm-inner-indents ,
    .' . $tag . '-inner-indents-righ,
    .' . $tag . '-sm-inner-indents-right {
        padding-right: ' . $m_s_paddings_sm['right'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-sm-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-sm-inner-indents ,
    .' . $tag . '-inner-indents-left,
    .' . $tag . '-sm-inner-indents-left {
        padding-left: ' . $m_s_paddings_sm['left'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-sm-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-sm-outer-indents,
    .' . $tag . '-outer-indents-top,
    .' . $tag . '-sm-outer-indents-top {
        margin-top: ' . $m_s_margins_sm['top'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-sm-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-sm-outer-indents,
    .' . $tag . '-outer-indents-bottom,
    .' . $tag . '-sm-outer-indents-bottom {
        margin-bottom: ' . $m_s_margins_sm['bottom'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-sm-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-sm-outer-indents,
    .' . $tag . '-outer-indents-right,
    .' . $tag . '-sm-outer-indents-right {
        margin-right: ' . $m_s_margins_sm['right'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-sm-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-sm-outer-indents,
    .' . $tag . '-outer-indents-left,
    .' . $tag . '-sm-outer-indents-left {
        margin-left: ' . $m_s_margins_sm['left'] . ' !important;
    }
}

@media (min-width: 0px) and (max-width: 767px) {

    
    .' . $tag . '-indents,
    .' . $tag . '-xs-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-xs-inner-indents ,
    .' . $tag . '-inner-indents-top,
    .' . $tag . '-xs-inner-indents-top {
        padding-top: ' . $m_s_paddings_xs['top'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-xs-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-xs-inner-indents ,
    .' . $tag . '-inner-indents-bottom,
    .' . $tag . '-xs-inner-indents-bottom {
        padding-bottom: ' . $m_s_paddings_xs['bottom'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-xs-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-xs-inner-indents ,
    .' . $tag . '-inner-indents-right,
    .' . $tag . '-xs-inner-indents-right {
        padding-right: ' . $m_s_paddings_xs['right'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-xs-indents,
    .' . $tag . '-inner-indents ,
    .' . $tag . '-xs-inner-indents ,
    .' . $tag . '-inner-indents-left,
    .' . $tag . '-xs-inner-indents-left {
        padding-left: ' . $m_s_paddings_xs['left'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-xs-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-xs-outer-indents,
    .' . $tag . '-outer-indents-top,
    .' . $tag . '-xs-outer-indents-top {
        margin-top: ' . $m_s_margins_xs['top'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-xs-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-xs-outer-indents,
    .' . $tag . '-outer-indents-bottom,
    .' . $tag . '-xs-outer-indents-bottom {
        margin-bottom: ' . $m_s_margins_xs['bottom'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-xs-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-xs-outer-indents,
    .' . $tag . '-outer-indents-right,
    .' . $tag . '-xs-outer-indents-right {
        margin-right: ' . $m_s_margins_xs['right'] . ' !important;
    }
    
    .' . $tag . '-indents,
    .' . $tag . '-xs-indents,
    .' . $tag . '-outer-indents,
    .' . $tag . '-xs-outer-indents,
    .' . $tag . '-outer-indents-left,
    .' . $tag . '-xs-outer-indents-left {
        margin-left: ' . $m_s_margins_xs['left'] . ' !important;
    }
}


';