/* Definição de variáveis de cor */
:root {
  --primary-color: #ffce89;
  --secondary-color: #ffd08b;
  --background-color: #000;
  --background-opacity-color: rgba(0, 0, 0, 0.51);
  --text-color: #fff;
  --text-secondary-color: #ffffff;
  --header-bg-color: #00000082;
  --product-bg-color: #ffd590;
  --line-height-h2: 3rem;
  --logo-max-height: 100px;
  --margin-top-main: 133px;
  --font-size-h2-slide: 2.1rem;
}

/* Ajuste de tamanho máximo do logo no cabeçalho */
#header .header-logo img {
  max-height: var(--logo-max-height);
}

/* Ajuste da imagem dos produtos */
section#section-produtos .product-thumb-info-image img,
body#page_produtos .product-thumb-info-image img {
  width: 100%;
  height: auto;
  object-fit: unset;
  margin: auto;
}

/* Fundo antes da imagem do produto */
.product .product-thumb-info .product-thumb-info-image:before {
  background: var(--product-bg-color);
}

/* Ajuste de altura da linha para cabeçalhos h2 */
h2 {
  line-height: var(--line-height-h2);
}

/* Margem superior do conteúdo principal quando não há capa */
body.sem_capa .main {
  margin-top: var(--margin-top-main) !important;
}

/* Layout responsivo para miniaturas de produtos em dispositivos menores */
@media (max-width: 720px) {
  .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
    flex: 0 0 100%;
  }
}

/* Cor de fundo do cabeçalho quando fixo na parte inferior */
#header .header-body.header-body-bottom-border-fixed {
  background: var(--header-bg-color) !important;
}

/* Cor de fundo dos ícones sociais */
.social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li a {
  background: var(--background-color);
}

/* Estilização de links do cabeçalho quando hover ou ativo */
@media (min-width: 700px) {
  #header .header-nav.header-nav-links nav > ul > li:hover > a,
  #header .header-nav.header-nav-links nav > ul > li > a.active {
    border-color: var(--secondary-color);
  }

  .texto-slide.slideshow-texto h2 {
    font-size: var(--font-size-h2-slide) !important;
  }
}

/* Cor do texto e ícones adicionais no cabeçalho */
.header-extra-info-text *,
.header-extra-info-icon * {
  color: var(--primary-color) !important;
}

/* Cor de fundo do botão de colapso do menu no cabeçalho */
#header .header-btn-collapse-nav {
  background: var(--primary-color);
}

/* Estilo padrão para ícones */
.fab,
.far {
  font-weight: 400;
  color: var(--text-color);
}

/* Cor do texto secundário */
html .text-color-secondary,
html .text-secondary {
  color: var(--text-secondary-color) !important;
}