/* ---------- TEMA CLARO (padrão) ---------- */
:root {
  --bg-color: #f5f6f7;
  --text-color: #1e1e1e;
  --primary-color: #3D7DFF;
  --alternative-color: #9D4EDD;
  --alternative-hover-color: #B47DFF;
  --success-color: #4BB543;
  --danger-color: #FF6B6B;
  --button-text-color: #ffffff;

  --card-chart-bg-color: #ffffff;
  --card-bg-color: #ffffff;
  --card-text-color: #1e1e1e;
  --card-boxshadow-color: rgba(0, 0, 0, 0.08);

  --nav-bg-color: #1e1e1e;
  --nav-text-color:#ffffff;
  --nav-buttom-color: #ffffff;
  --nav-buttom-hover-color: #B47DFF;

  --corousel-button-color: #212529;
  --login-bg-color: rgba(143, 143, 143, 0.1);
}

/* ---------- TEMA ESCURO ---------- */
[data-bs-theme="dark"] {
  --bg-color: #121212;
  --text-color: #e9ecef;
  --primary-color: #3D7DFF;
  --alternative-color: #9D4EDD;
  --alternative-hover-color: #B47DFF;
  --success-color: #4BB543;
  --danger-color: #FF6B6B;
  --button-text-color: #ffffff;

  --card-chart-bg-color: #1f2937;
  --card-bg-color: #1e1e1e;
  --card-text-color: #f5f5f5;
  --card-boxshadow-color: rgba(0,0,0,0.5);

  --nav-bg-color: #1e1e1e;
  --nav-text-color:#ffffff;
  --nav-buttom-color: #ffffff;
  --nav-buttom-hover-color: #B47DFF;

  --corousel-button-color: #ffffff;

  --login-bg-color: rgba(255, 255, 255, 0.05);
}

/* ---------- APLICAÇÃO DOS ESTILOS ---------- */
* {
  font-family: 'Poppins', sans-serif;
  transition: background-color 0.3s, color 0.2s;
}
a, .link {
  color: var(--primary-color);
  cursor: pointer;
}
body{
  background-color: var(--bg-color);
}
.btn-alternative {
  background-color: var(--alternative-color);
  border-color: var(--alternative-color);
  color: var(--button-text-color);
  cursor: pointer;
}

.btn-alternative:hover{
    background-color: var(--alternative-hover-color);
    border-color: var(--alternative-hover-color);
}
.card-custom{
    background-color: var(--card-bg-color);
    border: var(--card-bg-color);
    border-radius: 1rem;
    color: var(--card-text-color);
    box-shadow:  0 4px 12px var(--card-boxshadow-color);
}
.card-metrics, .card-chart{
  border-radius: 1rem;
}
.card-custom:hover, .card-metrics:hover, .card-chart:hover {
  transform: scale(1.10);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

.nav-custom{
  background-color: var(--nav-bg-color);
  color: var(--nav-text-color);
}
.nav-buttom{
  background-color: var(--nav-bg-color);
  color: var(--nav-buttom-color);
  cursor: pointer;
  
}
.nav-buttom:hover{
  background-color: var(--nav-bg-color);
  color: var(--nav-buttom-hover-color);
}
.carousel-buttom{
  color: var(--corousel-button-color);
  cursor: pointer;

}
.carousel-control-prev-icon,
.carousel-control-next-icon, .carousel-indicators {
    filter: invert(1); /* inverte as cores, útil para visibilidade */
}

.e-mail{
  font-size: 0.9em;
}

.footer{
  font-size: 0.7em;
}

.modal input[type="text"] {
  border-radius: 8px;
  border: 1px solid #ccc;
  padding: 8px;
}
.carousel-indicators button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--primary-color);
  opacity: 0.5;
  transition: opacity 0.3s;
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(0,0,0,0.5);
  border-radius: 50%;
  padding: 10px;
}
a, .btn, .nav-buttom, .btn-alternative, .card-custom {
  transition: transform all 0.2s ease;
}

.fc-event {
  border: none;
  border-radius: 8px;
  padding: 4px 8px;
  background-color: var(--primary-color);
  color: #fff;
  font-weight: 500;
  transition: transform 0.2s, box-shadow 0.2s;
}

.fc-event:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  cursor: pointer;
}

.fc-toolbar-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-color);
}

.fc-button {
  background-color: var(--alternative-color);
  border: none;
  border-radius: 6px;
  color: white;
  padding: 6px 12px;
  transition: background-color 0.3s;
}

.fc-button:hover {
  background-color: var(--alternative-hover-color);
}

.fc-timegrid-slot-label {
  font-weight: bold;
  color: var(--text-color);
}

.card-title {
  font-weight: bold;
}
.card-chart{
  max-height: 400px;
  background-color: var(--card-chart-bg-color);
  border: 1px solid #2d3748;
}
.chart{
  position: relative;
  height: 250px;
}

.dropdown-menu {
  background-color: var(--nav-bg-color) !important;
  color: var(--nav-text-color) !important;
  border: none;
}

.dropdown-item {
  color: var(--nav-text-color) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--alternative-color) !important;
  color: var(--button-text-color) !important;
}

.form-floating .select2-container--bootstrap-5 .select2-selection {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
    height: calc(3.5rem + 2px);
}

.select2-container--bootstrap-5 .select2-selection--single {
    display: flex;
    align-items: center;
    height: calc(2.5rem + 2px);
}

.select2-container--bootstrap-5 .select2-selection__rendered {
    padding-left: 0.75rem;
}
/* Ajustar Select2 no modo escuro */
.dark .select2-container--bootstrap-5 .select2-selection {
    background-color: #212529;  /* Cor padrão do form-control no dark */
    color: #fff;
    border: 1px solid #495057;
}

.dark .select2-container--bootstrap-5 .select2-selection__rendered {
    color: #fff;
}

.dark .select2-dropdown {
    background-color: #212529;
    color: #fff;
    border-color: #495057;
}

.dark .select2-search__field {
    background-color: #212529;
    color: #fff;
    border-color: #495057;
}