/*
Theme Name: Mila Marketing
Theme URI: https://milamarketing.co
Update URI: https://mila.designatual.com.br/updates/theme/mila-marketing.json
Author: Mila Marketing
Author URI: https://milamarketing.co
Description: Premium WordPress theme for marketing and branding agencies. Minimalist editorial design (ivory base + cream sections + tan highlights), Butler + Poppins fonts and "Mila" Elementor widgets (requires the Mila Core plugin). Ready to sell: color/typography Customizer, menus, portfolio and testimonials via CPT, native forms (wp_mail) with CF7/WPForms fallback.
Version: 1.0.8
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mila
Tags: blog, portfolio, one-column, custom-menu, custom-logo, featured-images, translation-ready, threaded-comments
*/

/* O design system completo vive em assets/css/main.css (enfileirado em inc/enqueue.php).
   Este arquivo apenas declara o cabeçalho do tema e estilos de conteúdo (posts/páginas). */

/* --- Conteúdo de posts/páginas ----------------------------------------- */
.entry-content {
  max-width: 992px; /* 820px */
  margin: 0 auto;
  color: var(--ink, #313330);
  font-family: var(--font-body, "Poppins", sans-serif);
  font-size: var(--body-size, 16px);
  line-height: 1.8;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-family: var(--font-display, "Butler", Georgia, serif);
  font-weight: 500;
  color: var(--ink, #313330);
  line-height: 1.25;
  margin: 1.6em 0 0.6em;
}
.entry-content h2 { font-size: 34px; }
.entry-content h3 { font-size: 26px; }
.entry-content h4 { font-size: 20px; }
.entry-content p { margin: 0 0 1.2em; }
.entry-content a { color: var(--accent-dark, #b3a083); text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:hover { color: var(--dark, #222); }
.entry-content img { max-width: 100%; height: auto; border-radius: var(--r-md, 18px); }
.entry-content ul,
.entry-content ol { margin: 0 0 1.2em 1.4em; }
.entry-content blockquote {
  margin: 1.6em 0;
  padding: 0.4em 0 0.4em 1.4em;
  border-left: 3px solid var(--accent, #b3a083);
  font-family: var(--font-display, "Butler", Georgia, serif);
  font-size: 22px;
  font-style: italic;
  color: var(--ink-soft, #4a4b46);
}
.entry-content pre {
  background: var(--ink, #313330);
  color: var(--ivory, #fffdf9);
  padding: 20px;
  border-radius: var(--r-sm, 10px);
  overflow-x: auto;
}
.entry-content table { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; }
.entry-content th,
.entry-content td { border: 1px solid var(--line, #ece7dd); padding: 10px 14px; text-align: left; }
.entry-content .alignwide { margin-left: -10%; margin-right: -10%; }
.entry-content .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }

.single-layout {
  display: grid;
  grid-template-columns: 1fr; /* 1fr 320px */
  gap: 48px;
  align-items: start;
}
.portfolio-cover { margin-bottom: 28px; }
.portfolio-cover img { width: 100%; }

/* --- Formulário de busca (404) ------------------------------------------ */
.search-form--404 {
  display: flex;
  gap: 14px;
  max-width: 560px;
  margin: 0 auto;
}
.search-form--404 .search-field {
  flex: 1;
  padding: 14px 18px;
  border: 1px solid var(--line-strong, #d9d2c4);
  border-radius: var(--r-pill, 999px);
  background: var(--paper, #fff);
  font-family: var(--font-body, "Poppins", sans-serif);
  font-size: 15px;
  outline: none;
}
.search-form--404 .search-field:focus { border-color: var(--accent, #b3a083); }

/* --- Paginação (the_posts_pagination) ------------------------------------ */
.pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 48px;
  grid-column: 1 / -1;
}
.pagination .page-numbers {
  min-width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line, #ece7dd);
  border-radius: var(--r-pill, 999px);
  color: var(--ink, #313330);
  font-family: var(--font-body, "Poppins", sans-serif);
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s var(--ease, cubic-bezier(0.22, 1, 0.36, 1));
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  background: var(--ink, #313330);
  color: var(--ivory, #fffdf9);
  border-color: var(--ink, #313330);
}

/* --- Sidebar do blog (widgets) ------------------------------------------- */
.blog-sidebar .widget {
  margin-bottom: 32px;
}
.blog-sidebar .widget h4 {
  font-family: var(--font-display, "Butler", Georgia, serif);
  font-size: 20px;
  margin-bottom: 14px;
}
.blog-sidebar .widget ul { list-style: none; margin: 0; padding: 0; }
.blog-sidebar .widget ul li { margin-bottom: 10px; }
.blog-sidebar .widget a { color: var(--ink, #313330); text-decoration: none; }
.blog-sidebar .widget a:hover { color: var(--accent-dark, #b3a083); }
.side-cats li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid var(--line, #ece7dd);
  border-radius: var(--r-sm, 10px);
}
.side-cats .n {
  color: var(--accent-dark, #b3a083);
  font-size: 13px;
}

@media (max-width: 900px) {
  .single-layout { grid-template-columns: 1fr; }
  .pagination { grid-column: auto; }
}