/*
Theme Name: Theme Cozinhe com Cintia
Theme URI: 
Author: Equipe WSS
Author URI: 
Description: Tema criado exclusivamente para o Cozinhe com Cintia.
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-cozinhe-com-cintia
Tags: 
*/

/* Category List */

.wp-block-categories-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wp-block-categories-list li {
    padding: 0.125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.wp-block-categories-list li a {
    flex: 1;
}

.wp-block-categories-list .category-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background-color: var(--wp--preset--color--areia);
    line-height: 1;
}

/* ==========================================================================
   ESTILOS DE LISTAS E TABELAS - COZINHE COM CINTIA (VIA THEME.JSON VARS)
   ========================================================================== */

/* --- 1. LISTAS NÃO ORDENADAS E ORDENADAS (CORE/LIST) --- */
ul.wp-block-list {
    list-style-type: disc;
    color: var(--wp--preset--color--marrom-escuro);
    margin-top: 4pt;
    margin-bottom: 8pt;
}

ul.wp-block-list ul {
    list-style-type: circle;
    margin-top: 4pt;
    margin-bottom: 0;
}

ul.wp-block-list ul ul {
    list-style-type: square;
    margin-top: 4pt;
    margin-bottom: 0;
}

ol.wp-block-list {
    list-style-type: decimal;
    color: var(--wp--preset--color--marrom-escuro);
    margin-top: 4pt;
    margin-bottom: 8pt;
}

ol.wp-block-list ol {
    list-style-type: lower-alpha;
    margin-top: 6pt;
    margin-bottom: 0;
}

ol.wp-block-list ol ol {
    list-style-type: lower-roman;
    margin-top: 6pt;
    margin-bottom: 0;
}

.wp-block-list li {
    margin-top: 0.25rem;
}

/* ==========================================================================
   --- 2. TABELAS DO WORDPRESS (CORE/TABLE) ---
   ========================================================================== */
.wp-block-table {
    color: var(--wp--preset--color--marrom-escuro);
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 16pt;
}

/* Cabeçalho e Rodapé Globais */
.wp-block-table thead {
    border-bottom: 3px solid var(--wp--preset--color--marrom-escuro);
}

.wp-block-table tfoot {
    background-color: var(--wp--preset--color--areia);
    border-top: 3px solid var(--wp--preset--color--marrom-escuro);
}

/* Estilo padrão de células (th e td) para garantir consistência de bordas */
.wp-block-table th,
.wp-block-table td {
    border: 1px solid var(--wp--preset--color--marrom-escuro);
}

.wp-block-table th {
    background-color: var(--wp--preset--color--verde-folha);
    color: var(--wp--preset--color--branco-claro);
}

/* --------------------------------------------------------------------------
   2.1. TABELA REGULAR (is-style-regular)
   -------------------------------------------------------------------------- */
.wp-block-table.is-style-regular tbody tr {
    background-color: var(--wp--preset--color--branco-claro);
}

/* --------------------------------------------------------------------------
   2.2. TABELA ZEBRADA (is-style-stripes)
   -------------------------------------------------------------------------- */
.wp-block-table.is-style-stripes {
    border-bottom: 0;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--wp--preset--color--branco-claro);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: var(--wp--preset--color--creme-amarelado-suave);
}

/* --------------------------------------------------------------------------
   --- 3. VARIAÇÃO PERSONALIZADA: .is-style-highlight ---
   -------------------------------------------------------------------------- */
.wp-block-table.is-style-highlight {
    border: none;
}

.wp-block-table.is-style-highlight th {
    background-color: var(--wp--preset--color--vermelho);
    color: var(--wp--preset--color--branco-claro);
}

/* Adicionado suporte consistente ao corpo da tabela highlight */
.wp-block-table.is-style-highlight tbody tr {
    background-color: var(--wp--preset--color--branco-claro);
}

.wp-block-table.is-style-highlight thead,
.wp-block-table.is-style-highlight thead td,
.wp-block-table.is-style-highlight thead th {
    border-bottom: 3px solid var(--wp--preset--color--vermelho) !important;
}

.wp-block-table.is-style-highlight tfoot,
.wp-block-table.is-style-highlight tfoot td,
.wp-block-table.is-style-highlight tfoot th {
    background-color: var(--wp--preset--color--areia);
    border-top: 3px solid var(--wp--preset--color--vermelho) !important;
}

/* --------------------------------------------------------------------------
   --- 4. VARIAÇÃO PERSONALIZADA: .is-style-highlight-stripes ---
   -------------------------------------------------------------------------- */
.wp-block-table.is-style-highlight-stripes {
    border: none;
}

.wp-block-table.is-style-highlight-stripes th {
    background-color: var(--wp--preset--color--vermelho);
    color: var(--wp--preset--color--branco-claro);
}

.wp-block-table.is-style-highlight-stripes thead,
.wp-block-table.is-style-highlight-stripes thead td,
.wp-block-table.is-style-highlight-stripes thead th {
    border-bottom: 3px solid var(--wp--preset--color--vermelho) !important;
}

.wp-block-table.is-style-highlight-stripes tfoot,
.wp-block-table.is-style-highlight-stripes tfoot td,
.wp-block-table.is-style-highlight-stripes tfoot th {
    background-color: var(--wp--preset--color--areia);
    border-top: 3px solid var(--wp--preset--color--vermelho) !important;
}

.wp-block-table.is-style-highlight-stripes tbody tr:nth-child(odd) {
    background-color: var(--wp--preset--color--branco-claro);
}

.wp-block-table.is-style-highlight-stripes tbody tr:nth-child(even) {
    background-color: var(--wp--preset--color--creme-amarelado-suave);
}