/*
Theme Name: WebMotors Custom Theme
Theme URI: https://github.com/manus/webmotors-custom
Description: Tema premium customizado para WordPress, desenvolvido especificamente para marketplace de veículos. Totalmente integrado e compatível com Elementor Pro, JetEngine (Custom Post Types, Listing Grids) e JetSmartFilters (filtros dinâmicos AJAX). Inspirado no design moderno e de alta performance da WebMotors, adaptado com a identidade visual premium MWCar Soares (Ouro e Preto).
Version: 1.0.1
Author: Manus AI
Author URI: https://manus.im
Text Domain: webmotors-custom
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, translation-ready, e-commerce, grid-layout

Design System & CSS Variables:
*/

:root {
    /* Color Palette (MWCar Soares Premium - Ouro e Preto) */
    --wm-primary: #ffb600;      /* Ouro/Dourado MWCar */
    --wm-primary-hover: #ff9800;  /* Laranja Quente (sem vermelho) */
    --wm-secondary: #131313;    /* Preto Premium */
    --wm-secondary-hover: #1f1f1f;
    --wm-background: #0a0a0a;   /* Fundo Escuro Premium */
    --wm-surface: #1a1a1a;      /* Superfície dos Cards (Cinza Escuro) */
    --wm-text-dark: #ffffff;    /* Texto Principal (Branco para fundo escuro) */
    --wm-text-muted: #a0a0a0;   /* Texto Secundário / Muted */
    --wm-border: #2d2d2d;       /* Bordas e Divisores */
    --wm-success: #10b981;      /* Verde para Status/Sucesso */
    --wm-warning: #ffb600;      /* Dourado para Destaques */
    
    /* Typography & Spacing */
    --wm-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --wm-radius-sm: 4px;
    --wm-radius-md: 8px;
    --wm-radius-lg: 12px;
    --wm-shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
    --wm-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -1px rgba(0,0,0,0.2);
    --wm-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.5), 0 4px 6px -2px rgba(0,0,0,0.3);
    --wm-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Reset & Base Styles */
* {
    box-sizing: border-box;
}

body {
    font-family: var(--wm-font-sans);
    background-color: var(--wm-background);
    color: var(--wm-text-dark);
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--wm-primary);
    text-decoration: none;
    transition: var(--wm-transition);
}

a:hover {
    color: var(--wm-primary-hover);
}

img {
    max-width: 100%;
    height: auto;
}

/* Helper Classes */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.site-header {
    background: var(--wm-secondary);
    border-bottom: 1px solid var(--wm-border);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.site-footer {
    background: #050505;
    color: #ffffff;
    padding: 60px 0 30px 0;
    margin-top: 60px;
    border-top: 1px solid var(--wm-border);
}