<?php

namespace App;

$muy_search_button_background_color = get_theme_mod('muy_search_button_background_color', muy_default_color('main'));
$muy_search_button_invert_color = get_theme_mod('muy_search_button_invert_color', muy_default_color('main'));
$muy_search_button_link_color = get_theme_mod('muy_search_button_link_color', muy_default_color('side'));
$muy_search_placeholder_text_color = get_theme_mod('muy_search_placeholder_text_color', muy_default_color('main'));
$muy_search_text_color = get_theme_mod('muy_search_text_color', muy_default_color('main'));
$muy_search_cross_color = get_theme_mod('muy_search_cross_color', muy_default_color('main'));
?>

<style>
    .overlay-search>div .search-submit.btn {
        background-color: <?= $muy_search_button_background_color ?>;
        color: <?= $muy_search_button_link_color ?>;
    }

    .overlay-search>div .search-submit {
        color: <?= $muy_search_button_link_color ?>;
    }

    .overlay-search>div .search-submit.btn-invert {
        color: <?= $muy_search_button_invert_color ?>;
        border-color: <?= $muy_search_button_invert_color ?>;
    }

    .search-text::placeholder {
        color: <?= $muy_search_placeholder_text_color ?>;
    }

    .search-text {
        color: <?= $muy_search_text_color ?>;
    }

    .search-button svg line {
        stroke: <?= $muy_search_cross_color ?>;
    }
</style>