/*
Theme Name: Burdog Child
Theme URI: https://burdog.com.br/
Description: Tema filho do Understrap com a identidade visual da Burdog (paleta de cores, tipografia Nunito Sans e logotipo). Não altera o tema pai (Understrap) — apenas customiza a apresentação geral do site, conforme a divisão de responsabilidade definida na arquitetura do Sistema Interno Burdog (o kit de componentes que os plugins Burdog dependem funcionalmente vive no Burdog Core, não aqui).
Author: Burdog
Template: understrap
Version: 1.0.0
Requires PHP: 7.4
Text Domain: burdog-child
*/

/* ==========================================================================
   Design tokens da Burdog
   Fonte única destes valores (extraídos do manual de marca / paleta oficial).
   Quando o Burdog Core for desenvolvido, ele deve reutilizar os MESMOS
   valores hexadecimais ao enfileirar o kit de componentes para wp-admin e
   para os plugins — de forma independente deste tema, para que nada quebre
   se o tema mudar no futuro (ver decisão de arquitetura "Distribuição da
   identidade visual" no documento do projeto).
   ========================================================================== */
:root {
  /* Cores matriz */
  --burdog-green-dark:  #1C331B;
  --burdog-white:       #FFFFFF;
  --burdog-gray-light:  #E5E5E5;
  --burdog-black:       #1E1E1E;

  /* Desdobramentos */
  --burdog-nude:         #DFAF9E;
  --burdog-gold:         #E9BD2E;
  --burdog-green-light:  #B6DBA1;
  --burdog-green-medium: #395B2C;

  --burdog-font-sans: 'Nunito Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   Remapeamento das variáveis do Bootstrap 5 para a paleta da Burdog.
   Isso reaproveita os componentes já existentes do tema (botões, alerts,
   cards, links, bordas) sem precisar recompilar o Sass do Understrap.
   Requer a build Bootstrap 5 do Understrap (arquivo padrão css/theme.css,
   NÃO a variante "-bootstrap4", que não expõe essas variáveis).

   --bs-danger e --bs-danger-rgb foram deixados no vermelho padrão do
   Bootstrap de propósito: a paleta da Burdog não define uma cor de erro.
   ========================================================================== */
:root {
  --bs-primary:          var(--burdog-green-dark);
  --bs-primary-rgb:      28, 51, 27;
  --bs-secondary:        var(--burdog-green-medium);
  --bs-secondary-rgb:    57, 91, 44;
  --bs-success:          var(--burdog-green-medium);
  --bs-success-rgb:      57, 91, 44;
  --bs-info:             var(--burdog-green-light);
  --bs-info-rgb:         182, 219, 161;
  --bs-warning:          var(--burdog-gold);
  --bs-warning-rgb:      233, 189, 46;
  --bs-light:            var(--burdog-gray-light);
  --bs-light-rgb:        229, 229, 229;
  --bs-dark:             var(--burdog-black);
  --bs-dark-rgb:         30, 30, 30;

  --bs-body-color:       var(--burdog-black);
  --bs-body-bg:          var(--burdog-white);
  --bs-border-color:     var(--burdog-gray-light);
  --bs-link-color:       var(--burdog-green-dark);
  --bs-link-hover-color: var(--burdog-green-medium);
  --bs-font-sans-serif:  var(--burdog-font-sans);
}

body {
  font-family: var(--burdog-font-sans);
}

/* Logo do header (definido em Aparência → Personalizar → Identidade do site) */
.custom-logo-link img {
  max-height: 70px;
  width: auto;
}

/* ==========================================================================
   Header/navbar sem cor de fundo.
   O Understrap grava a navbar com as classes "navbar-dark bg-primary"
   diretamente no template (#main-nav) — não é controlado pelas variáveis do
   Bootstrap sozinho. Como o logo da Burdog é em traço preto, ele some em
   cima do verde escuro; por isso a navbar passa a ser branca, e os textos/
   ícones (que assumiam fundo escuro, por causa de "navbar-dark") são
   corrigidos para cor escura também.
   ========================================================================== */
#main-nav.bg-primary {
  background-color: var(--burdog-white) !important;
  border-bottom: 1px solid var(--burdog-gray-light);
}

#main-nav.navbar-dark .navbar-brand,
#main-nav.navbar-dark .navbar-nav .nav-link {
  color: var(--burdog-black) !important;
}

#main-nav.navbar-dark .navbar-nav .nav-link:hover,
#main-nav.navbar-dark .navbar-nav .nav-link:focus,
#main-nav.navbar-dark .navbar-nav .nav-link.active {
  color: var(--burdog-green-dark) !important;
}

#main-nav.navbar-dark .navbar-toggler {
  border-color: var(--burdog-gray-light);
}

/* O ícone do botão "hambúrguer" é um SVG embutido no CSS do Bootstrap,
   desenhado em branco (pensado para fundo escuro); invertido para ficar
   escuro sobre o fundo branco da navbar. */
#main-nav.navbar-dark .navbar-toggler-icon {
  filter: invert(1);
}