/*
Theme Name: Collexy Classificados
Theme URI: https://collexy.com.br
Author: Collexy Dev
Description: Tema exclusivo Collexy. Visual Roxo e Verde.
Version: 1.6 (FORCING CONTRASTE + DESCRIÇÃO FIX)
Text Domain: collexy
*/

/* =========================================
   1. Variáveis Globais (Cores Atualizadas)
   ========================================= */
:root {
    --brand-primary: #7c3aed;       
    --brand-dark: #5b21b6;          
    --brand-light: #f5f3ff;         
    --btn-action: #16a34a;          
    --btn-action-hover: #15803d;    
    --text-main: #222222;           
    --text-muted: #595959;          
    --bg-body: #ffffff;             
    --bg-subtle: #f4f4f4;           
    --border-color: #e1e3df;        
    
    /* PREÇO PRETO - PARA ACESSIBILIDADE GOOGLE */
    --price-color: #000000;         

    --success: #16a34a;
    --error: #ef4444;
    --font-stack: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", Helvetica, Arial, sans-serif;
    --container-width: 1400px;      
    --radius-sm: 6px;               
    --radius-card: 12px;            
    --shadow-card: 0 2px 5px rgba(0,0,0,0.05);
    --shadow-hover: 0 5px 15px rgba(0,0,0,0.1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background-color: var(--bg-body);
    color: var(--text-main);
    font-family: var(--font-stack);
    font-size: 16px; 
    line-height: 1.6;
}

/* LINKS */
a { text-decoration: none; color: var(--brand-primary); transition: color 0.2s ease; font-weight: 500; }
a:visited { color: var(--brand-primary); } 
a:hover { color: var(--brand-dark); }      

ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; }

.container { max-width: var(--container-width); margin: 0 auto; padding: 0 24px; }

/* =========================================
   2. Botões & Inputs
   ========================================= */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border-radius: 24px;
    font-weight: 700;
    font-size: 0.95rem;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.2s ease;
    text-align: center;
    color: white;
}
.btn-primary { background-color: var(--btn-action); color: #fff; }
.btn-primary:hover { background-color: var(--btn-action-hover); color: #fff; transform: scale(1.02); }

/* =========================================
   4. Grid de Produtos (HOME - FORÇANDO PRETO)
   ========================================= */
.product-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); margin: 30px 0; }
@media (min-width: 640px) { .product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .product-grid { grid-template-columns: repeat(5, 1fr); } }

.product-card { background: #fff; border-radius: var(--radius-card); transition: all 0.2s ease; border: 1px solid transparent; display: block; color: inherit; }
.product-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-2px); border-color: var(--brand-primary); }

.card-info { padding: 10px 4px; }
.card-title { font-size: 0.95rem; font-weight: 500; color: var(--text-main) !important; margin-bottom: 4px; }

/* REGRA FORÇADA PARA O PREÇO NA HOME */
.product-card .card-price, 
.product-grid .card-price, 
.card-info .card-price { 
    font-weight: 800 !important; 
    font-size: 1.25rem !important; 
    color: #000000 !important; /* Forçando Preto Total */
    display: block !important; 
    margin-top: 5px !important;
}

/* =========================================
   5. Ajustes Internos (PÁGINA DO PRODUTO)
   ========================================= */

/* Aumentando a descrição - Regra ultra específica */
#conteudo-principal-anuncio .texto-descricao,
#conteudo-principal-produto .texto-descricao,
.descricao-box .texto-descricao,
.texto-descricao p,
.texto-descricao div {
    font-size: 19px !important; /* Aumentado para 19px para ser bem visível */
    line-height: 1.8 !important;
    color: #222222 !important;
    margin-bottom: 15px;
}

/* Preço interno já está ok, mas reforçamos */
.preco-display {
    color: #000000 !important;
    font-weight: 800 !important;
}

/* =========================================
   6. Cabeçalho & Rodapé
   ========================================= */
.site-header { background: #fff; border-bottom: 1px solid var(--border-color); padding: 12px 0; position: sticky; top: 0; z-index: 100; }
.logo { font-size: 24px; font-weight: 800; color: var(--brand-primary); }

.site-footer { background: var(--text-main); color: #fff; padding: 60px 0 20px; margin-top: 80px; }
.footer-col a { display: block; color: #a0a0a0; margin-bottom: 12px; font-size: 0.9rem; }

/* Outros Utilitários */
.alert { padding: 15px; margin-bottom: 20px; border-radius: var(--radius-sm); }