/*
Theme Name: Araucaria Brocker
Theme URI: https://example.com/araucaria-brocker
Author: Araucaria
Description: Tema WordPress inspirado na Brocker Turismo, com produtos e cards.
Version: 0.1.0
Text Domain: araucaria-brocker
*/

:root {
  --color-primary: #0b6b8e;
  --color-secondary: #f7b500;
  --color-text: #1a1a1a;
  --color-muted: #666;
  --color-bg: #ffffff;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; color: var(--color-text); background: var(--color-bg); line-height: 1.6; }
a { color: var(--color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.site-header { border-bottom: 1px solid #eee; background: #fff; }
.site-header .container { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.brand { font-weight: 700; font-size: 18px; color: var(--color-primary); }
.nav-toggle { display: none; }
.site-nav ul { list-style: none; display: flex; gap: 16px; margin: 0; padding: 0; }

.hero { padding: 48px 0; background: linear-gradient(120deg, #eef7fb 0%, #ffffff 100%); }
.hero h1 { margin: 0 0 8px; font-size: 32px; }
.hero p { margin: 0; color: var(--color-muted); }

.section { padding: 32px 0; }
.section h2 { margin: 0 0 16px; font-size: 24px; }

.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 1024px) { .product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .product-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .product-grid { grid-template-columns: 1fr; } }

.card { border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.card-media { aspect-ratio: 16/9; width: 100%; object-fit: cover; background: #f5f5f5; }
.card-body { padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.card-title { font-size: 18px; margin: 0; }
.card-meta { display: flex; align-items: center; justify-content: space-between; color: var(--color-muted); font-size: 14px; }
.card-actions { margin-top: auto; }
.btn { display: inline-block; padding: 8px 12px; border-radius: 6px; background: var(--color-primary); color: #fff; }
.btn.secondary { background: var(--color-secondary); color: #1a1a1a; }

.site-footer { border-top: 1px solid #eee; background: #fff; }
.site-footer .container { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; padding: 24px 16px; }
.copyright { color: var(--color-muted); font-size: 14px; }