<?php
$formatter = Wpw::inst()->formatter();
$tag = !empty($tag)
    ? $tag
    : '';
$default = 100;
switch ($tag) {
    case 'giant': {
        $default = 200;
    }
        break;
    case 'large': {
        $default = 150;
    }
        break;
    case 'small': {
        $default = 75;
    }
        break;
    case 'tiny': {
        $default = 50;
    }
        break;
}


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

// 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_md = $formatter->from_spacing_module($m_s_paddings, $m_s_module_md);
$m_s_paddings_sm = $formatter->from_spacing_module($m_s_paddings, $m_s_module_sm);
$m_s_paddings_xs = $formatter->from_spacing_module($m_s_paddings, $m_s_module_xs);

$path_vertical = '
    .' . $tag . '-size button,
    .' . $tag . '-size-button,
    .' . $tag . '-size .button,
    .' . $tag . '-size input[type="text"],
    .' . $tag . '-size input[type="search"],
    .' . $tag . '-size input[type="button"],
    .' . $tag . '-size input[type="submit"],
    .' . $tag . '-size input[type="tel"],
    .' . $tag . '-size input[type="email"],
    .' . $tag . '-size input[type="number"],
    .' . $tag . '-size-vertical button,
    .' . $tag . '-size-vertical-button,
    .' . $tag . '-size-vertical .button,
    .' . $tag . '-size-vertical input[type="text"],
    .' . $tag . '-size-vertical input[type="search"],
    .' . $tag . '-size-vertical input[type="button"],
    .' . $tag . '-size-vertical input[type="submit"],
    .' . $tag . '-size-vertical input[type="tel"],
    .' . $tag . '-size-vertical input[type="email"],
    .' . $tag . '-size-vertical input[type="number"],
    .' . $tag . '-size-vertical .input
';

$path_horizontal = '
    .' . $tag . '-size button,
    .' . $tag . '-size-button,
    .' . $tag . '-size .button,
    .' . $tag . '-size input[type="text"],
    .' . $tag . '-size input[type="search"],
    .' . $tag . '-size input[type="button"],
    .' . $tag . '-size input[type="submit"],
    .' . $tag . '-size input[type="tel"],
    .' . $tag . '-size input[type="email"],
    .' . $tag . '-size input[type="number"],
    .' . $tag . '-size-horizontal button,
    .' . $tag . '-size-horizontal-button,
    .' . $tag . '-size-horizontal .button,
    .' . $tag . '-size-horizontal input[type="text"],
    .' . $tag . '-size-horizontal input[type="search"],
    .' . $tag . '-size-horizontal input[type="button"],
    .' . $tag . '-size-horizontal input[type="submit"],
    .' . $tag . '-size-horizontal input[type="tel"],
    .' . $tag . '-size-horizontal input[type="email"],
    .' . $tag . '-size-horizontal input[type="number"],
    .' . $tag . '-size-horizontal .input
';


echo /** @lang CSS */
    '
@media (min-width: 992px) {
    
    ' . $path_vertical . ' {
        padding-top: ' . $m_s_paddings_md['top'] . ' !important;
        padding-bottom: ' . $m_s_paddings_md['bottom'] . ' !important;
    }
    
    ' . $path_horizontal . ' {
        padding-right: ' . $m_s_paddings_md['right'] . ' !important;
        padding-left: ' . $m_s_paddings_md['left'] . ' !important;
    }
   
}

@media (min-width: 768px) and (max-width: 991px) {
    
    ' . $path_vertical . ' {
        padding-top: ' . $m_s_paddings_sm['top'] . ' !important;
        padding-bottom: ' . $m_s_paddings_sm['bottom'] . ' !important;
    }
    
    ' . $path_horizontal . ' {
        padding-right: ' . $m_s_paddings_sm['right'] . ' !important;
        padding-left: ' . $m_s_paddings_sm['left'] . ' !important;
    }
  
}

@media (min-width: 0px) and (max-width: 767px) {
    
    ' . $path_vertical . ' {
        padding-top: ' . $m_s_paddings_xs['top'] . ' !important;
        padding-bottom: ' . $m_s_paddings_xs['bottom'] . ' !important;
    }
    
    ' . $path_horizontal . ' {
        padding-right: ' . $m_s_paddings_xs['right'] . ' !important;
        padding-left: ' . $m_s_paddings_xs['left'] . ' !important;
    }
   
}


';