/* custom-theme.css - Tema adaptado para cores
   Paleta:
   - #F2CB05 (amarelo claro)
   - #F2B705
   - #F29F05
   - #F28705 (amarelo-alaranjado)
   - #0D0D0D (preto)
*/

:root {
    --primary-color: #F2CB05;
    --secondary-color: #F2B705;
    --accent-color: #F29F05;
    --hover-color: #F28705;
    --text-color: #0D0D0D;
    --background-light: #ffffff;
  }
  
  /* Plano de fundo e cor principal do site */
  body {
    background-color: var(--primary-color);
    color: var(--text-color);
  }
  
  /* Links */
  a, .text-link {
    color: var(--accent-color);
  }
  
  a:hover, .text-link:hover {
    color: var(--hover-color);
  }
  
  /* Cabeçalhos e menus */
  .header, .footer, .sidebar {
    background-color: var(--text-color);
    color: var(--primary-color);
  }
  
  .header a, .sidebar a, .footer a {
    color: var(--primary-color);
  }
  
  .header a:hover, .sidebar a:hover, .footer a:hover {
    color: var(--secondary-color);
  }
  
  /* Botões principais */
  .btn-primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
  }
  
  .btn-primary:hover {
    background-color: var(--hover-color);
    border-color: var(--hover-color);
    color: #fff;
  }

  .btn-primary:focus {
    background-color: var(--hover-color);
    border-color: var(--hover-color);
    color: #fff;
  }
  
  /* Cartões e caixas */
  .card-box, .form-control, .login-box, .register-box {
    background-color: var(--background-light);
    color: var(--text-color);
  }
  
  /* Inputs focados */
  .form-control:focus, .custom-select:focus {
    border-color: var(--accent-color);
    box-shadow: 0 0 5px var(--accent-color);
  }
  
  /* Badges ou elementos de destaque */
  .badge, .label-info {
    background-color: var(--secondary-color);
    color: var(--text-color);
  }
  
  /* Timeline e outros componentes especiais */
  .timeline .timeline-date, .sitemap, .breadcrumb-item.active {
    background-color: var(--accent-color);
    color: #fff;
  }
  
  /* Elementos de hover especiais */
  .sidebar-menu .dropdown-toggle:hover, .sidebar-menu .show>.dropdown-toggle {
    background: var(--hover-color);
    color: #fff;
  }
  
  /* Adicionar no final do custom-theme.css */
.text-primary {
  color: var(--accent-color) !important;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M2.146 2.146a.5.5 0 0 1 .708 0L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: .5;
}
.btn-close:hover {
  opacity: .75;
}

.brand-logo a img {
  max-width:350px;
  display:block;
  height:auto
}


/* #################################################### */


/* Ajustar aparência do Select2 para igualar altura e estilo aos campos form-control-lg */
.select2-container--default .select2-selection--single {
  border: 1px solid #e4e4e4;
  border-radius: 0.375rem;
  background-color: #fff;
  font-size: 0.90rem;
  color: var(--text-color);
  padding: 0.60rem 0.75rem;
  height: auto; /* altura automática baseada no conteúdo */
  min-height: 50px; /* força altura mínima igual aos outros campos */
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

/* Renderização do texto no campo */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  line-height: 1.5;
  color: inherit;
  display: flex;
  align-items: center;
  height: 100%;
}

/* Ícone da seta */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 0;
  right: 10px;
}

/* Foco */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus-visible {
  border-color: var(--accent-color);
  box-shadow: 0 0 5px var(--accent-color);
  outline: none;
}

/* Garante que a largura do select respeite o layout */
.input-group .select2-container {
  flex: 1 1 auto;
}