/* --- ESTILOS GERAIS --- */

/* Contêiner para centralizar os anúncios do AdSense */
.ad-container {
  /* Centraliza o conteúdo horizontalmente */
  text-align: center;

  /* Adiciona um espaçamento de 20px em cima e embaixo */
  padding: 20px 0; 

  /* Garante que o contêiner ocupe toda a largura */
  width: 100%;

  /* Boa prática para o cálculo de tamanho da caixa */
  box-sizing: border-box; 

  /* Altura do anúncio */
  height: 300px;
}

/* --- ESCONDER BOTÕES DO CABEÇALHO (DESKTOP E MOBILE) --- */

/* Esconde o iframe do GitHub e o botão "Compre-me um café" */
/* Versão Desktop (baseado em irmãos adjacentes) */
iframe[src*="ghbtns.com"],
iframe[src*="ghbtns.com"] + button,
/* Versão Mobile (esconde o item da lista <li> que contém o elemento) */
li:has(iframe[src*="ghbtns.com"]),
li:has(button > span > svg > path[d*="m12.1 18.55"]) {
    display: none !important;
}

/* Esconde o ícone do Discord */
/* Versão Desktop (baseado em irmãos adjacentes) */
div.MuiFormControl-root + svg + svg,
/* Versão Mobile (esconde o item da lista <li> que contém o ícone) */
li:has(svg > path[d*="M19.27 5.33"]) {
    display: none !important;
}

/* --- BOTÃO DE VOLTAR AO SITE PRINCIPAL --- */

/* Contêiner para o botão, garantindo que ele fique centralizado */
.back-button-container {
  text-align: center;
  padding: 10px 0; /* Adiciona um pequeno espaçamento vertical */
}

/* Estilo principal do botão */
.btn-main-site {
  display: inline-block; /* Permite que o link tenha padding e margens */
  background-color: #696cff; /* Cor padrão do CalculeTudo */
  color: white; /* Cor do texto */
  padding: 12px 24px; /* Espaçamento interno (vertical e horizontal) */
  border-radius: 8px; /* Cantos arredondados */
  text-decoration: none; /* Remove o sublinhado padrão do link */
  font-weight: bold; /* Deixa o texto em negrito */
  font-size: 1em; /* Tamanho da fonte */
  transition: background-color 0.3s ease; /* Transição suave para o hover */
  border: none; /* Remove qualquer borda */
  cursor: pointer; /* Muda o cursor para uma mãozinha */
}

/* Efeito ao passar o mouse por cima */
.btn-main-site:hover {
  background-color: #494bc3; /* Um tom de roxo um pouco mais escuro */
}