/*
 Theme Name: Hello Elementor Child
 Theme URI: https://example.com
 Description: Tema filho do Hello Elementor para a loja de lataria automotiva
 Author: Seu Nome
 Version: 1.0.0
 Template: hello-elementor
 Text Domain: hello-elementor-child
*/

/* =========================================================
   VARIÁVEIS DE COR E BASE
   ========================================================= */
:root{
  --lat-bg:#0f172a;      /* fundo escuro (opcional para blocos) */
  --lat-ink:#0b1226;     /* variação de fundo */
  --lat-text:#0f172a;    /* texto principal */
  --lat-muted:#6b7280;   /* texto secundário */
  --lat-border:#e5e7eb;  /* borda sutil */
  --lat-blue:#2563eb;    /* cor de ação */
  --lat-blue-700:#1d4ed8;
  --lat-amber:#f59e0b;   /* destaque (promo/selo) */
  --lat-green:#22c55e;   /* sucesso/preço */
  --lat-red:#ef4444;     /* erro/alerta */
  --lat-radius:12px;     /* cantos arredondados padrão */
}

/* Tipografia base (mantém fontes do tema/Elementor) */
body{
  color:var(--lat-text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Links */
a{ color:var(--lat-blue); text-decoration:none; }
a:hover{ color:var(--lat-blue-700); }

/* Utilitários */
.lat-card{
  background:#fff;
  border:1px solid var(--lat-border);
  border-radius:var(--lat-radius);
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}

/* =========================================================
   CABEÇALHO (exemplo simples; ajuste ao seu header do Elementor)
   ========================================================= */
@media(min-width:1024px){
  header.site-header{ padding-block:10px; }
}

/* =========================================================
   ELEMENTOR AJUSTES SUAVES (sem conflitar)
   ========================================================= */
.elementor-widget-heading .elementor-heading-title{
  letter-spacing:.2px;
}

/* Cards (se usar containers para destaques) */
.lat-card .lat-card__title{ font-weight:800; margin:0 0 6px; }
.lat-card .lat-card__body{ color:var(--lat-muted); }

/* =========================================================
   MOBILE (pequenos refinamentos)
   ========================================================= */
@media (max-width:480px){
  /* ajustes básicos se necessário */
}

/* =========================================================
   PRINT (básico para impressão de pedido)
   ========================================================= */
@media print{
  a{ color:#000; text-decoration:none; }
  .elementor-location-header, .elementor-location-footer, .site-header, .site-footer{ display:none !important; }
}