/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*
==========================================================
 PAINEL DE CONTROLE DE ESTILOS - TEMA ALBERTO GARCIA
==========================================================
Instruções:
- Estilos baseados no portfólio: alberto-garcia.myportfolio.com
- Use !important para garantir que os estilos sobrescrevam os do tema.
==========================================================
*/

/* ===============================
 §1. CORES GLOBAIS E BODY
=============================== */
body {
  background-color: #1c1c1c !important;  /* Fundo cinza-escuro, quase preto */
  color: #ffffff !important;             /* Cor padrão do texto: branco */
  font-family: 'proxima-nova', 'Helvetica Neue', Arial, sans-serif !important; /* Fonte base limpa e moderna */
}

/* ===============================
 §2. LINKS
=============================== */
a {
  color: #ffffff !important;   /* Cor dos links: branco */
  text-decoration: none !important; /* Remove o sublinhado padrão */
  transition: opacity 0.3s ease !important;
}
a:hover {
  color: #ffffff !important;   /* Cor dos links ao passar o mouse: branco */
  opacity: 0.7 !important; /* Efeito sutil de transparência no hover */
}

/* ===============================
 §3. TÍTULOS
=============================== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'proxima-nova', 'Helvetica Neue', Arial, sans-serif !important; /* Fonte dos títulos (a mesma, porém mais grossa) */
  font-weight: 700 !important; /* Deixa a fonte mais "bold" */
  text-transform: uppercase !important; /* Textos em maiúsculo */
  color: #ffffff !important;   /* Cor padrão dos títulos: branco */
}

/* ===============================
 §4. BOTÕES (Estilo minimalista)
=============================== */
button,
input[type="submit"],
.elementor-button,
.ast-button {
  background-color: transparent !important;   /* Fundo transparente */
  color: #ffffff !important;                 /* Cor do texto dos botões: branco */
  border: 2px solid #ffffff !important; /* Borda branca */
  border-radius: 0 !important;               /* Botões quadrados */
  text-transform: uppercase !important;
  font-family: 'proxima-nova', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  transition: all 0.3s ease !important;
}
button:hover,
input[type="submit"]:hover,
.elementor-button:hover,
.ast-button:hover {
  background-color: #ffffff !important;   /* Fundo branco no hover */
  color: #1c1c1c !important;               /* Texto escuro no hover */
}

/* ===============================
 §5. CABEÇALHO E MENU
=============================== */
.site-header, #masthead {
  background-color: transparent !important; /* Fundo do cabeçalho transparente */
  position: absolute !important; /* Garante que ele flutue sobre o conteúdo */
  width: 100%;
}

.main-header-menu .menu-link {
  color: #ffffff !important;     /* Cor dos itens do menu: branco */
  font-family: 'proxima-nova', 'Helvetica Neue', Arial, sans-serif !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link {
  color: #ffffff !important;     /* Cor do item ativo/hover: branco */
  opacity: 0.7 !important; /* Mesmo efeito sutil dos links */
}

/* ===============================
 §6. RODAPÉ
=============================== */
.site-footer {
  background-color: #111111 !important; /* Fundo do rodapé um pouco mais escuro */
  color: #a0a0a0 !important;             /* Texto no rodapé (cinza claro) */
}
.site-footer a {
  color: #ffffff !important;   /* Links no rodapé: branco */
}
.site-footer a:hover {
  color: #ffffff !important;   /* Links no rodapé hover: branco */
  opacity: 0.7 !important;
}

/*
==========================================================
 §7. AJUSTES RESPONSIVOS (MOBILE) - VERSÃO DEFINITIVA
==========================================================
- Usa o seletor CSS correto para o título do site, encontrado
  via inspeção do navegador.
==========================================================
*/

/* Define o ponto em que o site vira "mobile" (padrão do tema Astra) */
@media (max-width: 921px) {

  /*
   1. CORREÇÃO DO CABEÇALHO QUE COBRE A PÁGINA
  */
  .site-header, #masthead {
    position: relative !important;
    background-color: #1c1c1c !important;
  }

  /*
   2. AJUSTE DO TÍTULO DO SITE (COM O SELETOR CORRETO)
  */
  .ast-site-identity .site-title a {
    font-size: 14px !important; /* Tamanho final para o título no mobile */
    line-height: 1.2 !important;
  }

  /*
   3. CORREÇÃO DO MENU MOBILE
  */
  .ast-mobile-popup-content {
    background-color: #1c1c1c !important;
  }

  .ast-header-break-point .ast-mobile-menu .menu-item .menu-link {
     color: #ffffff !important;
  }

  .ast-mobile-menu-trigger .ast-mobile-svg,
  .ast-mobile-popup-close .ast-mobile-svg {
    fill: #ffffff !important;
  }

}