/*
Theme Name: ODA Architecture
Theme URI: https://odaarchitecture.com
Author: ODA Architecture
Author URI: https://odaarchitecture.com
Description: Lightweight Elementor-compatible theme for ODA Architecture portfolio & business site.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oda-architecture
*/
:root {
  --oda-bg: #ffffff;
  --oda-text: #111111;
  --oda-muted: #6b7280;
  --oda-accent: #111827;
  --oda-brand: #0f172a;
}

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

.container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding: 1rem 0; border-bottom: 1px solid #eee; }
.site-branding a { font-weight: 700; font-size: 1.25rem; letter-spacing: .02em; }
.site-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:1rem; }
.hero { padding: 5rem 0 3rem; }
.hero h1 { font-size: clamp(2rem, 4vw, 3.5rem); margin: 0 0 .5rem; }
.hero p { max-width: 60ch; color: var(--oda-muted); }
.cta { display:inline-block; padding:.75rem 1.25rem; border:1px solid #111; border-radius: .5rem; margin-top:1rem; }
.section { padding: 3rem 0; }
.section h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); margin: 0 0 1rem; }
.grid { display:grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.card { grid-column: span 12; border:1px solid #eee; border-radius:.75rem; padding:1rem; }
@media (min-width: 640px) { .card { grid-column: span 6; } }
@media (min-width: 1024px) { .card { grid-column: span 4; } }
.card img { width:100%; height: 220px; object-fit: cover; border-radius:.5rem; }
.footer { border-top: 1px solid #eee; padding: 2rem 0; color: var(--oda-muted); font-size: .95rem; }
.archive-header { padding: 2rem 0 1rem; }
.project-meta { color: var(--oda-muted); font-size: .95rem; margin:.25rem 0 1rem; }
.single-hero img { width:100%; height: 420px; object-fit: cover; border-radius:.75rem; }
}