/*
Theme Name: KuduGuide (Kadence Child)
Theme URI: https://www.kadencewp.com/kadence-theme/
Description: Tema filho do Kadence com a identidade visual KuduGuide.
Author: KuduGuide
Template: kadence
Version: 1.0.0
Text Domain: kuduguide
*/

/* ===== Paleta KuduGuide (sobrescreve a paleta global do Kadence) ===== */
:root, body {
  --global-palette1: #1F4D3D; /* Verde Kudu – principal (links, botões, header) */
  --global-palette2: #C05621; /* Terracota – destaque (hover, badges, CTA) */
  --global-palette3: #1A1A1A; /* Grafite – títulos */
  --global-palette4: #2E2E2E; /* Texto de parágrafo */
  --global-palette5: #5A5A5A; /* Cinza – texto secundário, meta */
  --global-palette6: #8A8A8A; /* Cinza claro – bordas */
  --global-palette7: #F5F1EA; /* Areia – caixas e fundos suaves */
  --global-palette8: #FAF8F4; /* Areia clara */
  --global-palette9: #FFFFFF; /* Branco – fundo do site */

  --global-heading-font-family: "Inter", "Public Sans", "Manrope", system-ui, sans-serif;
  --global-body-font-family: "Inter", "Public Sans", "Manrope", system-ui, sans-serif;
}

body { background: #FFFFFF; color: var(--global-palette4); line-height: 1.7; }

/* ===== Tipografia ===== */
h1, h2, h3, h4, h5, h6 { color: var(--global-palette3); font-weight: 700; letter-spacing: -0.01em; }
h1 { font-size: clamp(2.2rem, 4vw, 3.5rem); line-height: 1.1; }
h2 { font-size: clamp(1.7rem, 3vw, 2.1rem); }
h3 { font-size: clamp(1.35rem, 2vw, 1.6rem); }
.entry-content p { font-size: 1.0625rem; }
.entry-content a:not(.wp-block-button__link) { color: var(--global-palette2); font-weight: 600; text-decoration: none; }
.entry-content a:not(.wp-block-button__link):hover { text-decoration: underline; }

/* ===== Header ===== */
#masthead .site-header-row-container-inner { border-top: 4px solid var(--global-palette1); }
#masthead .site-branding .site-title { font-weight: 800; }
.header-navigation .menu-item > a { font-weight: 500; color: var(--global-palette3); }
.header-navigation .menu-item > a:hover,
.header-navigation .current-menu-item > a { color: var(--global-palette1); }

/* ===== Botões ===== */
.button, .wp-block-button__link, button, input[type="submit"] {
  background: var(--global-palette2); color: #fff; border-radius: 6px; font-weight: 600;
}
.button:hover, .wp-block-button__link:hover, button:hover, input[type="submit"]:hover {
  background: var(--global-palette1); color: #fff;
}
.wp-block-button.is-style-outline .wp-block-button__link { color: var(--global-palette1); border-color: var(--global-palette1); }

/* ===== Categoria (badge verde como no layout) ===== */
.entry-taxonomies .category-links a, .entry-meta .category-links a {
  display: inline-block; background: var(--global-palette1); color: #fff;
  font-size: 0.75rem; font-weight: 600; padding: 3px 12px; border-radius: 4px;
}

/* ===== Caixa "In this guide" (bloco Grupo com classe kg-guide-box) ===== */
.kg-guide-box {
  background: var(--global-palette7); border-radius: 10px; padding: 1.5rem 1.75rem;
}
.kg-guide-box h3 { margin-top: 0; }
.kg-guide-box ol { margin-bottom: 0; }
.kg-guide-box ol li { margin-bottom: 0.35rem; }

/* ===== Caixa de anúncio (bloco Grupo com classe kg-ad-box) ===== */
.kg-ad-box {
  background: var(--global-palette7); border-radius: 8px; padding: 1rem 1.5rem; text-align: center;
  font-size: 0.7rem; color: var(--global-palette5);
}

/* ===== Newsletter (bloco Grupo com classe kg-newsletter) ===== */
.kg-newsletter { background: var(--global-palette7); border-radius: 10px; padding: 1.5rem; }
.kg-newsletter input[type="email"] { border-radius: 6px; border: 1px solid #D9D3C8; }

/* ===== Cards da sidebar / listagem (Latest guides) ===== */
.widget-area .kb-blocks-post-grid-item,
.loop-entry.type-post {
  border: 1px solid #ECE8E0; border-radius: 10px; overflow: hidden; background: #fff;
}
.loop-entry .entry-header .entry-title a { color: var(--global-palette3); }
.loop-entry .entry-header .entry-title a:hover { color: var(--global-palette1); }
.entry-meta, .entry-meta a { color: var(--global-palette5); font-size: 0.875rem; }
.widget-area .widget-title { border-bottom: 3px solid var(--global-palette2); display: inline-block; padding-bottom: 6px; }

/* ===== Rodapé ===== */
#colophon { background: var(--global-palette1); color: #fff; }
#colophon a { color: #fff; }
#colophon a:hover { color: var(--global-palette7); }

/* ===== Curva decorativa (usar com moderação): classe kg-curve num bloco Grupo ===== */
.kg-curve { position: relative; overflow: hidden; }
.kg-curve::before {
  content: ""; position: absolute; right: -10%; bottom: -30%; width: 60%; height: 120%;
  background: linear-gradient(135deg, var(--global-palette1) 0 45%, var(--global-palette7) 45% 60%, var(--global-palette2) 60% 75%, transparent 75%);
  border-radius: 50% 0 0 50%; opacity: 0.9; pointer-events: none; z-index: 0;
}
.kg-curve > * { position: relative; z-index: 1; }

/* Foco visível / acessibilidade */
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--global-palette2); outline-offset: 2px; }