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


$overlay_color = (isset($config['search_overlay_color']) && !empty($config['search_overlay_color']))
    ? $config['search_overlay_color']
    : '#000';
$input_placeholder_color = (isset($config['search_placeholder_color']) && !empty($config['search_placeholder_color']))
    ? $config['search_placeholder_color']
    : '#dce5e8';
$input_text_color = (isset($config['search_text_color']) && !empty($config['search_text_color']))
    ? $config['search_text_color']
    : '#000';

$typography = (isset($config['search_typography']) && !empty($config['search_typography']))
    ? $config['search_typography']
    : 'main';
$typography = $formatter->dynamic_typography($typography, '.widget-login-popup.project-popup input[type="text"],
.widget-login-popup.project-popup input[type="password"],
.widget-search-popup.project-popup input[type="text"] ');


$input_bg_color = (isset($config['search_input_bg_color']) && !empty($config['search_input_bg_color']))
    ? $config['search_input_bg_color']
    : 'rgba(0,0,0,0)';
$input_border_style = (isset($config['search_input_border_style']) && !empty($config['search_input_border_style']))
    ? $config['search_input_border_style']
    : 'solid';
$input_border_model = (isset($config['search_input_border_model']) && !empty($config['search_input_border_model']))
    ? $config['search_input_border_model']
    : null;
$input_border_color = (isset($config['search_input_border_color']) && !empty($config['search_input_border_color']))
    ? $config['search_input_border_color']
    : '#ffab00';
$input_border = $formatter->css_border($input_border_style, $input_border_model, $input_border_color, [
    'bottom' => [
        'number' => 2,
    ],
]);
$input_border_radius = (isset($config['search_input_border_radius']) && !empty($config['search_input_border_radius']))
    ? $config['search_input_border_radius']
    : null;
$input_border_radius = $formatter->css_spacing($input_border_radius);
$input_padding = (isset($config['search_input_padding']) && !empty($config['search_input_padding']))
    ? $config['search_input_padding']
    : null;
$input_padding = $formatter->css_spacing($input_padding, [
    'top' => [
        'number' => 8,
    ],
    'bottom' => [
        'number' => 8,
    ],
]);


echo /** @lang CSS */
    '


.widget-search-popup.project-popup  ::-webkit-input-placeholder,
.widget-login-popup.project-popup  ::-webkit-input-placeholder {
    color: ' . $input_placeholder_color . ';
}
.widget-search-popup.project-popup  ::-moz-placeholder,
.widget-login-popup.project-popup  ::-moz-placeholder {
    color: ' . $input_placeholder_color . ';
}
.widget-login-popup.project-popup  :-ms-input-placeholder,
.widget-search-popup.project-popup  :-ms-input-placeholder {
    color: ' . $input_placeholder_color . ';
}
.widget-login-popup.project-popup  :-moz-placeholder,
.widget-search-popup.project-popup  :-moz-placeholder {
    color: ' . $input_placeholder_color . ';
}

.widget-login-popup.project-popup,
.widget-search-popup.project-popup {
    background-color: ' . $overlay_color . ';
}

.widget-login-popup.project-popup input[type="text"],
.widget-login-popup.project-popup input[type="password"],
.widget-search-popup.project-popup input[type="text"] {
    color: ' . $input_text_color . ';
    
    border-top: ' . $input_border['top'] . ';
    border-bottom: ' . $input_border['bottom'] . ';
    border-right: ' . $input_border['right'] . ';
    border-left: ' . $input_border['left'] . ';
    background-color: ' . $input_bg_color . ';
    
    padding: ' . $input_padding . ';
    border-radius: ' . $input_border_radius . ';
}

' . $typography . '

.widget-login-popup__close:before, 
.widget-login-popup__close:after, 
.widget-search-popup__close:before, 
.widget-search-popup__close:after {
    border-color: ' . $input_text_color . ';
}

';