@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

/* ============================================================
   CONFIGURAÇÃO DE CORES COMPATÍVEL COM TEMA OXYGEN
   ============================================================ */
:root {
  --color-primary: #d49a3b !important; /* Muda o Ciano padrão para Dourado */
  --bg-image: url("https://alphacoders.com") !important; /* Imagem de Fundo */
  --color-brighter-bg: rgba(22, 22, 22, 0.95) !important; /* Caixas Escuras */
}

/* 1. Estilo Geral e Fundo do Site */
body {
  font-family: Lato, sans-serif;
  background-color: #121212 !important;
  background-image: url("https://alphacoders.com") !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  color: #e0e0e0 !important;
}

/* Ajuste do efeito de fundo nativo */
body::before {
  background: url("https://alphacoders.com") center center/cover no-repeat !important;
}

/* 2. Banner do Topo (Banner Oficial Conan Exiles) - CORREÇÃO DE COR */
header, .site-header, .jumbotron {
  background-image: url("https://i.imgur.com/1vCZ6Sy.png") !important;
  background-size: cover !important;
  background-position: center 20% !important;
  height: 320px !important;
  border-bottom: 3px solid #d49a3b !important;
  
  /* Filtros para clarear e dar vida à imagem */
  filter: brightness(1.25) contrast(1.05) !important;
}

/* 3. Ajuste das Caixas e Módulos (Produtos e Categorias) */
.site-home-categories .category,
.category-description,
.store-text,
.store-products-list .store-product,
.store-products-images .store-product,
.store-product-full,
.widget,
.store-category-tiered {
  background: rgba(20, 20, 20, 0.95) !important;
  border: 1px solid #3a3a3a !important;
  border-radius: 5px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.6) !important;
}

/* Hover nas categorias */
.site-home-categories .category:hover {
  border-color: #d49a3b !important;
  color: #d49a3b !important;
}

/* 4. Títulos e Textos Principais (Dourado) */
h1, h2, h3, h4, .widget-title, .package-name, .sidebar-title {
  color: #d49a3b !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* 5. Botões de Compra e Finalização (Laranja de Fogo) */
.btn-primary, .btn-buy, .btn-checkout {
  background-color: #b24a16 !important;
  border-color: #91360e !important;
  color: #ffffff !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.btn-primary:hover, .btn-buy:hover, .btn-checkout:hover {
  background-color: #d45d22 !important;
  border-color: #b24a16 !important;
  box-shadow: 0px 0px 10px rgba(212, 93, 34, 0.6) !important;
}

/* Outros elementos arredondados do tema Oxygen */
.quantity-field, .site-header-inner .info .image, .site-sale-banner, .basket-item {
  border-radius: 5px;
}

/* Remove as caixas de categorias grandes da página inicial */
.site-home-categories {
    display: none !important;
}

/* Remove definitivamente o texto laranja do meio do topo */
.site-header-inner .info, 
.site-header-inner h1,
.site-title {
    display: none !important;
}