/*
Theme Name: Converte WP
Theme URI: https://converte-wp.com.br
Author: Ezequiel Almeida
Author URI: https://ezequielalmeida.com.br
Description: Uma continuação moderna do tema Conversion WP, otimizado para alta conversão.
Version: 1.4.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-header, custom-menu, post-formats, responsive-layout, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: converte-wp
*/

/*
Aqui você adicionaria os estilos visuais gerais do tema (tipografia, cores, layout, etc.).
Por enquanto, vamos adicionar apenas os estilos básicos.
*/
body {
    font-family: Arial, sans-serif;
    color: var(--text-color);
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: var(--page-bg-color);
}

.container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

.site-title {
    font-size: 2em;
    font-weight: bold;
}

.site-title a {
    text-decoration: none;
    color: var(--primary-color);
}

.main-navigation {
    margin-top: 1em;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-navigation li {
    display: inline-block;
    margin-right: 15px;
}

.entry-title {
    font-size: 2.5em;
    margin-bottom: 1em;
}

.entry-content {
    margin-bottom: 2em;
    background-color: var(--content-bg-color);
}

.cw-read-more-button {
    background-color: var(--secondary-color);
    color: var(--quaternary-color);
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

/*
 * Lógica da Sidebar
 */
.content-area {
    display: flex;
    flex-direction: row;
}

.content-area.left {
    flex-direction: row-reverse;
}

.site-main {
    flex: 1;
}

.widget-area {
    width: 300px;
    margin-left: 20px;
}

.content-area.left .widget-area {
    margin-left: 0;
    margin-right: 20px;
}

/* Inclusão de Cores Dinâmicas */
<?php
// PHP para gerar as variáveis CSS dinamicamente
$options = get_option('cw_theme_options');
$primary_color = isset($options['primary_color']) ? sanitize_hex_color($options['primary_color']) : '#17a2b8';
$secondary_color = isset($options['secondary_color']) ? sanitize_hex_color($options['secondary_color']) : '#6c757d';
$tertiary_color = isset($options['tertiary_color']) ? sanitize_hex_color($options['tertiary_color']) : '#28a745';
$quaternary_color = isset($options['quaternary_color']) ? sanitize_hex_color($options['quaternary_color']) : '#fff';
$page_bg_color = isset($options['page_bg_color']) ? sanitize_hex_color($options['page_bg_color']) : '#ffffff';
$content_bg_color = isset($options['content_bg_color']) ? sanitize_hex_color($options['content_bg_color']) : '#f8f9fa';
$text_color = isset($options['text_color']) ? sanitize_hex_color($options['text_color']) : '#333';
?>

:root {
    --primary-color: <?php echo $primary_color; ?>;
    --secondary-color: <?php echo $secondary_color; ?>;
    --tertiary-color: <?php echo $tertiary_color; ?>;
    --quaternary-color: <?php echo $quaternary_color; ?>;
    --page-bg-color: <?php echo $page_bg_color; ?>;
    --content-bg-color: <?php echo $content_bg_color; ?>;
    --text-color: <?php echo $text_color; ?>;
}