/*
Theme Name: Manual do Dani
Theme URI: https://manualdodani.com.br
Description: Tema personalizado do blog Manual do Dani — Dicas, Receitas e Artesanato
Author: Daniel
Author URI: https://manualdodani.com.br
Template: hello-elementor
Version: 2.0.0
Text Domain: manualdodani
*/

/* =============================================
   BASE E RESET
   ============================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', 'Nunito Sans', sans-serif !important;
  line-height: 1.7 !important;
  transition: background 0.3s, color 0.3s;
  background: #f7f8fc !important;
  color: #1a2035 !important;
}

a { text-decoration: none; transition: color 0.2s; }

/* =============================================
   TIPOGRAFIA GERAL (fora da home)
   ============================================= */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .site-title {
  font-family: 'Playfair Display', serif !important;
  line-height: 1.2 !important;
}

/* =============================================
   POSTS / ARTIGOS (páginas internas)
   ============================================= */
.entry-content p,
.entry-content li {
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.entry-content a:hover { text-decoration: underline; }

/* =============================================
   BOTÕES (páginas internas)
   ============================================= */
.wp-block-button__link,
.button,
button[type="submit"],
input[type="submit"],
.more-link {
  border-radius: 28px !important;
  padding: 12px 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: all 0.2s !important;
  cursor: pointer !important;
}

/* =============================================
   FORMULÁRIOS (páginas internas)
   ============================================= */
.search-form input,
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  width: 100% !important;
}

input:focus, textarea:focus { outline: none !important; }

/* =============================================
   COMENTÁRIOS (páginas internas)
   ============================================= */
.comment-body {
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

/* =============================================
   RESPONSIVO GERAL
   ============================================= */
@media (max-width: 768px) {
  h1 { font-size: 28px !important; }
  h2 { font-size: 22px !important; }
  h3 { font-size: 18px !important; }
}

@media (max-width: 480px) {
  h1 { font-size: 24px !important; }
  body { font-size: 15px !important; }
}

/* =============================================
   HOME (page-id-32) — LAYOUT COMPLETO CUSTOMIZADO
   O HTML da home tem seu próprio design completo.
   Ocultamos TUDO do WordPress e deixamos apenas o conteúdo.
   ============================================= */

/* Ocultar header, topbar e footer do WordPress na home */
.page-id-32 .site-header,
.page-id-32 #masthead,
.page-id-32 .site-branding,
.page-id-32 .main-navigation,
.page-id-32 .md-topbar,
.page-id-32 .site-footer,
.page-id-32 #colophon,
.page-id-32 .entry-header,
.page-id-32 .entry-title {
  display: none !important;
}

/* Expandir conteúdo para largura total */
.page-id-32 #page,
.page-id-32 #content,
.page-id-32 .site-content,
.page-id-32 #primary,
.page-id-32 .entry-content,
.page-id-32 .wp-block-html,
.page-id-32 article,
.page-id-32 .hentry {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Ocultar elementos duplicados dentro do HTML customizado */
.page-id-32 .entry-content .topbar,
.page-id-32 .entry-content .header,
.page-id-32 .entry-content header,
.page-id-32 .entry-content .footer,
.page-id-32 .entry-content footer,
.page-id-32 .entry-content .md-topbar {
  display: none !important;
}