/* Copied from Next.js globals.css (trimmed for theme)
   Keep Tailwind imports out; this is a simple CSS fallback for WP theme.
*/

:root {
  --background: #ffffff;
  --foreground: #111111;
  --brand-yellow: #E9631A;
  --brand-yellow-dark: #cc5414;
  --brand-green: #22c55e;
  --brand-black: #111111;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.btn-yellow { background-color: var(--brand-yellow); color: var(--brand-black); padding: 10px 18px; border-radius: 12px; }

/* basic container */
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

.header-logo { display: flex; align-items: center; gap: 8px; }
.header-logo img { height: 40px; }

.nav-links { display:flex; gap:16px; align-items:center; }

.mobile-menu { display:none; }

@media (max-width: 768px) {
  .nav-links { display:none; }
  .mobile-menu { display:block; }
}