/*
Theme Name: Meu Tema Básico (Completo)
Theme URI: https://seusite.com/meu-tema-basico
Author: Seu Nome
Author URI: https://seusite.com
Description: Tema base completo com páginas pilares, blog, sidebar e estrutura modular.
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meu-tema-basico
Tags: blog, one-column, two-columns, custom-logo, custom-menu, translation-ready
*/

/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.65;
  color: #222;
  background: #fff;
}

a { color: #0a58ca; text-decoration: none; }
a:hover { text-decoration: underline; }

.wrap { width: min(1140px, 92vw); margin: 0 auto; }

.site-header, .site-footer {
  background: #111; color: #fff; padding: 1.25rem 1rem;
}
.site-title a { color: #fff; }
.site-description { opacity:.8; }

.main-area { display: grid; grid-template-columns: 1fr; gap: 2rem; padding: 2rem 0; }
@media (min-width: 960px) {
  .has-sidebar .main-area { grid-template-columns: 2fr 1fr; }
}

.entry { background:#fafafa; padding:1.25rem; border:1px solid #eee; border-radius: 8px; }
.entry-header { margin-bottom:.5rem; }
.entry-title { font-size: clamp(1.4rem, 2.5vw, 2rem); }
.entry-meta { color:#666; font-size:.9rem; }

.entry-content p + p { margin-top: 1rem; }

.pager { display:flex; justify-content:space-between; gap: .5rem; margin-top: 2rem; }
.pagination { display:flex; gap:.5rem; flex-wrap: wrap; margin-top: 1.5rem; }
.pagination .page-numbers { padding:.4rem .65rem; border:1px solid #ddd; border-radius:6px; }
.pagination .current { background:#111; color:#fff; border-color:#111; }

.hero { padding: 3rem 0; background: #f3f5f7; margin-bottom: 2rem; }
.hero h1 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); }
.hero p { color:#444; margin-top:.5rem; max-width: 60ch; }

.grid { display:grid; gap:1rem; }
@media (min-width:720px){ .grid.cols-3{ grid-template-columns: repeat(3,1fr);} }

.card { border:1px solid #eee; border-radius:10px; padding:1rem; background:#fff; }
.card h3 { margin-bottom:.4rem; }
.card p { color:#444; }

.widget { margin-bottom: 1.5rem; }
.widget-title { font-weight: 700; margin-bottom: .75rem; }
#searchsubmit { padding: .45rem .7rem; }