/*
Theme Name: Ayres Tech SEO & Speed
Theme URI: https://seu-dominio.com/
Author: Jose Ayres
Author URI: https://seu-dominio.com/sobre
Description: Tema de blocos focado em SEO técnico e Web Performance (CWV, Speculation Rules, Early Hints, UCP).
Requires PHP: 8.0
Tested up to: 6.6
Requires at least: 6.6
Version: 0.1.0
Text Domain: ayres-tech-seo
Tags: block-theme, full-site-editing, performance, technical-seo
*/

/* CSS global mínimo. O restante virá em assets/css e será carregado após a primeira dobra. */
:root {
  --color-bg: #05060a;
  --color-surface: #0f172a;
  --color-primary: #0ea5e9;
  --color-primary-soft: #38bdf8;
  --color-accent: #22c55e;
  --color-text: #e5e7eb;
  --color-muted: #9ca3af;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Verdana, sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  background: radial-gradient(circle at top, #020617 0, #020617 35%, #020617 40%, #020617 100%);
  color: var(--color-text);
}

main {
  min-height: 100vh;
}

.site-header {
  padding: 1.5rem 1.5rem 0;
  border-bottom: 1px solid rgba(71, 85, 105, 0.6);
}

.site-header__inner {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-end;
}

.site-title {
  margin: 0;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-text);
  text-decoration: none;
}

.site-description {
  margin: 0;
  color: var(--color-muted);
  font-size: 0.95rem;
}

.site-main {
  max-width: 1120px;
  margin: 0 auto;
  padding: 2rem 1.5rem 3rem;
}

.archive-description,
.category-text-block {
  max-width: 720px;
  color: var(--color-muted);
  line-height: 1.75;
  margin: 0.75rem 0 1.5rem;
}

.category-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1rem 0 2rem;
}

.category-buttons a {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.12);
  color: var(--color-text);
  text-decoration: none;
  border: 1px solid rgba(14, 165, 233, 0.18);
  transition: transform 0.2s ease, background 0.2s ease;
}

.category-buttons a:hover,
.category-buttons a:focus-visible {
  background: rgba(14, 165, 233, 0.2);
  transform: translateY(-1px);
}

.post-card__body h3,
.post-card__body h2 {
  margin: 0 0 0.65rem;
}

.post-card__body p,
.post-card__body .wp-block-post-date {
  color: var(--color-muted);
  margin: 0 0 0.9rem;
}

.post-single__header {
  margin-bottom: 1.75rem;
}

.post-single__footer {
  margin-top: 2rem;
  border-top: 1px solid rgba(71, 85, 105, 0.5);
  padding-top: 1.5rem;
}

.post-tags {
  color: var(--color-muted);
  font-size: 0.95rem;
}

.breadcrumbs {
  font-size: 0.85rem;
  color: var(--color-muted);
  margin-bottom: 1rem;
  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .site-footer__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.site-footer__title {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--color-muted);
  margin-bottom: 0.9rem;
}

.site-footer__menu,
.site-footer__meta,
.site-footer__services,
.site-footer__contact {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-footer__menu li a {
  color: var(--color-text);
  text-decoration: none;
  font-size: 0.9rem;
}

.site-footer__menu li a:hover {
  color: var(--color-primary); 
}